MUUDS

Heretic

Unapologetic, underground, and motorsport-fueled. Gothic blackletter collides with high-octane 3D rally styling against pitch-black and utilitarian slate-grey backgrounds. The design feels like a bespoke race livery built to torch corporate convention.

Rated

7.3/ 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
9.2
Systemmeasured
5.5
Distinctionmeasured
6.5
on the grid
38%
vertical rhythm
50%
type on a scale
50%
contrast passing AA
80%
unlike the library
0.92
model craft
7.8/10
model deviation
6.2/10

Colour

Background#000000
Text#2c2b1e
Accent#ffba24
Surface#97958a
Muted#97958a

Typefaces

Display
Misfits Blackletter Regular
Body
Helvetica Neue Bold
Mono
—
Source
self_hosted
Scale
14 · 16 · 19 · 24 · 35 · 40

Layout

Grid
24 columns
Container
1380px
Spacing base
5px
Radius
0px

Capture

Category
studio
Sections
5
Captured
2026-09-06
Rhythm
dark → grey → dark x2 → grey → dark

Type rules

  • blackletter gothic display for brand hero statements, tightly tracked grotesque for all body and case copy
  • tight negative tracking on headings and dense body copy blocks at 47 characters per line
  • all navigation and metadata labels set in uppercase with diamond bullets

Colour rules

  • warm amber gold accent used exclusively for high-intent CTA buttons, blackletter lettering, and highlighted verbs
  • high contrast shifts between pure black voids and warm slate-grey editorial panels
  • checkered racing pattern strip transitions the work into the oversized footer

Voice rules

  • use unapologetic colloquial phrasing to dismantle industry norms
  • pair brutalist statements with high-craft execution

Holds it together

  • contrast ornate blackletter headlines directly with utilitarian Swiss grotesques
  • use golden amber on key highlight words and primary action triggers against black surfaces
  • frame editorial statements with historical etching illustrations alongside modern brand work

Contrast

text on background1.5:1 fail
muted text on background7.0:1 AA
text on surface4.8:1 AA
accent on background12.3:1 AAA
background on accent12.3:1 AAA

Type, measured

Body
19px / 1.4
Measure
47 characters
Display
40px / 1.1
Tracking
-0.06em display
Scale ratio
1.20

Voice

Tone
provocative, blunt, confident
Sentences
medium
Person
first
Vocabulary
vernacular
Calls to action
book, agree, deny

Built with

Builder
framer
Framework
—
Motion
lenis
WebGL
—
Nav
—
Length
7.9 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

    Dark, defiant marketing studio hero pairing heavy gold blackletter type with a detailed 3D rally car model and an interactive intention gate.

    Mood
    rebellious + energetic
    Layout
    1 col · centered · balanced
    Open section
    Dark, defiant marketing studio hero pairing heavy gold blackletter type with a detailed 3D rally car model and an interactive intention gate.
  2. 01

    hero

    Strong

    An unapologetic agency manifesto hero pairing bold modern typography and gold blackletter accents with a charging medieval knight woodcut.

    Mood
    rebellious + grounded
    Layout
    2 col · asymmetric · balanced
    Open section
    An unapologetic agency manifesto hero pairing bold modern typography and gold blackletter accents with a charging medieval knight woodcut.
  3. 02

    testimonial

    A dense horizontal row of dark olive quote cards rendered in warm amber typography with prominent quotation glyphs.

    Mood
    reassuring + grounded
    Layout
    5 col · grid · balanced
    Open section
    A dense horizontal row of dark olive quote cards rendered in warm amber typography with prominent quotation glyphs.
  4. 03

    showcase

    An earthy, editorial case study index coupling stark grotesque typography and blackletter accents with dense three-column visual galleries.

    Mood
    grounded + rebellious
    Layout
    3 col · stacked · dense
    Open section
    An earthy, editorial case study index coupling stark grotesque typography and blackletter accents with dense three-column visual galleries.
  5. 04

    footer

    Strong

    Bold, punchy yellow footer dominated by a colossal blackletter wordmark, taxi-cab checkered banner, and crisp editorial contact links.

    Mood
    rebellious + energetic
    Layout
    2 col · asymmetric · dense
    Open section
    Bold, punchy yellow footer dominated by a colossal blackletter wordmark, taxi-cab checkered banner, and crisp editorial contact links.

More like this

By shared mood