| canvas |
ink |
body |
body-strong |
muted |
muted-soft |
surface-soft |
surface-card |
surface-elevated |
hairline |
hairline-strong |
link |
on-primary |
on-dark |
success |
warning |
| #000000 |
#ffffff |
#cccccc |
#e6e6e6 |
#999999 |
#666666 |
#0d0d0d |
#141414 |
#1f1f1f |
#262626 |
#3a3a3a |
#c3d9f3 |
#000000 |
#ffffff |
#5fa657 |
#d4a017 |
|
| display |
text |
mono |
sizes |
weights |
tracking |
| 'Saira Condensed', 'Bugatti Display', 'Impact', sans-serif |
'EB Garamond', 'Bugatti Text Regular', 'Georgia', serif |
'JetBrains Mono', 'Bugatti Monospace', 'Fira Code', ui-monospace, monospace |
| display-xl |
display-lg |
display-md |
display-sm |
title-md |
body-md |
body-sm |
caption |
button |
nav |
| 64px |
48px |
32px |
24px |
20px |
16px |
14px |
11px |
14px |
12px |
|
|
| display-xl |
display-lg |
display-md |
display-sm |
wordmark |
button |
nav |
caption |
| 4px |
3px |
2px |
1.5px |
6px |
2.5px |
2px |
2px |
|
|
| unit |
section |
xxs |
xs |
sm |
md |
lg |
xl |
xxl |
| 4px |
120px |
4px |
8px |
12px |
16px |
24px |
40px |
64px |
|
| none |
pill |
full |
| 0 |
9999px |
50% |
|
|
Cinema-black canvas, monochrome austerity, monumental ALL-CAPS display type. No accent color — brand voltage comes from typography and content. Hypercar luxury meets technical precision. Every detail engineered. Monospace for code, technical data, and navigation. Serif body for editorial long-form content. Hairline borders (1px #262626) replace shadows. Buttons are transparent outline pills with white border. Photography is the only source of visual depth; no drop shadows anywhere. |
