MUUDS

Curated catalog of analyzed web design.

leandra-isler-ch

Quiet, grounded Swiss minimalism rooted in natural healing. Gigantic, tightly-spaced grotesque type staggers across an expansive warm ochre field, evoking calmness, precision, and organic warmth.

Visit site

Colour

Background#f4e6cd
Text#1e211e
Accent#888151
Surface#edddc3
Muted#a29a65

Typefaces

Display
PP Neue Montreal
Body
PP Neue Montreal
Mono
Source
google
Scale
14 · 16 · 18 · 20 · 24 · 26

Layout

Grid
2 columns
Container
1440px
Spacing base
8px
Radius
0px

Capture

Category
health
Sections
2
Captured
2026-08-30
Rhythm
warm gold → deep ochre

Type rules

  • display type set with tight line-height of 0.9 and negative tracking (-0.045em)
  • navigation and metadata labels rendered in uppercase with subtle letter-spacing
  • staggered typographic alignment across broad horizontal axes in hero layouts

Colour rules

  • earthy ochre and warm paper tones form the entire background canvas
  • high-contrast charcoal (#1e211e) reserved exclusively for typographic hierarchy

Voice rules

  • empathetic first-person guidance paired with formal address
  • direct addressing of chronic health root causes

Holds it together

  • display typography spans wide asymmetrical columns with staggered left and right alignments
  • color palette remains strictly within muted earth, sand, and golden ochre tones
  • omit visible card containers and decorative borders in favor of open continuous color planes

Contrast

text on background13.2:1 AAA
muted text on background2.3:1 fail
text on surface12.2:1 AAA
accent on background3.2:1 AA Large
background on accent3.2:1 AA Large

Type, measured

Body
18px / 1.4
Measure
133 characters
Display
173px / 0.9
Tracking
-0.045em display
Scale ratio
1.76

Voice

Tone
empathetic, authoritative, grounded
Sentences
medium
Person
second
Vocabulary
specialized
Calls to action
vereinbaren, erfahren, anzeigen

Built with

Builder
webflow
Framework
Motion
gsap, lenis, locomotive-scroll, swiper, barba
WebGL
Nav
Length
2 screens

Sections in page order

2 marked strong · 2

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

  1. 00

    hero

    Strong

    Quiet, earthy typographic hero defined by staggered Swiss grotesque letterforms across expansive warm golden space.

    Mood
    warm + editorial
    Layout
    1 col · asymmetric · airy
    Open section →
    Quiet, earthy typographic hero defined by staggered Swiss grotesque letterforms across expansive warm golden space.
  2. 01

    other

    Strong

    A completely blank, quiet field of warm ochre tone acting as an austere visual pause.

    Mood
    quiet + warm
    Layout
    2 col · full bleed · airy
    Open section →
    A completely blank, quiet field of warm ochre tone acting as an austere visual pause.

More like this

by shared mood