The styleguide.
Every token, type style, and component that builds this site — dark-only, typography-driven, with the signal-yellow accent used sparingly.
Color
Surfaces
Background--color-bg · #0B0A09
Surface--color-surface · #151312
Surface 2--color-surface-2 · #1B1816
Lines
Border--color-border · #272421
Border strong--color-border-strong · #34302C
Text
Text--color-text · #FAF8F5
Muted--color-muted · #8F8A83
Muted dim--color-muted-dim · #5C5750
Accent — used sparingly
Accent--color-accent · #FACC15
Accent dim--color-accent-dim · #EAB308
Accent text--color-accent-text · +15% L
Typography
Aa
Space GroteskDisplay · 400 500 600 700
Aa
InterBody · 400 500 600
Aa
JetBrains MonoLabels · 400 500
displayRefuse to blend in
text-heading
Selected work
text-heading-sm
What clients say
text-lead
A type-led system that says a lot with very little — editorial rigor meeting commercial clarity.
body
Base paragraph text set in Inter at 17px with a 1.6 line-height. Used for all running copy across the site, kept calm and readable on the near-black background.
section label
mono voiceBuenos Aires — 2026
Chips & tags
chip — mono label, hairline border, pill radius
Form fields
.field — focus ring uses accent at 18% alpha
Cards & media
“Marco took a vague brief and returned a brand that felt inevitable. Rare clarity, rarer taste.”
Elena Park
Founder, Tonal
project hero, full-bleed photography1200 × 900
Motion & layout
420msDuration--default-transition-duration
cubic·outEase(0.22, 1, 0.36, 1)
1280pxContainer--container-wide
LenisSmooth scroll+ GSAP ScrollTrigger
Available for work
Let's build something
consistent