SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Dreamtype

Clinical, precise, and quiet typographic showcase. Monochromatic gray tones frame rounded card modules and technical specimen graphics.

quietclinicaleditorialplayful
Visit site

Colour

Background#f1f2f4
Text#000000
Accent#1c53ee
Surface#ffffff
Muted#5b5e63

Typefaces

Display
Mirage
Body
Mirage
Mono
Index
Source
self_hosted
Scale
10 · 11 · 12 · 13 · 14 · 15

Layout

Grid
15 columns
Container
1176px
Spacing base
4px
Radius
16px · 32px

Capture

Category
foundry
Sections
11
Captured
2026-08-29
Rhythm
light x3 → mixed → light x7

Type rules

  • body text runs compact at roughly 47 characters per measure
  • display type uses tight tracking with high contrast scale jumps

Colour rules

  • base background stays light gray (#f1f2f4) with pure white inset cards
  • black buttons and cards provide dense contrast against neutral backdrops

Voice rules

  • pair single-word section topics with declarative explanations
  • use concise bullet-point feature lists

Holds it together

  • enclose secondary UI elements in pill-shaped containers
  • split feature panels with descriptive copy on the left and visual specimen on the right
  • display card-level micro-copy with hairline borders

Contrast

text on background18.8:1 AAA
muted text on background5.8:1 AA
text on surface21.0:1 AAA
accent on background5.3:1 AA
background on accent5.3:1 AA

Type, measured

Body
12px / 1.6
Measure
47 characters
Display
400px / 1
Tracking
-0.015em display
Scale ratio
2.40

Voice

Tone
precise, concise, modern
Sentences
short
Person
first
Vocabulary
technical
Calls to action
view, buy, learn, get

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 2 items
Length
12.5 screens

Sections in page order

3 marked strong · 11

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

  1. 00

    hero

    Strong

    Quiet and clinical type foundry hero pairing floating pill navigation with a sleek, high-contrast specimen showcase.

    Mood
    quiet + clinical
    Layout
    11 col · stacked · airy
    Open section →
    Quiet and clinical type foundry hero pairing floating pill navigation with a sleek, high-contrast specimen showcase.
  2. 01

    announcement

    Strong

    An expansive, minimalist type foundry teaser pairing bold condensed specimen art with quiet, sparse catalogue notices.

    Mood
    quiet + bold
    Layout
    9 col · stacked · airy
    Open section →
    An expansive, minimalist type foundry teaser pairing bold condensed specimen art with quiet, sparse catalogue notices.
  3. 02

    feature

    A crisp split layout explaining font licensing terms beside a tactile simulated certificate card with a bold graphic highlight.

    Mood
    clinical + quiet
    Layout
    2 col · split · balanced
    Open section →
    A crisp split layout explaining font licensing terms beside a tactile simulated certificate card with a bold graphic highlight.
  4. 03

    pricing

    Clean, modernist split pricing section pairing concise left-aligned copy with an inset dark tactile UI panel.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    Clean, modernist split pricing section pairing concise left-aligned copy with an inset dark tactile UI panel.
  5. 04

    feature

    Precise, technical feature card presenting typography engineering through a green oscilloscope-style vector grid diagram paired with crisp copy.

    Mood
    clinical + quiet
    Layout
    11 col · split · balanced
    Open section →
    Precise, technical feature card presenting typography engineering through a green oscilloscope-style vector grid diagram paired with crisp copy.
  6. 05

    feature

    Clean, rounded studio service card pairing concise typography with a vibrant sportswear mockup visual.

    Mood
    quiet + editorial
    Layout
    2 col · split · balanced
    Open section →
    Clean, rounded studio service card pairing concise typography with a vibrant sportswear mockup visual.
  7. 06

    feature

    A pristine, airy carousel of rounded feature cards with numbered captions and minimal monochrome line icons.

    Mood
    quiet + clinical
    Layout
    1 col · grid · airy
    Open section →
    A pristine, airy carousel of rounded feature cards with numbered captions and minimal monochrome line icons.
  8. 07

    logo bar

    A restrained client logo strip enclosed in a rounded pill-like container with delicate hairline dividers.

    Mood
    clinical + quiet
    Layout
    4 col · stacked · airy
    Open section →
    A restrained client logo strip enclosed in a rounded pill-like container with delicate hairline dividers.
  9. 08

    showcase

    Clean typographic blog carousel featuring rounded cards with split project artwork and pill tags.

    Mood
    editorial + quiet
    Layout
    3 col · grid · balanced
    Open section →
    Clean typographic blog carousel featuring rounded cards with split project artwork and pill tags.
  10. 09

    cta

    Strong

    Spacious minimalist trial callout anchored by a dark, doodle-illustrated square graphic flanked by clean text and a pill action button.

    Mood
    playful + quiet
    Layout
    1 col · split · airy
    Open section →
    Spacious minimalist trial callout anchored by a dark, doodle-illustrated square graphic flanked by clean text and a pill action button.
  11. 10

    footer

    An airy, minimalist footer organized into clean multi-column link groups with subtle rounded inline badges.

    Mood
    quiet + clinical
    Layout
    13 col · grid · airy
    Open section →
    An airy, minimalist footer organized into clean multi-column link groups with subtle rounded inline badges.