SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Salomon Ligthelm

Austere and cinematic. Monochromatic black framing with uniform 11px uppercase type allows film stills and philosophical quotes to anchor the space.

quiet
Visit site

Colour

Background#161616
Text#ffffff
Surface#000000

Typefaces

Display
Akkurat
Body
Akkurat
Mono
—
Source
self_hosted
Scale
11

Layout

Grid
4 columns
Container
1408px
Spacing base
8px
Radius
0px

Capture

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

Type rules

  • strict 11px uppercase sizing across navigation, labels, and citations
  • body measure fixed around 43 characters

Colour rules

  • pure white typography over dark charcoal and black surfaces only
  • zero accent colors

Voice rules

  • all metadata formatted uppercase
  • long-form quotes interspersed within work

Holds it together

  • align project listings to a 4-column grid with numbered uppercase labels
  • use pitch-black and charcoal backgrounds exclusively
  • interweave auteur quotes between portfolio video items

Contrast

text on background18.1:1 AAA
text on surface21.0:1 AAA

Type, measured

Body
11px / 1.5
Measure
43 characters
Display
11px / 1
Tracking
0em display
Scale ratio
—

Voice

Tone
contemplative, curatorial
Sentences
mixed
Person
third
Vocabulary
philosophical
Calls to action
—

Built with

Builder
—
Framework
—
Motion
locomotive-scroll
WebGL
—
Nav
top_bar, 3 items
Length
4.5 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

    Austere, pitch-black cinematic portfolio header anchored by a prominent refined nameplate and disciplined typographic index.

    Mood
    quiet + editorial
    Layout
    4 col · grid · airy
    Open section →
    Austere, pitch-black cinematic portfolio header anchored by a prominent refined nameplate and disciplined typographic index.
  2. 01

    gallery

    Strong

    An austere dark archive grid displaying numbered cinematic project placeholders with minimalist uppercase metadata.

    Mood
    quiet + clinical
    Layout
    4 col · grid · dense
    Open section →
    An austere dark archive grid displaying numbered cinematic project placeholders with minimalist uppercase metadata.
  3. 02

    showcase

    Strong

    Minimalist and pitch-black project showcase strip using sparse uppercase typography and cinematic frame crops.

    Mood
    quiet
    Layout
    4 col · grid · dense
    Open section →
    Minimalist and pitch-black project showcase strip using sparse uppercase typography and cinematic frame crops.

More like this

by shared mood