MUUDS

Curated catalog of analyzed web design.

adamlippes-com

Quiet luxury delivered through warm cream negative space and humanist typography. Full-bleed cinematic photography and video banners alternate with spacious product carousels, allowing fabric textures and tailored silhouettes to command focus.

Visit site

Rated

7.1/ 10

From 8 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
8.8
Systemmeasured
5.8
Distinctionmeasured
5.2
on the grid
33%
vertical rhythm
57%
type on a scale
43%
contrast passing AA
100%
unlike the library
0.23
model craft
7.6/10
model deviation
2.8/10

Colour

Background#fefcf8
Text#000000
Surface#fefcf6
Muted#2f2f2f

Typefaces

Display
Optima
Body
Optima
Mono
Source
self_hosted
Scale
10 · 11 · 12 · 13 · 14 · 16

Layout

Grid
Container
Spacing base
8px
Radius
0px

Capture

Category
fashion
Sections
8
Captured
2026-08-30
Rhythm
cream x4 → dark → cream → dark → cream

Type rules

  • Optima used across all text hierarchy from display to price labels
  • product titles set in strict lowercase
  • navigation headers set in tracked uppercase

Colour rules

  • monochrome palette of soft warm cream and deep black
  • no decorative accents; color arrives solely through editorial photography

Voice rules

  • evocative fabric and mood descriptions under 8 words
  • lowercase product naming

Holds it together

  • solid rectangular CTA buttons with inverted contrast overlays
  • generous cream canvas isolating garment cutouts and swatches
  • symmetrical two-column editorial lookbook spreads alternating with single hero banners

Contrast

text on background20.5:1 AAA
muted text on background13.1:1 AAA
text on surface20.5:1 AAA

Type, measured

Body
16px / 1.4
Measure
58 characters
Display
24px / 1.4
Tracking
0em display
Scale ratio
1.11

Voice

Tone
refined, understated, poetic
Sentences
short
Person
third
Vocabulary
elevated
Calls to action
shop, discover, book, view

Built with

Builder
Framework
Motion
WebGL
Nav
top_bar, 30 items
Length
6.4 screens

Sections in page order

3 marked strong · 8

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

  1. 00

    hero

    An ethereal, high-fashion cinematic hero overlaid with delicate humanist serif typography centered on an autumn collection campaign.

    Mood
    luxurious + dreamy
    Layout
    1 col · full bleed · airy
    Open section →
    An ethereal, high-fashion cinematic hero overlaid with delicate humanist serif typography centered on an autumn collection campaign.
  2. 01

    showcase

    Strong

    Quiet luxury product carousel showcasing garments against an airy cream background with understated lowercase typography and swatch selectors.

    Mood
    quiet + luxurious
    Layout
    5 col · grid · airy
    Open section →
    Quiet luxury product carousel showcasing garments against an airy cream background with understated lowercase typography and swatch selectors.
  3. 02

    showcase

    Strong

    Symmetrical luxury fashion dual-feature pairing stark studio portraits over cool blue gradients with restrained Optima typography.

    Mood
    luxurious + quiet
    Layout
    2 col · split · airy
    Open section →
    Symmetrical luxury fashion dual-feature pairing stark studio portraits over cool blue gradients with restrained Optima typography.
  4. 03

    showcase

    Strong

    A high-fashion, serene cinematic video section with delicate typography floating over an editorial runway moment.

    Mood
    luxurious + quiet
    Layout
    16 col · full bleed · airy
    Open section →
    A high-fashion, serene cinematic video section with delicate typography floating over an editorial runway moment.
  5. 04

    showcase

    Luxurious fashion showcase merging high-contrast editorial styling with expansive, quiet negative space.

    Mood
    luxurious + quiet
    Layout
    3 col · full bleed · airy
    Open section →
    Luxurious fashion showcase merging high-contrast editorial styling with expansive, quiet negative space.
  6. 05

    showcase

    Refined luxury fashion carousel showcasing rich floral garments on a warm cream canvas.

    Mood
    luxurious + quiet
    Layout
    5 col · grid · airy
    Open section →
    Refined luxury fashion carousel showcasing rich floral garments on a warm cream canvas.
  7. 06

    showcase

    A dual-panel luxury showcase contrasting ornate architectural vistas with sleek, polished leather goods under crisp editorial typography.

    Mood
    luxurious + editorial
    Layout
    24 col · split · airy
    Open section →
    A dual-panel luxury showcase contrasting ornate architectural vistas with sleek, polished leather goods under crisp editorial typography.
  8. 07

    footer

    A sparse and quiet luxury fashion footer bathed in warm cream whitespace with delicate humanist type.

    Mood
    quiet + luxurious
    Layout
    1 col · split · airy
    Open section →
    A sparse and quiet luxury fashion footer bathed in warm cream whitespace with delicate humanist type.

More like this

by shared mood