MUUDS

Curated catalog of analyzed web design.

DuallStudio

Ultra-clean and airily editorial. Massive amounts of pure white space surround high-impact grotesk typography and precise Swiss-inspired layouts, giving every statement the breathing room of a luxury monograph.

Visit site

Colour

Background#ffffff
Text#060606
Accent#e24431
Surface#ffffff
Muted#817d79

Typefaces

Display
PP Neue Montreal
Body
PP Neue Montreal
Mono
Aeonik Mono
Source
self_hosted
Scale
11 · 14 · 16 · 18 · 22 · 29

Layout

Grid
Container
Spacing base
8px
Radius
0px

Capture

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

Type rules

  • display type tightly set with low line-height (0.75 to 1.1) in large scale
  • body text centered or columnar constrained to roughly 53 characters per line
  • section labels and auxiliary meta set in uppercase mono or small tracking

Colour rules

  • monochrome white background persists throughout the entire page structure
  • body and headings rely strictly on near-black #060606 and muted grey #817d79
  • accents are reserved solely for minute visual flourishes and tiny UI marks

Voice rules

  • clear declarative statements with minimal buzzwords
  • short introductory paragraphs centered in ample whitespace

Holds it together

  • maintain uniform stark white background across all sections without dark alternations
  • center key narrative paragraphs with wide vertical padding to emphasize restraint
  • use thin 1px grey hairline borders for boxed lists and categorizations

Contrast

text on background20.3:1 AAA
muted text on background4.1:1 AA Large
text on surface20.3:1 AAA
accent on background4.1:1 AA Large
background on accent4.1:1 AA Large

Type, measured

Body
16px / 1.3
Measure
53 characters
Display
90px / 0.75
Tracking
0em display
Scale ratio
1.54

Voice

Tone
refined, direct, thoughtful
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
contact, collaborate

Built with

Builder
webflow
Framework
Motion
gsap, lenis, swiper
WebGL
Nav
top_bar, 5 items
Length
16.1 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

    A clean, typography-driven studio hero dominated by pure whitespace and a prominent centered sans-serif statement.

    Mood
    quiet + bold
    Layout
    12 col · centered · airy
    Open section →
    A clean, typography-driven studio hero dominated by pure whitespace and a prominent centered sans-serif statement.
  2. 01

    statement

    Strong

    An ultra-minimal, airy studio intro with vast white space separating a photorealistic device mockup from understated editorial statements.

    Mood
    quiet + editorial
    Layout
    1 col · stacked · airy
    Open section →
    An ultra-minimal, airy studio intro with vast white space separating a photorealistic device mockup from understated editorial statements.
  3. 02

    statement

    Strong

    An airy, quiet studio statement combining a candid team photograph with generous white space and understated typography.

    Mood
    quiet + warm
    Layout
    1 col · stacked · airy
    Open section →
    An airy, quiet studio statement combining a candid team photograph with generous white space and understated typography.
  4. 03

    showcase

    Extremely airy, minimalist industry directory featuring a quiet introductory paragraph and a centered vertical stack of boxed industry labels.

    Mood
    quiet
    Layout
    1 col · stacked · airy
    Open section →
    Extremely airy, minimalist industry directory featuring a quiet introductory paragraph and a centered vertical stack of boxed industry labels.
  5. 04

    feature

    Strong

    High-contrast Swiss modernist services section anchored by a massive uppercase typographic header over clean multi-column capability rows.

    Mood
    editorial + quiet
    Layout
    3 col · grid · airy
    Open section →
    High-contrast Swiss modernist services section anchored by a massive uppercase typographic header over clean multi-column capability rows.

More like this

by shared mood