MUUDS

Curated catalog of analyzed web design.

The Blimp

Brutalist music archive and experimental observation platform. Monumental, tight-tracked uppercase typography clashes against delicate monospaced indexing tags across deep black and industrial grey planes.

Visit site ↗

Colour

Background#121212
Text#c1c1bd
Surface#b3b2ae
Muted#b2b2ae

Typefaces

Display
HelveticaNowDisplay
Body
Helvetica Monospaced W1G
Mono
SFMono-Regular
Source
unknown
Scale
12 · 28 · 32 · 48 · 130 · 143

Layout

Grid
9 columns
Container
1440px
Spacing base
10px
Radius
0px

Capture

Category
agency
Sections
5
Captured
2026-08-27
Rhythm
dark x2 → light → dark → mixed

Type rules

  • display typography set at 143px with sub-1.0 line height
  • body text rendered in monospaced small caps at 49 characters per measure

Colour rules

  • canvas strictly alternates between pitch black #121212 and concrete grey #b3b2ae
  • no vibrant accents; contrast is created purely through inverted greyscale values

Voice rules

  • all headlines and metadata written in strict uppercase
  • dense liner notes paired with micro-labels

Holds it together

  • alternate sections between deep black (#121212) and concrete grey (#b3b2ae) full-bleed panels
  • break primary display headlines into multi-line modular typographic blocks
  • render all metadata, categories, and track details in micro monospaced uppercase

Contrast

text on background10.4:1 AAA
muted text on background8.8:1 AAA
text on surface1.2:1 fail

Type, measured

Body
12px / 1.5
Measure
49 characters
Display
143px / 0.8
Tracking
0em display
Scale ratio
1.86

Voice

Tone
curatorial, experimental, archival
Sentences
medium
Person
third
Vocabulary
technical
Calls to action
explore, listen

Built with

Builder
Framework
Motion
WebGL
Nav
top_bar, 10 items
Length
6.5 screens

Colour, by area

#121212 0%#b3b2ae 0%#b2b2ae 0%#c1c1bd 0%

Sections in page order

3 strongest marked · 5

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

  1. 00

    hero

    An experimental pitch-black digital canvas scattered with an organic cloud of overlapping album art thumbnails and sparse monospaced typography.

    Mood
    raw + quiet
    Layout
    1 col · asymmetric · airy
    Open section →
    An experimental pitch-black digital canvas scattered with an organic cloud of overlapping album art thumbnails and sparse monospaced typography.
  2. 01

    hero

    A vast, pitch-black minimal archive interface with heavy left-anchored typography and delicate monospaced indexing tags.

    Mood
    quiet + raw
    Layout
    9 col · asymmetric · airy
    Open section →
    A vast, pitch-black minimal archive interface with heavy left-anchored typography and delicate monospaced indexing tags.
  3. 02

    showcase

    Strongest

    Raw brutalist album feature pairing massive oversized display lettering with dense monospaced columns and poster-like framing against a flat industrial grey background.

    Mood
    raw + editorial
    Layout
    9 col · asymmetric · airy
    Open section →
    Raw brutalist album feature pairing massive oversized display lettering with dense monospaced columns and poster-like framing against a flat industrial grey background.
  4. 03

    showcase

    Strongest

    Dark, atmospheric audio feature section with heavy brutalist typography framing a central dusk sky photograph.

    Mood
    raw + editorial
    Layout
    11 col · asymmetric · airy
    Open section →
    Dark, atmospheric audio feature section with heavy brutalist typography framing a central dusk sky photograph.
  5. 04

    statement

    Strongest

    Monumental brutalist typography collides across high-contrast grey and black planes with technical monospaced micro-captions and an annotated editorial feel.

    Mood
    raw + bold
    Layout
    13 col · stacked · dense
    Open section →
    Monumental brutalist typography collides across high-contrast grey and black planes with technical monospaced micro-captions and an annotated editorial feel.

More like this

by shared mood