MUUDS

Curated catalog of analyzed web design.

bureaux-us

Y2K metallic nostalgia meets restrained editorial discipline. An expansive chrome letterform anchors a pale grey layout framed by a continuous running pixel-font ticker and meticulous tabular grids.

Visit site

Rated

6.7/ 10

From 3 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.5
Distinctionmeasured
0.9
on the grid
21%
vertical rhythm
84%
type on a scale
50%
contrast passing AA
67%
unlike the library
0.17
model craft
8.0/10
model deviation
6.3/10

Colour

Background#f1f1f1
Text#4a4139
Surface#fafafa
Muted#727272

Typefaces

Display
FTSterling
Body
FTSterling
Mono
Monoska
Source
self_hosted
Scale
12 · 16 · 18 · 20 · 24 · 33

Layout

Grid
6 columns
Container
1392px
Spacing base
12px
Radius
0px

Capture

Category
agency
Sections
3
Captured
2026-08-30
Rhythm
light x3

Type rules

  • uppercase mono typeface for navigation tickers, copyright markers, and subcategory tags
  • display typography set tight with sentence case or understated capitalisation
  • client index body rows formatted with generous horizontal column spacing

Colour rules

  • monochromatic palette strictly anchored in soft off-white and cool grey tones
  • text hierarchy relies on shifts between dark charcoal, medium grey, and muted accents

Voice rules

  • position the studio using clear capability statements
  • present rosters and deliverables in structured tabular lists

Holds it together

  • frame navigation and status indicators inside an all-caps mono ticker-tape header
  • structure capabilities and client archives into minimalist bordered tables
  • maintain square sharp edges on all interactive and content containers

Contrast

text on background8.8:1 AAA
muted text on background4.3:1 AA Large
text on surface9.6:1 AAA

Type, measured

Body
16px / 1.3
Measure
97 characters
Display
40px / 1
Tracking
-0.025em display
Scale ratio
1.26

Voice

Tone
declarative, contemporary, restrained
Sentences
medium
Person
first
Vocabulary
specialized
Calls to action
contact, work

Built with

Builder
Framework
Motion
WebGL
Nav
top_bar, 0 items
Length
3.1 screens

Sections in page order

3 marked strong · 3

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

  1. 00

    hero

    Strong

    Massive sculpted chrome typography dominates a stark gallery layout with repeating ticker-tape headers and subtle background watermarks.

    Mood
    bold + nostalgic
    Layout
    1 col · asymmetric · airy
    Open section →
    Massive sculpted chrome typography dominates a stark gallery layout with repeating ticker-tape headers and subtle background watermarks.
  2. 01

    statement

    Strong

    Structured grid layout with restrained typographic hierarchy and a prominent split container awaiting video playback.

    Mood
    clinical + raw
    Layout
    2 col · split · airy
    Open section →
    Structured grid layout with restrained typographic hierarchy and a prominent split container awaiting video playback.
  3. 02

    showcase

    Strong

    Quiet, meticulously ordered client roster presented as a structured editorial index on a soft warm-grey background.

    Mood
    quiet + editorial
    Layout
    6 col · grid · balanced
    Open section →
    Quiet, meticulously ordered client roster presented as a structured editorial index on a soft warm-grey background.