Design System
Style Guide
Design system, color palette, typography and UI tokens.
01
Studio Color Tokens
Warm cream and deep forest studio surfaces, calibrated dark tones, and pastel editorial washes.
Studio Canvas & Brand Colors
Cream
#fbf9f5
Light canvas
Cream Deep
#f5f2eb
Surface secondary
Forest
#1a2b23
Dark studio panel
Forest Deep
#0f1a15
Deep dark ground
Coral
#e06d53
Primary accent
Gold
#f2c14e
Studio action accent
Ink
#14201a
Primary typography
Line
#e0dcd1
Borders & rules
Pastel Editorial Washes
Sage
#e3e9e2
Blush
#f6ece9
Vanilla
#faf5e9
Apricot
#fceee6
Sky
#e8eef2
Lilac
#efebf4
02
Typography Hierarchy
Fraunces editorial serif display paired with Space Grotesk interface text.
The long look
Fraunces · clamp(2.75rem, 7vw, 6rem)
Photographic Series
Fraunces · clamp(2.25rem, 5vw, 4rem)
Archival Visual Direction
Fraunces · clamp(1.75rem, 3.2vw, 2.75rem)
Medium Format Dossier
Fraunces · clamp(1.25rem, 2vw, 1.75rem)
We take on a handful of projects a year and give each one the room a magazine would have given it.
Space Grotesk · clamp(1rem, 0.5vw + 0.9rem, 1.1875rem)
Every project belongs to a series, and no series ever closes. We publish full-frame contact sheets, field notes, and technical equipment rosters alongside finished monographs.
Space Grotesk · 1rem / 1.6 line-height
The Index · Dossier No. 42
Space Grotesk · 0.6875rem · uppercase · 0.18em tracking
04
Labels, Badges & Chips
Metadata badges, series tags, and status markers for editorial stories.
05
Studio Frames & Architectural Shapes
The signature arched frame (.arch) and clean minimal cards used across series dossiers.
Signature Arch (.arch)
50vw 50vw 0 0
Soft Card (.rounded-2xl)
16px border-radius
Pill & Avatar (.circle-crop)
999px border-radius
06
Form Controls & Inputs
Clean minimal inputs styled for dark and light studio environments.