The Blimp
Utilitarian, underground, and brutishly tactile. Massive grotesque titling collides with delicate monospaced database catalogs across raw concrete gray and deep charcoal slabs. The experience evokes industrial record archives, tape-trading culture, and unvarnished editorial precision.
Rated
6.4/ 10
From 5 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 10.0
- Systemmeasured
- 4.1
- Distinctionmeasured
- 2.0
- on the grid
- 0%
- vertical rhythm
- 59%
- type on a scale
- 71%
- contrast passing AA
- 33%
- unlike the library
- 0.54
- model craft
- 8.2/10
- model deviation
- 8.0/10
Colour
Typefaces
- Display
- HelveticaNowDisplay
- Body
- Helvetica Monospaced W1G
- Mono
- SFMono-Regular
- Source
- self_hosted
- Scale
- 12 · 14 · 28 · 32 · 48 · 130
Layout
- Grid
- 8 columns
- Container
- 1420px
- Spacing base
- 10px
- Radius
- 0px
Capture
- Category
- media
- Sections
- 5
- Captured
- 2026-09-02
- Rhythm
- gray → dark → gray → dark → gray → dark
Type rules
- display typography set massive in heavy grotesque uppercase tightly stacked
- body and metadata rendered exclusively in fixed-width monospace with wide slash separators
Colour rules
- strict industrial duotone: charcoal black and warm concrete gray alternating across panels
- no vibrant accent colors used on text or surfaces, relying purely on monochromatic contrast
Voice rules
- all album metadata structured as strictly formatted index logs
- all text rendered uppercase or code style
Holds it together
- bracket framing corners around card content to mimic technical blueprints or camera viewfinders
- alternate sections entirely between deep black and industrial concrete gray backgrounds
- use monospace metadata tags separated by forward slashes for all descriptive taxonomies
Contrast
Type, measured
- Body
- 12px / 1.5
- Measure
- 52 characters
- Display
- 143px / 0.8
- Tracking
- 0em display
- Scale ratio
- 1.86
Voice
- Tone
- curatorial, cryptic, technical
- Sentences
- short
- Person
- third
- Vocabulary
- specialized
- Calls to action
- explore, listen
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 10 items
- Length
- 6.5 screens
Sections in page order
- 00
hero
StrongRaw industrial underground music archive hero with technical crop marks, bold brutalist typography, and monochrome album artwork panels.
- Mood
- gritty + rebellious
- Layout
- 1 col · grid · dense

- 01
showcase
A stark, utilitarian dark-mode music archive cataloguing releases in a precise, terminal-like monospaced tabular index.
- Mood
- clinical + gritty
- Layout
- 1 col · split · dense

- 02
feature
StrongA stark brutalist editorial feature pairing massive uppercase lettering with technical framing brackets and generous raw grey space.
- Mood
- rebellious + gritty
- Layout
- 1 col · asymmetric · airy

- 03
feature
A stark dark editorial showcase framing a square sunset album artwork with heavy condensed lettering and raw hand-drawn accents.
- Mood
- contemplative + rebellious
- Layout
- 1 col · stacked · airy

- 04
footer
StrongStark brutalist footer utilizing alternating high-contrast horizontal stripes, oversized cropped grotesque type, and technical monospaced credit brackets.
- Mood
- rebellious + gritty
- Layout
- 1 col · stacked · dense








