Files
SamsTechnical-wikijs/DESIGN.md

72 lines
1.7 KiB
Markdown

---
palette:
canvas: "#000000"
ink: "#ffffff"
body: "#cccccc"
body-strong: "#e6e6e6"
muted: "#999999"
muted-soft: "#666666"
surface-soft: "#0d0d0d"
surface-card: "#141414"
surface-elevated: "#1f1f1f"
hairline: "#262626"
hairline-strong: "#3a3a3a"
link: "#c3d9f3"
on-primary: "#000000"
on-dark: "#ffffff"
success: "#5fa657"
warning: "#d4a017"
typography:
display: "'Saira Condensed', 'Bugatti Display', 'Impact', sans-serif"
text: "'EB Garamond', 'Bugatti Text Regular', 'Georgia', serif"
mono: "'JetBrains Mono', 'Bugatti Monospace', 'Fira Code', ui-monospace, monospace"
sizes:
display-xl: "64px"
display-lg: "48px"
display-md: "32px"
display-sm: "24px"
title-md: "20px"
body-md: "16px"
body-sm: "14px"
caption: "11px"
button: "14px"
nav: "12px"
weights:
display: 400
body: 400
tracking:
display-xl: "4px"
display-lg: "3px"
display-md: "2px"
display-sm: "1.5px"
wordmark: "6px"
button: "2.5px"
nav: "2px"
caption: "2px"
spacing:
unit: "4px"
section: "120px"
xxs: "4px"
xs: "8px"
sm: "12px"
md: "16px"
lg: "24px"
xl: "40px"
xxl: "64px"
radius:
none: "0"
pill: "9999px"
full: "50%"
shadows:
none: "none"
identity: >-
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.
---