Chloe
Photographic
Loading
Home | Gucci La Famiglia
Deep amber glow on aged stone, elegant serif whispers in a hushed, expansive space.
Click any value to copy. Roles are suggestions, not gospel.
- #a6600aoklch(55.7% 0.125 62)Dominant
- #f3ebddoklch(94.3% 0.021 82)Surface
- #4c1c06oklch(29.6% 0.080 43)Ink
- #a49450oklch(66.6% 0.091 96)Accent
- #d1c5b4oklch(82.9% 0.027 77)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | ui-sans-serif | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| h2 | Gucci Serif | 29px | 400 | 1 | 0 | Aa Bb Cc |
| body | ui-sans-serif | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | Gucci Sans Pro | 12px | 700 | 1 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #a6600a;
--color-surface: #f3ebdd;
--color-ink: #4c1c06;
--color-accent: #a49450;
--color-detail: #d1c5b4;
}
/* CSS variables exposed by source */
:root {
--un-text-opacity: 1;
--un-bg-opacity: 1;
--un-scale-x: 1;
--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
--un-rotate-x: 0;
--un-scale-z: 1;
--un-skew-y: 0;
--un-rotate-y: 0;
--un-ring-color: rgb(147 197 253 / .5);
--un-rotate-z: 0;
--un-rotate: 0;
--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
--un-border-spacing-y: 0;
--un-skew-x: 0;
--un-border-spacing-x: 0;
--un-translate-x: 0;
--un-translate-z: 0;
--un-translate-y: 0;
--transition-duration: .4s;
--un-ring-offset-width: 0px;
--un-shadow: 0 0 rgb(0 0 0 / 0);
--un-ring-offset-color: #fff;
--un-scale-y: 1;
--un-scroll-snap-strictness: proximity;
--un-ring-width: 0px;
}Drop-in prompt
Build a landing page in the visual style of Home | Gucci La Famiglia.
Reference design system (extracted from the live site):
- Palette: #a6600a, #f3ebdd, #4c1c06, #a49450, #d1c5b4
- Typefaces: ui-sans-serif, Gucci Serif, Gucci Sans Pro
- Macrostructure: Photographic
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/lafamigliamysteryunfolds-gucci-com
