SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Micro

Surreal and weightless. Ethereal 3D pearlescent spheres float over dreamy illustrated alpine sunsets, framed by crisp rounded card borders. Deep carbon darkness gracefully hands off to tactile, warm cream wireframes in the lower half of the page.

dreamyluxuriousmysteriousclinicaletherealserene
Visit site

Rated

6.4/ 10

From 11 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
10.0
Systemmeasured
4.8
Distinctionmeasured
0.1
on the grid
24%
vertical rhythm
24%
type on a scale
64%
contrast passing AA
80%
unlike the library
0.00
model craft
8.5/10
model deviation
5.5/10

Colour

Background#151515
Text#ffffff
Accent#00cfc4
Surface#f9f5ee
Muted#818a94

Typefaces

Display
haffer
Body
haffer
Mono
fraktion
Source
self_hosted
Scale
7 · 9 · 12 · 14 · 17 · 23

Layout

Grid
24 columns
Container
1382px
Spacing base
8px
Radius
24px · 32px

Capture

Category
saas
Sections
11
Captured
2026-09-16
Rhythm
dark x6 → cream x3 → dark

Type rules

  • display type runs tight at -0.05em tracking with tight single line-height
  • body text in clean sans-serif capped around 70 characters per line
  • serif accents introduced for poetic contrast against geometric sans display

Colour rules

  • deep dark base (#151515) transitions seamlessly into warm parchment (#f9f5ee) in the lower half
  • vibrant sunset pastels and iridescent reflections contained inside visual cards and floating orbs

Voice rules

  • ultra-tight sentence-case display headlines with periods
  • short grounding subtext under surreal visuals

Holds it together

  • frame rich pictorial landscapes inside pill-radiused cards surrounded by dark negative space
  • anchor major value propositions with single-word sentence-case headlines ending in periods
  • distribute floating pearlescent spheres across viewport boundaries to create continuous depth

Contrast

text on background18.3:1 AAA
muted text on background5.2:1 AA
text on surface1.1:1 fail
accent on background9.3:1 AAA
background on accent9.3:1 AAA

Type, measured

Body
14px / 1.25
Measure
70 characters
Display
133px / 1
Tracking
-0.05em display
Scale ratio
1.76

Voice

Tone
visionary, concise, calm
Sentences
short
Person
second
Vocabulary
plain
Calls to action
join, apply

Built with

Builder
—
Framework
next
Motion
lenis
WebGL
—
Nav
sticky_top_bar, 3 items, sticky
Length
16.2 screens
Mode

Sections in page order

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

  1. 00

    hero

    A surreal, dreamy landscape framed inside a rounded triptych card, punctuated by floating pearlescent spheres and bold contrast typography.

    Mood
    dreamy + ethereal
    Layout
    3 col · asymmetric · airy
    Open section →
    A surreal, dreamy landscape framed inside a rounded triptych card, punctuated by floating pearlescent spheres and bold contrast typography.
  2. 01

    hero

    Polished, dark-mode software introduction centered around floating liquid chrome spheres and a bright, detailed desktop application preview.

    Mood
    luxurious + serene
    Layout
    1 col · stacked · airy
    Open section →
    Polished, dark-mode software introduction centered around floating liquid chrome spheres and a bright, detailed desktop application preview.
  3. 02

    statement

    A surreal, dark editorial statement with an oversized serif headline centered over an ethereal metallic sphere and illustrated mountain horizon.

    Mood
    mysterious + luxurious
    Layout
    1 col · centered · airy
    Open section →
    A surreal, dark editorial statement with an oversized serif headline centered over an ethereal metallic sphere and illustrated mountain horizon.
  4. 03

    feature

    Sleek and precise dark-mode product showcase displaying modular workspace cards across a subtle dotted matrix.

    Mood
    clinical + serene
    Layout
    5 col · stacked · balanced
    Open section →
    Sleek and precise dark-mode product showcase displaying modular workspace cards across a subtle dotted matrix.
  5. 04

    feature

    A dark, precise software feature presentation anchored by a floating task card with a subtle gradient rim over a dot-matrix grid.

    Mood
    clinical + serene
    Layout
    1 col · stacked · airy
    Open section →
    A dark, precise software feature presentation anchored by a floating task card with a subtle gradient rim over a dot-matrix grid.
  6. 05

    feature

    Spacious dark feature section anchored by crisp typography and an iridescent glowing toggle against a subtle dot grid.

    Mood
    ethereal + serene
    Layout
    1 col · asymmetric · airy
    Open section →
    Spacious dark feature section anchored by crisp typography and an iridescent glowing toggle against a subtle dot grid.
  7. 06

    statement

    A stark, quiet dark statement band centered around a tactile 3D capsule artifact and restrained serif typography.

    Mood
    luxurious + serene
    Layout
    1 col · centered · airy
    Open section →
    A stark, quiet dark statement band centered around a tactile 3D capsule artifact and restrained serif typography.
  8. 07

    feature grid

    Refined editorial layout blending delicate technical wireframes with soft tactile spheres on a warm dotted canvas.

    Mood
    serene + luxurious
    Layout
    2 col · grid · airy
    Open section →
    Refined editorial layout blending delicate technical wireframes with soft tactile spheres on a warm dotted canvas.
  9. 08

    statement

    Weightless pearlescent spheres float over a warm cream dot grid with scrolling typography and an anchored testimonial pill.

    Mood
    ethereal + serene
    Layout
    1 col · stacked · airy
    Open section →
    Weightless pearlescent spheres float over a warm cream dot grid with scrolling typography and an anchored testimonial pill.
  10. 09

    cta

    Quiet and refined call to action featuring elegant serif typography and a pill button over a subtle dotted cream canvas.

    Mood
    serene + luxurious
    Layout
    1 col · centered · airy
    Open section →
    Quiet and refined call to action featuring elegant serif typography and a pill button over a subtle dotted cream canvas.
  11. 10

    footer

    Surreal pastoral footer blending oversized typography with an illustrated rolling landscape and technical dot-grid details.

    Mood
    dreamy + whimsical
    Layout
    2 col · stacked · airy
    Open section →
    Surreal pastoral footer blending oversized typography with an illustrated rolling landscape and technical dot-grid details.

More like this

by shared mood