Reference — Design System

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

Display

PP Migra · 72

Form follows feeling

Heading 1

PP Migra · 48

Building with intent

Heading 2

PP Migra · 32

A considered system

Body

Inter · 18

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