MUUDS

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

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

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

text on background10.4:1 AAA
muted text on background8.8:1 AAA
text on surface1.2:1 fail
muted text on surface1.0:1 fail
accent on background1.1:1 fail
background on accent1.1:1 fail

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

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

  1. 00

    hero

    Strong

    Raw 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
    Open section
    Raw industrial underground music archive hero with technical crop marks, bold brutalist typography, and monochrome album artwork panels.
  2. 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
    Open section
    A stark, utilitarian dark-mode music archive cataloguing releases in a precise, terminal-like monospaced tabular index.
  3. 02

    feature

    Strong

    A 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
    Open section
    A stark brutalist editorial feature pairing massive uppercase lettering with technical framing brackets and generous raw grey space.
  4. 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
    Open section
    A stark dark editorial showcase framing a square sunset album artwork with heavy condensed lettering and raw hand-drawn accents.
  5. 04

    footer

    Strong

    Stark 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
    Open section
    Stark brutalist footer utilizing alternating high-contrast horizontal stripes, oversized cropped grotesque type, and technical monospaced credit brackets.

More like this

By shared mood