Graphite
Split Studio
Deep charcoal expanse, crisp geometric sans-serif, cool, spacious, and powerfully understated.




Click any value to copy. Roles are suggestions, not gospel.
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | LamboType | 120px | 400 | 0.92 | 0 | Aa Bb Cc |
| h2 | LamboType | 27px | 400 | 1.37 | 0 | Aa Bb Cc |
| h3 | LamboType | 54px | 400 | 1.19 | 0 | Aa Bb Cc |
| body | LamboType | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | LamboType | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #7e2e36;
--color-surface: #521e2a;
--color-ink: #db9da4;
--color-accent: #73797d;
--color-detail: #b3bdc3;
}
/* CSS variables exposed by source */
:root {
--font-size-5: 1.6875rem;
--font-families-lambotype-variable: 'Lambotype Variable';
--font-size-18: 8.5rem;
--font-size-17: 7.5rem;
--text-case-none: none;
--border-radius-radius-4: 16px;
--text-decoration-underline: underline;
--text-case-uppercase: uppercase;
--font-size-7: 2.125rem;
--font-families-lambotype-variable-5: 'Lambotype Variable Italic';
--border-radius-radius-0: 0px;
--font-family-sans-serif: "LamboType","Roboto","Helvetica Neue",Arial;
--font-size-13: 3.75rem;
--font-size-16: 5.625rem;
--font-size-9: 2.5rem;
--border-radius-radius-2: 8px;
--font-families-lambotype-variable-4: 'Lambotype Variable Regular';
--font-size-2: 1rem;
--text-decoration-none: none;
--font-size-10: 3rem;
--font-size-14: 4.375rem;
--font-size-6: 1.75rem;
--border-stroke-stroke-3: 4px;
--font-families-lambotype-variable-3: 'Lambotype Variable Cnd Bold';
--border-stroke-stroke-2: 2px;
--font-size-11: 3.125rem;
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--border-radius-radius-1: 4px;
--font-size-8: 2.25rem;
--border-stroke-stroke-0: 0px;
--font-size-1: 0.75rem;
--border-stroke-stroke-4: 8px;
--border-stroke-stroke-1: 1px;
--font-families-lambotype-variable-1: 'Lambotype Variable UltraCnd Bold';
--font-families-lambotype-variable-0: 'Lambotype Variable Bold';
--font-size-15: 5rem;
--font-families-lambotype-variable-2: 'Lambotype Variable UltraCnd Black';
--primary: #007bff;
--font-size-12: 3.375rem;
--font-size-0: 0.625rem;
--font-size-4: 1.5rem;
--font-size-3: 1.125rem;
--secondary: #666;
--light: #f8f8f7;
--yellow: #dfb400;
--gradient-3: linear-gradient(180deg, #00000000 0%, #f5f5f5 100%);
--line-heights-4: 4.375rem;
--pink: #e83e8c;
--breakpoint-xxl: 1440px;
--letter-spacing-1: 0;
--opacity-alpha-20: 0.2;
--breakpoint-xs: 0;
--scale-spacing-9: 4.5rem;
--gray-dark: #343a40;
--line-heights-11: 2.875rem;
--white: #fff;
--success: #28a745;
--scale-spacing-8: 4rem;
--red: #dc3545;
--line-heights-8: 3.125rem;
}Drop-in prompt
Build a landing page in the visual style of Lamborghini.
Reference design system (extracted from the live site):
- Palette: #7e2e36, #521e2a, #db9da4, #73797d, #b3bdc3
- Typefaces: LamboType
- Macrostructure: Split Studio
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/lamborghini-com