MUUDS

Curated catalog of analyzed web design.

studio-size-com

Monochrome minimalism defined by monumental Swiss typography. Pitch-black surfaces provide absolute contrast for architectural visuals and stark philosophical manifestos.

Visit site

Rated

7.3/ 10

From 6 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
4.9
Distinctionmeasured
6.8
on the grid
23%
vertical rhythm
0%
type on a scale
71%
contrast passing AA
100%
unlike the library
0.25
model craft
8.0/10
model deviation
3.8/10

Colour

Background#000000
Text#ffffff
Surface#1d1d1d
Muted#767676

Typefaces

Display
neue-haas-grotesk-display
Body
neue-haas-grotesk-text
Mono
Source
adobe
Scale
14 · 18 · 22 · 24 · 40 · 80

Layout

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

Capture

Category
studio
Sections
6
Captured
2026-08-30
Rhythm
dark x6

Type rules

  • display type set massive up to 108px with negative tracking and sentence case
  • body text set at 22px constrained to 42 characters per line

Colour rules

  • canvas strictly black with white primary typography
  • secondary information and labels muted to neutral grey #767676

Voice rules

  • short declarative statements
  • understated project titles

Holds it together

  • rely strictly on high-contrast black and white with no hue accents
  • anchor major section transitions with massive sentence-case headlines
  • use pill-shaped borders for navigation badges and video triggers

Contrast

text on background21.0:1 AAA
muted text on background4.6:1 AA
text on surface16.9:1 AAA

Type, measured

Body
22px / 1.2
Measure
42 characters
Display
108px / 0.9
Tracking
-0.02em display
Scale ratio
1.49

Voice

Tone
confident, philosophical
Sentences
medium
Person
first
Vocabulary
refined
Calls to action
get, view, play

Built with

Builder
Framework
Motion
lenis
WebGL
Nav
top_bar, 5 items
Length
7.8 screens

Sections in page order

3 marked strong · 6

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

  1. 00

    hero

    Strong

    Stark, pitch-black minimalism anchored by massive, authoritative neo-grotesque typography that commands immediate focus.

    Mood
    bold + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Stark, pitch-black minimalism anchored by massive, authoritative neo-grotesque typography that commands immediate focus.
  2. 01

    showcase

    Strong

    Dark, cinematic architectural showcase balancing crisp split photography with clean grotesque typography and minimalist circular navigation controls.

    Mood
    luxurious + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Dark, cinematic architectural showcase balancing crisp split photography with clean grotesque typography and minimalist circular navigation controls.
  3. 02

    showcase

    Minimal studio portfolio showcase displaying work cards against a solid dark canvas with crisp Swiss typography.

    Mood
    quiet + editorial
    Layout
    3 col · grid · balanced
    Open section →
    Minimal studio portfolio showcase displaying work cards against a solid dark canvas with crisp Swiss typography.
  4. 03

    statement

    Massive, unapologetic white neo-grotesque typography on pure black delivering a stark philosophical manifesto.

    Mood
    bold + quiet
    Layout
    24 col · stacked · dense
    Open section →
    Massive, unapologetic white neo-grotesque typography on pure black delivering a stark philosophical manifesto.
  5. 04

    gallery

    A quiet editorial showcase featuring tall rounded media cards displaying studio photography, interiors, and graphic art against dark framing.

    Mood
    editorial + quiet
    Layout
    6 col · grid · balanced
    Open section →
    A quiet editorial showcase featuring tall rounded media cards displaying studio photography, interiors, and graphic art against dark framing.
  6. 05

    statement

    Strong

    A pitch-black typographic statement layout with clean modernist columns and subtle circular directional buttons.

    Mood
    quiet + editorial
    Layout
    12 col · grid · airy
    Open section →
    A pitch-black typographic statement layout with clean modernist columns and subtle circular directional buttons.

More like this

by shared mood