MUUDS

Curated catalog of analyzed web design.

Richard Bruskowski

Austere and refined editorial minimalism. A near-black canvas foregrounds massive high-contrast serif typography and grayscale imagery, creating an uncompromising gallery-like stillness.

Visit site

Colour

Background#141414
Text#ffffff
Surface#141414

Typefaces

Display
Boogy
Body
Cadiz
Mono
Source
self_hosted
Scale
15 · 23 · 25 · 141

Layout

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

Capture

Category
portfolio
Sections
4
Captured
2026-08-30
Rhythm
dark x3

Type rules

  • display serif headline rendered at extreme scale with ultra-tight 0.8 line-height
  • metadata and body copy kept under 30 characters per line in light sans-serif

Colour rules

  • strictly monochrome with 100 percent white text against near-black background
  • all visual imagery presented exclusively in desaturated grayscale

Voice rules

  • list core offerings as stacked sentence-case disciplines
  • let raw institutional names and client credentials communicate expertise without descriptive fluff

Holds it together

  • dock primary navigation vertically along the left viewport edge
  • anchor the opening fold with an oversized comma-delimited list of creative disciplines
  • contain auxiliary links and actions in pill-shaped hairline outline buttons
  • structure secondary project lists and credentials across three balanced columns

Contrast

text on background18.4:1 AAA
text on surface18.4:1 AAA

Type, measured

Body
15px / 1.4
Measure
29 characters
Display
141px / 0.8
Tracking
0em display
Scale ratio
1.75

Voice

Tone
austere, understated, precise
Sentences
short
Person
third
Vocabulary
plain
Calls to action
more, contact

Built with

Builder
Framework
gatsby
Motion
WebGL
yes
Nav
top_bar, 4 items
Length
2.8 screens

Sections in page order

3 marked strong · 4

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

  1. 00

    hero

    Strong

    An austere, typographic portfolio hero set in high-contrast monochrome with elegant display serif lettering and vertical edge navigation.

    Mood
    editorial + quiet
    Layout
    12 col · asymmetric · airy
    Open section →
    An austere, typographic portfolio hero set in high-contrast monochrome with elegant display serif lettering and vertical edge navigation.
  2. 01

    showcase

    Strong

    Minimalist dark portfolio showcase presenting monochrome photography project cards under a quiet, understated header.

    Mood
    quiet
    Layout
    3 col · grid · balanced
    Open section →
    Minimalist dark portfolio showcase presenting monochrome photography project cards under a quiet, understated header.
  3. 02

    showcase

    A stark, quiet transition zone in deep charcoal, anchoring black-and-white visual work with a delicate pill button above understated resume categories.

    Mood
    quiet + editorial
    Layout
    24 col · stacked · airy
    Open section →
    A stark, quiet transition zone in deep charcoal, anchoring black-and-white visual work with a delicate pill button above understated resume categories.
  4. 03

    footer

    Strong

    An austere, dark minimalist footer with client credentials and awards floating above generous negative space.

    Mood
    quiet + clinical
    Layout
    1 col · grid · airy
    Open section →
    An austere, dark minimalist footer with client credentials and awards floating above generous negative space.

More like this

by shared mood