(00) — Design system
Every colour, type style, button and spacing step used in Apse. Change a style once in Assets and it updates on every page.
(01)
Colours
Base
#0B0B0A
Surface
#151412
Line
#2A2825
Text
#EDEAE4
Muted
#8A857C
Accent
#B82E18 (text: #EA5A3E)
Wash
#3A0A08
(02)
Typography
Display XL — 128px — Fraunces Light — H1 (Display XL Section is the H2 version)
Display L — 76px — Fraunces Light — H2
Display M — 48px — Fraunces Light — H2
Heading — 28px — Fraunces Regular — H3
Casa Umbral, Oaxaca
Body L — 21px — Geist Light
We take on six to eight projects a year and draw every one of them ourselves.
Body — 17px — Geist Regular — Muted
Stone from the nearest quarry, timber from the nearest forest, lime from the nearest kiln.
Label and Label Accent — 12px — Geist Mono, uppercase
Lisbon — Architecture — 2025
(01) — Selected work
Nav and Button Dark — 15px — Geist Regular and Medium
Work Studio Journal Contact
Button Dark on light
(03)
Buttons
View the work
→
Primary — Text fill, Button Dark
Start a project
→
Accent — one per page
About the studio
→
Text link — Nav with accent arrow
(04)
Spacing scale
8
Label to title
16
Card text stack
24
Grid gutter
40
Page margin, column gap
80
Between blocks in a section
160
Between sections
