MUUDS

Curated catalog of analyzed web design.

Moon Safari

Stark, spatial, and uncompromisingly minimal. Pure pitch black canvases frame heavy extended typography floating in vast negative space. The site feels like a dark gallery room letting architectural nomenclature speak for itself.

Visit site

Colour

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

Typefaces

Display
nimbus-sans-extended
Body
nimbus-sans-extended
Mono
Source
self_hosted
Scale
15 · 16 · 18 · 40

Layout

Grid
2 columns
Container
480px
Spacing base
10px
Radius
0px

Capture

Category
studio
Sections
5
Captured
2026-08-30
Rhythm
dark x5

Type rules

  • display type set in extended grotesque with tight leading
  • project titles limited to a narrow measure under 20 characters
  • navigation and utility cues set in stacked uppercase or tiny sans

Colour rules

  • pure monochrome with no intermediate grey surfaces
  • white text directly against pure pitch black background

Voice rules

  • only project names and typologies
  • zero promotional adjectives

Holds it together

  • restrict the entire visual palette to pitch black and stark white
  • position text blocks offset with expansive negative space around each entry
  • use extended grotesk weights to give short project titles architectural weight

Contrast

text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA

Type, measured

Body
18px / 1.94
Measure
16 characters
Display
40px / 1.25
Tracking
0em display
Scale ratio
1.22

Voice

Tone
restrained, precise
Sentences
short
Person
third
Vocabulary
specialized
Calls to action
scroll

Built with

Builder
Framework
Motion
WebGL
Nav
top_bar, 10 items
Length
6 screens

Sections in page order

3 marked strong · 5

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

  1. 00

    hero

    Strong

    Sparse and precise architectural landing screen with faint background typography and a fine diagonal line leading into the core title.

    Mood
    quiet + clinical
    Layout
    1 col · asymmetric · airy
    Open section →
    Sparse and precise architectural landing screen with faint background typography and a fine diagonal line leading into the core title.
  2. 01

    showcase

    Pitch black minimal canvas featuring sparse, stark white extended typography positioned cleanly on the right.

    Mood
    quiet + bold
    Layout
    2 col · asymmetric · airy
    Open section →
    Pitch black minimal canvas featuring sparse, stark white extended typography positioned cleanly on the right.
  3. 02

    showcase

    Strong

    Sparse stark black canvas punctuated by architectural project titles set in bold extended grotesque floating in vast negative space.

    Mood
    quiet + raw
    Layout
    16 col · asymmetric · airy
    Open section →
    Sparse stark black canvas punctuated by architectural project titles set in bold extended grotesque floating in vast negative space.
  4. 03

    showcase

    Strong

    Austere black void punctuated only by three stark white, right-aligned typographic project titles.

    Mood
    quiet + bold
    Layout
    2 col · asymmetric · airy
    Open section →
    Austere black void punctuated only by three stark white, right-aligned typographic project titles.
  5. 04

    showcase

    Stark and mysterious black field punctuated only by crisp, right-aligned architectural project titles.

    Mood
    quiet + clinical
    Layout
    2 col · asymmetric · airy
    Open section →
    Stark and mysterious black field punctuated only by crisp, right-aligned architectural project titles.

More like this

by shared mood