Reference — Design System
The foundations behind the studio — color, type, and the components used across every page.
(1)
Color
Canvas
rgb(230, 230, 230)
Surface
#FFFFFF
Ink
rgb(15, 15, 15)
BG Black · token
bg-black
Accent
rgb(240, 55, 75)
Muted
rgba(0,0,0,0.64)
(2)
Typography
Heading 1
PP Migra · 101 / 81 / 40
Form follows feeling
Heading 2
PP Migra · 56 / 45 / 24
Building with intent
Pre-loader
Suisse Intl · 56 / 45 / 36
A considered system
Body
Inter · 16
Clear, readable prose carries the work — every paragraph sits on the same rhythm and column as its heading.
Label
Suisse Intl · 14
NAVIGATION · CAPTION · META
(3)
Components
button-behance
Primary action pill with title and link controls.
button-cta
Large contact button with layered shadow and hover state.