NDCOSD

Quiet and clinical. Strict columnar Swiss typesetting on dark charcoal feels archival and disciplined, punctuated only by delicate generative wireframe strokes.

quiet clinical

Visit site

Colour

Background#1f1f1f

Text#e4e5df

Surface#1f1f1f

Muted#e4e5df

Typefaces

Display: Monument Grotesk
Body: Monument Grotesk
Mono: —
Source: self_hosted
Scale: 12 · 17 · 28 · 58

Layout

Grid: 8 columns
Container: 1238px
Spacing base: 6px
Radius: 0px

Capture

Category: studio
Sections: 3
Captured: 2026-08-30
Rhythm: dark x3

Type rules

display typography set in uppercase Monument Grotesk at 58px
body text and index entries fixed at 17px with line-height 1.7
metadata labels set in uppercase at 12px

Colour rules

monochromatic charcoal background (#1f1f1f) across all sections
all copy and vector lines rendered in uniform off-white (#e4e5df)

Voice rules

archive items listed plainly with title and release year only
footer structured strictly as technical colophon metadata

Holds it together

align index items in parallel two-column data tables with right-aligned years
maintain zero decorative accent colors across all views
render studio metadata in technical colophon format at the page base

Contrast

text on background13.0:1 AAA

muted text on background13.0:1 AAA

text on surface13.0:1 AAA

Type, measured

Body: 17px / 1.7
Measure: 33 characters
Display: 58px / 1
Tracking: 0em display
Scale ratio: 1.36

Voice

Tone: austere, precise
Sentences: short
Person: none
Vocabulary: technical
Calls to action: —

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: top_bar, 5 items
Length: 1.7 screens

Sections in page order

3 marked strong · 3

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
nav
Strong
Spacious dark navigation header with a delicate generative wireframe looping through sharp Swiss typography.
Mood
quiet + editorial
Layout
8 col · split · airy
Open section →
01
showcase
Strong
A stark, systematic typographic archive presenting project entries in disciplined columnar lists on dark charcoal.
Mood
clinical + quiet
Layout
2 col · grid · dense
Open section →
02
footer
Strong
Minimal dark colophon footer pairing structured technical metadata in clean columns with an expressive hand-drawn white stroke.
Mood
clinical + quiet
Layout
3 col · grid · airy
Open section →