MUUDS

Curated catalog of analyzed web design.

Monolith

Austere, tactile, and gallery-like. Expansive warm stone fields create silence around heavy monolithic typography and archival product codes. Physical materiality is evoked through immense negative space and precise architectural margins.

Visit site ↗

Colour

Background#eceae5
Text#28282a
Accent#0e0e0e
Surface#46463e
Muted#46463e

Typefaces

Display
Neue Haas Grotesk Display Pro
Body
Neue Haas Grotesk Display Pro
Mono
ABC Monument Grotesk Mono
Source
self_hosted
Scale
12 · 14 · 16 · 61 · 87

Layout

Grid
Container
Spacing base
8px
Radius
0px

Capture

Category
studio
Sections
8
Captured
2026-08-27
Rhythm
cream x4 → dark → cream x3

Type rules

  • body text set at 12px with tight 1em line height and short measures
  • large scale 87px geometric display type anchored as sculptural forms
  • monospaced uppercase labels for all peripheral data and coordinate markers

Colour rules

  • warm stone #eceae5 dominates over 70% of the canvas
  • deep charcoal #28282a and #0e0e0e reserved exclusively for text and monolithic silhouettes

Voice rules

  • parenthetical uppercase labels for UI actions and states
  • inventory indexed via three-digit sequential codes and underscores

Holds it together

  • frame empty viewports with micro-typography pinned to the extreme outer corners
  • structure object references using strict numbering and underscore formatting (e.g., '001 / M_013')
  • enclose state indicators and action buttons in parentheses like '(LOADING)' or '(Close)'

Contrast

text on background12.2:1 AAA
muted text on background7.9:1 AAA
text on surface1.6:1 fail
accent on background16.1:1 AAA
background on accent16.1:1 AAA

Type, measured

Body
12px / 1
Measure
21 characters
Display
87px / 1
Tracking
0em display
Scale ratio
1.64

Voice

Tone
terse, catalog-like
Sentences
short
Person
none
Vocabulary
plain
Calls to action
explore, see

Built with

Builder
Framework
next
Motion
WebGL
Nav
top_bar, 3 items
Length
7.1 screens

Colour, by area

accent on container
#eceae5 0%#46463e 0%#0e0e0e 0%#351504 0%#362414 0%#150e0a 0%

Sections in page order

3 strongest marked · 8

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

  1. 00

    hero

    Strongest

    Vast, quiet expanse of warm neutral space anchored at the base by monolithic geometric letterforms filled with subtle sculptural texture.

    Mood
    quiet + bold
    Layout
    12 col · centered · airy
    Open section →
    Vast, quiet expanse of warm neutral space anchored at the base by monolithic geometric letterforms filled with subtle sculptural texture.
  2. 01

    showcase

    Vast, almost completely empty neutral canvas framed by tiny marginal mono typography and minimal structural marks.

    Mood
    quiet + raw
    Layout
    1 col · asymmetric · airy
    Open section →
    Vast, almost completely empty neutral canvas framed by tiny marginal mono typography and minimal structural marks.
  3. 02

    other

    Strongest

    An expansive, whisper-quiet warm neutral space functioning as an ultra-minimal transitional canvas.

    Mood
    quiet
    Layout
    10 col · centered · airy
    Open section →
    An expansive, whisper-quiet warm neutral space functioning as an ultra-minimal transitional canvas.
  4. 03

    video

    Strongest

    An expansive, muted neutral space that feels like a quiet gallery pause.

    Mood
    quiet
    Layout
    12 col · full bleed · airy
    Open section →
    An expansive, muted neutral space that feels like a quiet gallery pause.
  5. 04

    other

    An expanse of muted, warm neutral space serving as a quiet breathing room within the page flow.

    Mood
    quiet
    Layout
    1 col · full bleed · airy
    Open section →
    An expanse of muted, warm neutral space serving as a quiet breathing room within the page flow.
  6. 05

    other

    An empty, warm-toned neutral spacer providing breathing room between structured content sections.

    Mood
    quiet
    Layout
    1 col · full bleed · airy
    Open section →
    An empty, warm-toned neutral spacer providing breathing room between structured content sections.
  7. 06

    other

    A completely blank, warm neutral spacer providing breathing room and a quiet visual pause.

    Mood
    quiet
    Layout
    16 col · full bleed · airy
    Open section →
    A completely blank, warm neutral spacer providing breathing room and a quiet visual pause.
  8. 07

    other

    An empty neutral space providing quiet breathing room between content sections.

    Mood
    quiet
    Layout
    12 col · full bleed · airy
    Open section →
    An empty neutral space providing quiet breathing room between content sections.

More like this

by shared mood