MUUDS

Curated catalog of analyzed web design.

Sergey Lisovskiy

Radical modernist minimalism. Pure black text on stark white canvas, leveraging tight grotesque type, extreme whitespace, and sparse indexes for a gallery-like feeling.

Visit site

Colour

Background#ffffff
Text#000000
Surface#ffffff
Muted#000000

Typefaces

Display
Apfel Grotezk
Body
Apfel Grotezk
Mono
Source
self_hosted
Scale
16 · 43

Layout

Grid
9 columns
Container
1423px
Spacing base
8px
Radius
0px

Capture

Category
studio
Sections
6
Captured
2026-08-29
Rhythm
light x6

Type rules

  • single typeface used across all hierarchies
  • tight negative tracking on display titles

Colour rules

  • pure monochrome #000000 on #ffffff with zero accent colors

Voice rules

  • typographic lists with no descriptive filler
  • sparse index format

Holds it together

  • all copy is black text on white backgrounds
  • content organized in minimal tabular multi-column lists
  • generous vertical spacing between index sections

Contrast

text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA

Type, measured

Body
16px / 1.5
Measure
Display
43px / 1
Tracking
-0.04em display
Scale ratio
1.28

Voice

Tone
restrained, minimal
Sentences
short
Person
first
Vocabulary
plain
Calls to action

Built with

Builder
Framework
sveltekit
Motion
WebGL
Nav
sticky_top_bar, 5 items, sticky
Length
7.5 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

    Austere monochrome studio hero featuring an angled 3D floppy disk centered between sparse typographic lists.

    Mood
    quiet + nostalgic
    Layout
    9 col · asymmetric · airy
    Open section →
    Austere monochrome studio hero featuring an angled 3D floppy disk centered between sparse typographic lists.
  2. 01

    statement

    Strong

    Sparse and gallery-like typographic statement pairing an offset section label with tight modernist copy on pure white.

    Mood
    quiet + editorial
    Layout
    14 col · asymmetric · airy
    Open section →
    Sparse and gallery-like typographic statement pairing an offset section label with tight modernist copy on pure white.
  3. 02

    showcase

    Sparse black dots distributed across a stark white canvas like an abstract constellation or interactive coordinate map.

    Mood
    quiet + clinical
    Layout
    9 col · asymmetric · airy
    Open section →
    Sparse black dots distributed across a stark white canvas like an abstract constellation or interactive coordinate map.
  4. 03

    showcase

    Strong

    Stark three-column typographic index presenting clients, disciplines, and core studio values with radical restraint.

    Mood
    quiet
    Layout
    15 col · grid · airy
    Open section →
    Stark three-column typographic index presenting clients, disciplines, and core studio values with radical restraint.
  5. 04

    showcase

    Minimalist typographic project archive arranged in a tight tabular column on stark white space.

    Mood
    quiet + clinical
    Layout
    12 col · split · dense
    Open section →
    Minimalist typographic project archive arranged in a tight tabular column on stark white space.
  6. 05

    footer

    Strong

    An ultra-sparse, gallery-like field of white space punctuated only by solitary text links scattered across the canvas.

    Mood
    quiet + raw
    Layout
    9 col · asymmetric · airy
    Open section →
    An ultra-sparse, gallery-like field of white space punctuated only by solitary text links scattered across the canvas.