Initial commit: SamsTechnical-wikijs
This commit is contained in:
71
DESIGN.md
Normal file
71
DESIGN.md
Normal file
@@ -0,0 +1,71 @@
|
||||
---
|
||||
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.
|
||||
---
|
||||
Reference in New Issue
Block a user