MUUDS

Huge.

Irreverent, heavyweight digital agency swagger. Immense sans-serif display typography punctuated with definitive periods meets tactile 3D imagery and electric magenta hits on a midnight canvas. It feels razor-sharp, self-assured, and relentlessly contemporary.

playfulenergeticreassuringsereneluxuriousrebellious
Visit site

Rated

6.9/ 10

From 12 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.8
Systemmeasured
4.2
Distinctionmeasured
5.6
on the grid
0%
vertical rhythm
42%
type on a scale
58%
contrast passing AA
67%
unlike the library
0.77
model craft
8.1/10
model deviation
5.4/10

Colour

Background#0d0b0a
Text#ffffff
Accent#ff0090
Surface#faf8f4
Muted#d5d2cf

Typefaces

Display
matter
Body
matter
Mono
—
Source
self_hosted
Scale
11 · 14 · 16 · 19 · 25 · 32

Layout

Grid
—
Container
—
Spacing base
4px
Radius
16px · 24px · 999px

Capture

Category
agency
Sections
12
Captured
2026-10-03
Rhythm
dark x2 → cream → dark x5

Type rules

  • display type rendered at monumental scale with tight negative tracking
  • headlines consistently styled in sentence case followed by a period
  • body text kept concise with a functional 11px to 16px hierarchy

Colour rules

  • dark black (#0d0b0a) forms the vast majority of canvas backgrounds
  • signature magenta (#ff0090) reserved strictly for the brandmark, interactive highlights, and focal terms
  • light cream (#faf8f4) and white surfaces form contrasting modular cards against the dark background

Voice rules

  • headlines end with a full stop
  • conversational, time-aware microcopy that speaks directly to the user
  • concise declarative case study summaries

Holds it together

  • set dominant section titles in massive bold sans-serif ending with a period
  • use electric magenta (#ff0090) strictly on focal brand words or interactive moments
  • structure core capabilities into stacked, numbered cards with generous corner radii

Contrast

text on background19.6:1 AAA
muted text on background13.0:1 AAA
text on surface1.1:1 fail
muted text on surface1.4:1 fail
accent on background5.3:1 AA
background on accent5.3:1 AA

Type, measured

Body
11px / 1.6
Measure
265 characters
Display
285px / 0.88
Tracking
-0.07em display
Scale ratio
2.26

Voice

Tone
confident, irreverent, direct
Sentences
short
Person
first
Vocabulary
plain
Calls to action
talk, see, discover, check

Built with

Builder
—
Framework
next
Motion
lenis
WebGL
—
Nav
top_bar, 6 items
Length
24.1 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 hero dominated by a tactile magenta and chrome 3D inflatable letter paired with punchy conversational typography.

    Mood
    playful + energetic
    Layout
    1 col · full bleed · airy
    Open section →
    Dark hero dominated by a tactile magenta and chrome 3D inflatable letter paired with punchy conversational typography.
  2. 01

    hero

    Strong

    Minimalist, high-impact typographic statement pairing giant geometric type with an energetic hot-pink accent and stark navigation links.

    Mood
    energetic + clinical
    Layout
    2 col · split · airy
    Open section →
    Minimalist, high-impact typographic statement pairing giant geometric type with an energetic hot-pink accent and stark navigation links.
  3. 02

    logo bar

    Quiet, spacious grid of monochrome brand marks isolated in soft cream square tiles.

    Mood
    reassuring + serene
    Layout
    4 col · grid · airy
    Open section →
    Quiet, spacious grid of monochrome brand marks isolated in soft cream square tiles.
  4. 03

    showcase

    Bold and confident agency portfolio showcase featuring high-contrast geometric typography and punchy two-column case study preview cards.

    Mood
    serene
    Layout
    2 col · grid · balanced
    Open section →
    Bold and confident agency portfolio showcase featuring high-contrast geometric typography and punchy two-column case study preview cards.
  5. 04

    showcase

    A dark, serene portfolio showcase presenting case studies through surreal minimalist imagery and bold grotesque type.

    Mood
    serene + dreamy
    Layout
    2 col · stacked · airy
    Open section →
    A dark, serene portfolio showcase presenting case studies through surreal minimalist imagery and bold grotesque type.
  6. 05

    showcase

    Bold agency case study card featuring a dynamic tilted product render on a deep green container against a dark backdrop.

    Mood
    luxurious + serene
    Layout
    2 col · asymmetric · balanced
    Open section →
    Bold agency case study card featuring a dynamic tilted product render on a deep green container against a dark backdrop.
  7. 06

    showcase

    High-contrast dark showcase pairing punchy repeated typography with dynamically tilted, saturated client project cards.

    Mood
    energetic
    Layout
    2 col · asymmetric · balanced
    Open section →
    High-contrast dark showcase pairing punchy repeated typography with dynamically tilted, saturated client project cards.
  8. 07

    feature grid

    Stark, high-contrast stacked cards showcasing capabilities with punchy typography and vivid pink numbering against a deep black canvas.

    Mood
    energetic + clinical
    Layout
    1 col · stacked · balanced
    Open section →
    Stark, high-contrast stacked cards showcasing capabilities with punchy typography and vivid pink numbering against a deep black canvas.
  9. 08

    announcement

    Dark and intense news announcement card featuring bold typography and hot pink accents promoting a live creative competition.

    Mood
    energetic + rebellious
    Layout
    1 col · stacked · balanced
    Open section →
    Dark and intense news announcement card featuring bold typography and hot pink accents promoting a live creative competition.
  10. 09

    cta

    Two oversized, airy cards offer bold typographic pathways with vivid pink eyebrows and minimalist circular arrow buttons.

    Mood
    serene
    Layout
    2 col · grid · airy
    Open section →
    Two oversized, airy cards offer bold typographic pathways with vivid pink eyebrows and minimalist circular arrow buttons.
  11. 10

    statement

    Strong

    Stark, pitch-black void anchored by an oversized, unapologetic farewell in pure white grotesque type.

    Mood
    rebellious + mysterious
    Layout
    1 col · asymmetric · airy
    Open section →
    Stark, pitch-black void anchored by an oversized, unapologetic farewell in pure white grotesque type.
  12. 11

    footer

    Dark, starkly minimalist footer combining heavy punctuated navigational typography with an expansive newsletter subscription field.

    Mood
    luxurious + serene
    Layout
    3 col · split · airy
    Open section →
    Dark, starkly minimalist footer combining heavy punctuated navigational typography with an expansive newsletter subscription field.

More like this

By shared mood