MUUDS

Duncan Brazzil

Stark, utilitarian, and unapologetically bold. Extreme uppercase grotesque typography with ultra-tight leading dominates a pitch-black canvas, offset only by digital glitch video textures and high-saturation project media.

rebelliousenergeticreassuringserene
Visit site

Rated

7.2/ 10

From 4 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
9.6
Systemmeasured
7.0
Distinctionmeasured
0.4
on the grid
57%
vertical rhythm
72%
type on a scale
50%
contrast passing AA
100%
unlike the library
0.46
model craft
8.0/10
model deviation
4.8/10

Colour

Background#000000
Text#ffffff
Surface#000000
Muted#ffffff

Typefaces

Display
Neue Haas Grotesk Disp Pro
Body
Neue Haas Grotesk Disp Pro
Mono
—
Source
self_hosted
Scale
10 · 15 · 17 · 33 · 37 · 40

Layout

Grid
24 columns
Container
1400px
Spacing base
4px
Radius
0px

Capture

Category
studio
Sections
4
Captured
2026-09-02
Rhythm
dark x5

Type rules

  • display headlines set in massive uppercase with sub-1.0 line height
  • utility labels and dual time zone timestamps set at 10px uppercase
  • body paragraphs maintain strict left alignment against zero-gutter grids

Colour rules

  • strict monochrome foundation with pure white type over deep black surfaces
  • chromatic color is strictly confined to client artwork and video thumbnails

Voice rules

  • all headlines set in full uppercase
  • concise studio positioning statements with zero filler words

Holds it together

  • hero and section headlines must use uppercase grotesque type with line height under 0.9
  • canvas background remains pure black across every section without container cards
  • project tags and control indicators must be boxed in 1px white hairline borders
  • allow chromatic color only inside embedded video reels and portfolio tiles

Contrast

text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA
muted text on surface21.0:1 AAA

Type, measured

Body
10px / 0.84
Measure
64 characters
Display
96px / 0.84
Tracking
0em display
Scale ratio
1.76

Voice

Tone
declarative, confident, direct
Sentences
short
Person
first
Vocabulary
plain
Calls to action
bring, create

Built with

Builder
—
Framework
—
Motion
swiper
WebGL
—
Nav
sticky_top_bar, 3 items, sticky
Length
4.7 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

    Monochrome, stark typographic hero with huge bold lettering and an austere dark video player aesthetic.

    Mood
    rebellious + mysterious
    Layout
    1 col · stacked · airy
    Open section
    Monochrome, stark typographic hero with huge bold lettering and an austere dark video player aesthetic.
  2. 01

    showcase

    Strong

    High-contrast dark showcase featuring bold typography, saturated color tiles, and sharp boxed badges.

    Mood
    energetic
    Layout
    8 col · grid · balanced
    Open section
    High-contrast dark showcase featuring bold typography, saturated color tiles, and sharp boxed badges.
  3. 02

    statement

    Strong

    Oversized, crisp grotesque typography dominates a pitch-black canvas in an uncompromising declaration of collaborative intent.

    Mood
    reassuring + serene
    Layout
    2 col · stacked · balanced
    Open section
    Oversized, crisp grotesque typography dominates a pitch-black canvas in an uncompromising declaration of collaborative intent.
  4. 03

    footer

    Spacious minimalist dark footer structured with crisp Swiss typography and ample negative space.

    Mood
    serene
    Layout
    24 col · grid · airy
    Open section
    Spacious minimalist dark footer structured with crisp Swiss typography and ample negative space.

More like this

By shared mood