SearchSubmit
MUUDS

Curated catalog of analyzed web design.

air-inc

Ethereal 3D surrealism meets disciplined creative tool utility. A luminous cloud-filled sky hero featuring glass tubing typography drops into an unbroken, immersive sapphire blue canvas. Massive condensed statements and expressive cursive accents elevate dense product feature modules into a seamless creative workspace.

dreamyquietclinicalbold
Visit site

Rated

5.5/ 10

From 14 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
7.5
Systemmeasured
4.1
Distinctionmeasured
3.3
on the grid
33%
vertical rhythm
40%
type on a scale
40%
contrast passing AA
50%
unlike the library
0.21
model craft
7.0/10
model deviation
4.1/10

Colour

Background#13396a
Text#ffffff
Accent#2b7fff
Surface#ffffff
Muted#f5f5f5

Typefaces

Display
Control Compressed
Body
Control
Mono
—
Source
self_hosted
Scale
12 · 13 · 14 · 16 · 20 · 32

Layout

Grid
—
Container
—
Spacing base
4px
Radius
4px

Capture

Category
ai
Sections
14
Captured
2026-08-30
Rhythm
sky light → deep navy x13

Type rules

  • display scale stretches dramatically from tight subheads up to 259px compressed uppercase statements
  • body text runs at a narrow 39-character measure for rapid scanning on dark backgrounds

Colour rules

  • deep sapphire blue (#13396a) covers over 95 percent of the page below the luminous sky hero
  • pure white text and borders maintain sharp contrast against dark blue surfaces

Voice rules

  • pair concise declarative claims with single-sentence qualifiers
  • highlight key creative verbs in expressive cursive script

Holds it together

  • transition from a light photographic sky hero directly into an immersive sapphire navy canvas for all following sections
  • use cursive script font styling exclusively on single expressive words in display headlines
  • frame interface demos and bento modules within subtle white hairline borders against dark blue surfaces

Contrast

text on background11.5:1 AAA
muted text on background10.6:1 AAA
accent on background3.1:1 AA Large
background on accent3.1:1 AA Large

Type, measured

Body
20px / 1.4
Measure
39 characters
Display
259px / 0.85
Tracking
0em display
Scale ratio
1.90

Voice

Tone
confident, poetic, concise
Sentences
short
Person
second
Vocabulary
plain
Calls to action
start, book, notify

Built with

Builder
—
Framework
next
Motion
—
WebGL
yes
Nav
top_bar, 28 items
Length
15.3 screens

Sections in page order

3 marked strong · 14

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

  1. 00

    hero

    Strong

    Luminous blue sky canvas dominated by an ethereal 3D glass tube sculpture and bold oversized corner typography.

    Mood
    dreamy + playful
    Layout
    1 col · full bleed · airy
    Open section →
    Luminous blue sky canvas dominated by an ethereal 3D glass tube sculpture and bold oversized corner typography.
  2. 01

    feature grid

    Monochromatic deep blue feature grid presenting three distinct workflow pillars through restrained typography and subtle card outlines.

    Mood
    quiet + clinical
    Layout
    3 col · grid · airy
    Open section →
    Monochromatic deep blue feature grid presenting three distinct workflow pillars through restrained typography and subtle card outlines.
  3. 02

    logo bar

    Deep blue social proof bar featuring a restrained headline above two rows of white monochrome client logos.

    Mood
    quiet
    Layout
    1 col · stacked · airy
    Open section →
    Deep blue social proof bar featuring a restrained headline above two rows of white monochrome client logos.
  4. 03

    cta

    Deep navy waitlist section centered around a distinctive cursive headline accent and a minimal email signup form.

    Mood
    quiet + dreamy
    Layout
    1 col · centered · airy
    Open section →
    Deep navy waitlist section centered around a distinctive cursive headline accent and a minimal email signup form.
  5. 04

    other

    A deep navy transitional block providing a quiet, minimal pause in the page flow.

    Mood
    quiet
    Layout
    3 col · full bleed · airy
    Open section →
    A deep navy transitional block providing a quiet, minimal pause in the page flow.
  6. 05

    statement

    A quiet, deep blue horizontal transition band providing visual pause and atmospheric pacing.

    Mood
    quiet + bold
    Layout
    1 col · full bleed · airy
    Open section →
    A quiet, deep blue horizontal transition band providing visual pause and atmospheric pacing.
  7. 06

    other

    A solid deep blue block providing a quiet, atmospheric pause in the page flow.

    Mood
    quiet
    Layout
    3 col · full bleed · airy
    Open section →
    A solid deep blue block providing a quiet, atmospheric pause in the page flow.
  8. 07

    showcase

    Crisp interactive product showcase displaying a dense asset management interface over a deep navy backdrop with segmented pill navigation.

    Mood
    clinical + quiet
    Layout
    1 col · centered · dense
    Open section →
    Crisp interactive product showcase displaying a dense asset management interface over a deep navy backdrop with segmented pill navigation.
  9. 08

    feature grid

    Strong

    Deep sapphire blue bento feature grid displaying sleek product UI modules and subtle italic typographic accents.

    Mood
    clinical + bold
    Layout
    1 col · grid · balanced
    Open section →
    Deep sapphire blue bento feature grid displaying sleek product UI modules and subtle italic typographic accents.
  10. 09

    feature grid

    Strong

    Rich navy digital workspace showcase blending glassmorphic feature cards, soft gradient banners, and high-impact condensed typographic statements.

    Mood
    bold + dreamy
    Layout
    1 col · stacked · balanced
    Open section →
    Rich navy digital workspace showcase blending glassmorphic feature cards, soft gradient banners, and high-impact condensed typographic statements.
  11. 10

    statement

    A deep navy canvas anchored by massive condensed uppercase typography overlapping with partner tech logos.

    Mood
    bold
    Layout
    1 col · centered · balanced
    Open section →
    A deep navy canvas anchored by massive condensed uppercase typography overlapping with partner tech logos.
  12. 11

    statement

    An expansive dark blue scroll canvas built to present sticky typographic statements sequentially.

    Mood
    quiet + clinical
    Layout
    2 col · stacked · airy
    Open section →
    An expansive dark blue scroll canvas built to present sticky typographic statements sequentially.
  13. 12

    cta

    A serene deep blue lead-capture section centering a crisp white consultation form beneath an expressive script-accented headline.

    Mood
    quiet + editorial
    Layout
    1 col · centered · airy
    Open section →
    A serene deep blue lead-capture section centering a crisp white consultation form beneath an expressive script-accented headline.
  14. 13

    footer

    An expansive deep navy footer leaving vast quiet space above a subtle bottom bar of navigation links and social icons.

    Mood
    quiet + clinical
    Layout
    1 col · full bleed · airy
    Open section →
    An expansive deep navy footer leaving vast quiet space above a subtle bottom bar of navigation links and social icons.

More like this

by shared mood