SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Shelby

High-performance technical precision meets vibrant contemporary energy. Warm cream and espresso provide a grounded, editorial base that is electrified by neon pink curved geometry and crisp monospace metadata.

energeticsereneclinicalreassuring
Visit site

Rated

7.2/ 10

From 8 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.3
Systemmeasured
5.2
Distinctionmeasured
6.2
on the grid
0%
vertical rhythm
82%
type on a scale
67%
contrast passing AA
60%
unlike the library
0.86
model craft
7.9/10
model deviation
4.0/10

Colour

Background#fcfaf8
Text#322312
Accent#ff77c9
Surface#f7f1e9
Muted#454039

Typefaces

Display
GT Planar-df43b77c23afa18e
Body
GT Planar-df43b77c23afa18e
Mono
ABC Repro Mono-d4db1778d6902b9e
Source
self_hosted
Scale
11 · 16 · 18 · 24 · 60 · 88

Layout

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

Capture

Category
ai
Sections
8
Captured
2026-09-16
Rhythm
cream x3 → dark → cream x2 → pink → cream x2

Type rules

  • display headlines set in tight negative-tracked sentence case
  • category and metadata labels strictly set in uppercase monospace font
  • body text maintains a relaxed 1.4 line-height over warm neutral backgrounds

Colour rules

  • warm cream #fcfaf8 acts as primary canvas punctuated by espresso #322312 containers
  • vibrant hot pink #ff77c9 is reserved for focal graphical ribbons and key structural cards
  • body copy and interactive buttons use deep espresso #322312 rather than pure black

Voice rules

  • lead with verifiable capability claims
  • use monospace uppercase tags for technical domains

Holds it together

  • frame hero and terminal CTA sections with oversized curved neon pink geometry
  • enclose technical architecture breakdowns in full-width espresso #322312 cards
  • render all sub-domain navigation chips and category badges in monospace uppercase separated by vertical dividers

Contrast

text on background14.6:1 AAA
muted text on background9.9:1 AAA
text on surface13.5:1 AAA
accent on background2.3:1 fail
background on accent2.3:1 fail

Type, measured

Body
16px / 1.4
Measure
149 characters
Display
60px / 0.95
Tracking
-0.04em display
Scale ratio
1.39

Voice

Tone
technical, authoritative, direct
Sentences
short
Person
second
Vocabulary
specialized
Calls to action
talk

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 4 items
Length
8.4 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

    Strong

    Warm modernist hero pairing heavyweight dark typography with sweeping abstract pink ribbons against a soft cream backdrop.

    Mood
    energetic + serene
    Layout
    2 col · split · airy
    Open section →
    Warm modernist hero pairing heavyweight dark typography with sweeping abstract pink ribbons against a soft cream backdrop.
  2. 01

    statement

    Quiet warm-toned transition band pairing an enclosed monochrome partner logo strip with a bold problem statement in rich espresso typography.

    Mood
    serene + reassuring
    Layout
    1 col · stacked · airy
    Open section →
    Quiet warm-toned transition band pairing an enclosed monochrome partner logo strip with a bold problem statement in rich espresso typography.
  3. 02

    feature

    Strong

    Technical infrastructure feature section pairing warm dark brown canvas with a high-contrast pink interactive routing diagram.

    Mood
    clinical + grounded
    Layout
    3 col · stacked · airy
    Open section →
    Technical infrastructure feature section pairing warm dark brown canvas with a high-contrast pink interactive routing diagram.
  4. 03

    feature grid

    Calm, warm-toned technical feature cards and expandable list items arranged in an orderly, spacious grid.

    Mood
    serene + reassuring
    Layout
    2 col · grid · airy
    Open section →
    Calm, warm-toned technical feature cards and expandable list items arranged in an orderly, spacious grid.
  5. 04

    feature grid

    A warm, precise feature grid pairing delicate isometric geometric wireframes on soft cream cards with quiet, restrained typography.

    Mood
    serene + contemplative
    Layout
    2 col · grid · airy
    Open section →
    A warm, precise feature grid pairing delicate isometric geometric wireframes on soft cream cards with quiet, restrained typography.
  6. 05

    statement

    Strong

    A gentle pastel pink card with an angular notch framing a bold typographic statement of technical provenance.

    Mood
    reassuring + serene
    Layout
    1 col · stacked · airy
    Open section →
    A gentle pastel pink card with an angular notch framing a bold typographic statement of technical provenance.
  7. 06

    cta

    An expansive, airy call to action grounded by warm cream tones, bold left-aligned typography, and a vibrant diagonal pink graphic.

    Mood
    serene + playful
    Layout
    2 col · split · airy
    Open section →
    An expansive, airy call to action grounded by warm cream tones, bold left-aligned typography, and a vibrant diagonal pink graphic.
  8. 07

    footer

    Quiet, minimalist cream footer with expansive negative space, structured navigation columns, and precise monospace utility links.

    Mood
    serene
    Layout
    4 col · split · airy
    Open section →
    Quiet, minimalist cream footer with expansive negative space, structured navigation columns, and precise monospace utility links.

More like this

by shared mood