SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Vigilante

Raw, unapologetic, and cinematic. The design commands attention through massive, compressed typographic slabs and brutal contrast between pure black and aggressive signal red. It rejects corporate softness in favor of relentless creative defiance.

grittyrebelliousenergeticmysterious
Visit site

Rated

6.9/ 10

From 9 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
8.6
Systemmeasured
4.4
Distinctionmeasured
8.4
on the grid
0%
vertical rhythm
31%
type on a scale
71%
contrast passing AA
75%
unlike the library
1.16
model craft
7.6/10
model deviation
7.0/10

Colour

Background#000000
Text#ffffff
Accent#ff0000
Surface#ff0000
Muted#000000

Typefaces

Display
Galgo
Body
Unbounded
Mono
—
Source
self_hosted
Scale
10 · 13 · 16 · 24 · 38 · 65

Layout

Grid
—
Container
—
Spacing base
8px
Radius
0px

Capture

Category
agency
Sections
9
Captured
2026-09-16
Rhythm
dark → red → dark x2 → red x2 → dark x2

Type rules

  • display headlines use ultra-tall compressed Galgo in full uppercase at viewport-filling scale
  • body and sub-headlines use wide geometric Unbounded in uppercase with tight line heights
  • body measure stays compact around 56 characters

Colour rules

  • strict two-tone dominance of pure black #000000 and signal red #ff0000 with crisp white #ffffff text
  • sections alternate between stark black backgrounds with red accents and saturated full-bleed red backgrounds with black typography

Voice rules

  • use high-friction, edgy language ('criminal', 'lawless')
  • all main headlines in uppercase

Holds it together

  • alternate between pure black backgrounds and full-bleed saturated red zones to shock the eye
  • scale hero type to span the entire screen width and height using extreme condensed typefaces
  • set all primary navigation, section titles, and body manifestos in uppercase
  • treat imagery and video as raw, documentary-style artefacts framed by stark voids

Contrast

text on background21.0:1 AAA
text on surface4.0:1 AA Large
accent on background5.3:1 AA
background on accent5.3:1 AA

Type, measured

Body
16px / 1.1
Measure
56 characters
Display
180px / 1.25
Tracking
0em display
Scale ratio
1.83

Voice

Tone
provocative, unapologetic, punchy
Sentences
medium
Person
first
Vocabulary
vivid
Calls to action
drop, contact

Built with

Builder
—
Framework
—
Motion
gsap, lenis
WebGL
—
Nav
top_bar, 6 items
Length
16.1 screens
Mode

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

    A moody, cinematic production house hero featuring high-contrast behind-the-scenes imagery framed by stark crimson and white typography against black.

    Mood
    gritty + mysterious
    Layout
    2 col · centered · balanced
    Open section →
    A moody, cinematic production house hero featuring high-contrast behind-the-scenes imagery framed by stark crimson and white typography against black.
  2. 01

    hero

    Strong

    Aggressive, unyielding stark red canvas dominated by towering ultra-condensed black typography that feels visceral and defiant.

    Mood
    rebellious + energetic
    Layout
    1 col · full bleed · airy
    Open section →
    Aggressive, unyielding stark red canvas dominated by towering ultra-condensed black typography that feels visceral and defiant.
  3. 02

    statement

    Strong

    Aggressive, high-impact typographic statement stretching hyper-condensed black letters across an electric red canvas.

    Mood
    energetic + rebellious
    Layout
    1 col · full bleed · dense
    Open section →
    Aggressive, high-impact typographic statement stretching hyper-condensed black letters across an electric red canvas.
  4. 03

    statement

    A bold, punchy statement section with high-contrast uppercase typography centered against deep black and accented with an aggressive crimson red slice.

    Mood
    rebellious + energetic
    Layout
    1 col · centered · airy
    Open section →
    A bold, punchy statement section with high-contrast uppercase typography centered against deep black and accented with an aggressive crimson red slice.
  5. 04

    video

    Strong

    Dark cinematic video section framed by a tilted, blurred motion background and oversized translucent typography.

    Mood
    mysterious + gritty
    Layout
    1 col · centered · airy
    Open section →
    Dark cinematic video section framed by a tilted, blurred motion background and oversized translucent typography.
  6. 05

    statement

    Blazing red statement screen with heavy black uppercase typography declaring a rebellious creative ethos.

    Mood
    rebellious + energetic
    Layout
    1 col · full bleed · balanced
    Open section →
    Blazing red statement screen with heavy black uppercase typography declaring a rebellious creative ethos.
  7. 06

    statement

    Blazing red typographic poster band featuring massive tone-on-tone uppercase text in varying expressive font widths.

    Mood
    energetic + rebellious
    Layout
    1 col · centered · airy
    Open section →
    Blazing red typographic poster band featuring massive tone-on-tone uppercase text in varying expressive font widths.
  8. 07

    cta

    An austere, defiant call to action pairing towering blood-red condensed type with casual hand-drawn text on black.

    Mood
    rebellious + energetic
    Layout
    1 col · centered · airy
    Open section →
    An austere, defiant call to action pairing towering blood-red condensed type with casual hand-drawn text on black.
  9. 08

    footer

    A stark black footer commanded by colossal red typography beneath structured contact columns, exuding intense cinematic defiance.

    Mood
    rebellious + gritty
    Layout
    3 col · grid · dense
    Open section →
    A stark black footer commanded by colossal red typography beneath structured contact columns, exuding intense cinematic defiance.

More like this

by shared mood