MUUDS

Curated catalog of analyzed web design.

callmelord-com

Unapologetically loud, high-impact branding aesthetic dominated by electric vermilion and stark black Swiss grotesque type. Massive uppercase typography and saturated full-bleed panels command attention while pitch-black project grids let client visuals take center stage.

Visit site

Rated

7.5/ 10

From 7 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
5.1
Distinctionmeasured
8.0
on the grid
31%
vertical rhythm
43%
type on a scale
56%
contrast passing AA
75%
unlike the library
0.27
model craft
8.0/10
model deviation
6.3/10

Colour

Background#000000
Text#000000
Accent#fe3811
Surface#1d1d1d
Muted#c6ad92

Typefaces

Display
Helvetica Now Display
Body
Helvetica Now Display
Mono
Source
self_hosted
Scale
12 · 16 · 20 · 24 · 32 · 40

Layout

Grid
Container
Spacing base
4px
Radius
0px · 999px

Capture

Category
agency
Sections
7
Captured
2026-08-30
Rhythm
red → dark → red → dark x2 → red x2

Type rules

  • display type set in uppercase Helvetica Now Display at sizes up to 160px with tight line height
  • body copy maintained around 49 characters per line with clean Swiss grotesque geometry

Colour rules

  • saturated electric vermilion (#fe3811) anchors hero, pillars, statement, and footer
  • pitch black (#000000) isolates project showcase cards and editorial insight tiles

Voice rules

  • short imperative slogans in heavy all-caps
  • direct manifesto statements celebrating rebels and bold brands

Holds it together

  • sandwich the dark portfolio grids between full-bleed saturated red hero, pillar, and statement sections
  • render display headlines in tightly tracked all-caps grotesque type spanning the container width
  • enclose metadata and categorization tags in slim pill badges beneath project visuals

Contrast

muted text on background9.8:1 AAA
text on surface1.3:1 fail
accent on background5.8:1 AA
background on accent5.8:1 AA

Type, measured

Body
16px / 1.4
Measure
49 characters
Display
160px / 0.9
Tracking
-0.01em display
Scale ratio
1.78

Voice

Tone
declarative, confident
Sentences
short
Person
first
Vocabulary
plain
Calls to action
build, see

Built with

Builder
webflow
Framework
Motion
gsap
WebGL
yes
Nav
top_bar, 8 items
Length
10.5 screens

Sections in page order

3 marked strong · 7

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

  1. 00

    hero

    An unapologetically loud, high-impact typographic hero radiating pure confidence through saturated red-orange and heavy black Swiss lettering.

    Mood
    bold + raw
    Layout
    1 col · stacked · airy
    Open section →
    An unapologetically loud, high-impact typographic hero radiating pure confidence through saturated red-orange and heavy black Swiss lettering.
  2. 01

    showcase

    Bold and cinematic agency portfolio showcasing high-contrast project tiles paired with refined uppercase labels and category pills.

    Mood
    bold + editorial
    Layout
    1 col · grid · balanced
    Open section →
    Bold and cinematic agency portfolio showcasing high-contrast project tiles paired with refined uppercase labels and category pills.
  3. 02

    feature grid

    Strong

    Punchy and unapologetic high-saturation agency breakdown pairing heavy grotesque type with a massive graphic emblem.

    Mood
    bold + playful
    Layout
    12 col · grid · dense
    Open section →
    Punchy and unapologetic high-saturation agency breakdown pairing heavy grotesque type with a massive graphic emblem.
  4. 03

    showcase

    Punchy agency portfolio showcase featuring vibrant media cards, bold case studies, and disciplined metadata tags over a deep black background.

    Mood
    bold + editorial
    Layout
    1 col · grid · balanced
    Open section →
    Punchy agency portfolio showcase featuring vibrant media cards, bold case studies, and disciplined metadata tags over a deep black background.
  5. 04

    feature grid

    Strong

    High-impact typographic cards showcase brand insights above an intense red statement band.

    Mood
    bold + editorial
    Layout
    1 col · grid · dense
    Open section →
    High-impact typographic cards showcase brand insights above an intense red statement band.
  6. 05

    statement

    Vibrant, saturated vermilion statement section presenting a stark three-column typographic manifesto in pure black grotesque type.

    Mood
    bold + editorial
    Layout
    3 col · grid · airy
    Open section →
    Vibrant, saturated vermilion statement section presenting a stark three-column typographic manifesto in pure black grotesque type.
  7. 06

    footer

    Strong

    Electric orange statement footer dominated by massive metallic brutalist letterforms above crisp, compact studio contact details.

    Mood
    bold + raw
    Layout
    1 col · stacked · dense
    Open section →
    Electric orange statement footer dominated by massive metallic brutalist letterforms above crisp, compact studio contact details.

More like this

by shared mood