Nelson Balaban
Stark, high-impact typographic index aesthetic. Maximum contrast of huge white display lettering against an uncompromising pure black field creates an authoritative archive feel. Category metadata sits in quiet uppercase alongside massive headlines.
Visit siteColour
Background#000000
Text#e5e5e5
Surface#303030
Muted#292a2c
Typefaces
- Display
- Host Grotesk
- Body
- Open Sans
- Mono
- —
- Source
- Scale
- 11 · 12 · 14 · 18 · 100
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px
Capture
- Category
- studio
- Sections
- 1
- Captured
- 2026-08-30
- Rhythm
- dark
Type rules
- display project names set at 100px with tight tracking (-0.031em)
- multi-word project titles alternate between bold and light weights on the same line
- category labels and navigation links set in tiny uppercase sans-serif at 11px to 14px
Colour rules
- pure monochrome palette with no chromatic accent colors
- fine hairline dividers separate each list row across the black canvas
Voice rules
- zero promotional copy, project names only
- categories set as concise uppercase tags
Holds it together
- span full-width hairline dividers between every row item
- pair small left-aligned category tags with oversized right-aligned project titles
- vary weights within a single title row to distinguish brand from project name
Contrast
text on background16.7:1 AAA
muted text on background1.5:1 fail
text on surface10.5:1 AAA
Type, measured
- Body
- 18px / 1.67
- Measure
- 190 characters
- Display
- 100px / 0.78
- Tracking
- -0.031em display
- Scale ratio
- 1.54
Voice
- Tone
- minimal, understated
- Sentences
- short
- Person
- third
- Vocabulary
- plain
- Calls to action
- —
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 3.8 screens
Sections in page order
1 marked strong · 1- 00
showcase
StrongMonochrome, typographic project index structured as a stark high-contrast list with hairline dividers.
- Mood
- bold + clinical
- Layout
- 1 col · stacked · dense
