MUUDS

Curated catalog of analyzed web design.

Luxury Clone

Brooding, nocturnal luxury with ultra-dark tones and dramatic horological photography. High-contrast white serif headlines float over pitch-black backdrops, creating an atmosphere of exclusivity and quiet confidence.

Visit site ↗

Colour

Background#09090a
Text#ffffff
Accent#ffffff
Surface#141416
Muted#a6a6ab

Typefaces

Display
Mongolian Baiti Regular
Body
Montserrat
Mono
Source
google
Scale
12 · 14 · 16 · 18 · 20 · 28

Layout

Grid
Container
Spacing base
5px
Radius
4px

Capture

Category
ecommerce
Sections
7
Captured
2026-08-27
Rhythm
dark x7

Type rules

  • display headlines use Mongolian Baiti Regular in sentence case with tight negative tracking
  • eyebrows and category labels rendered in Montserrat uppercase with wide letter spacing
  • body copy set in Montserrat at 14px with approximately 52 characters per line

Colour rules

  • deep black #09090a backgrounds throughout the entire journey without section tint alternation
  • card surfaces lifted to subtle dark grey #141416 to contain grouped metadata
  • high-contrast solid white buttons serve as the primary interactive anchor

Voice rules

  • short sentence-case serif headlines
  • uppercase tracking on category labels and badges

Holds it together

  • keep the canvas strictly pitch-black #09090a from header through footer
  • pair centered serif headings with a preceding dot-prefixed uppercase eyebrow label
  • use pill-shaped solid white CTAs for primary navigation actions

Contrast

text on background19.9:1 AAA
muted text on background8.2:1 AAA
text on surface18.4:1 AAA
accent on background19.9:1 AAA
background on accent19.9:1 AAA

Type, measured

Body
14px / 1.5
Measure
52 characters
Display
80px / 0.9
Tracking
-0.02em display
Scale ratio
1.55

Voice

Tone
understated, confident
Sentences
short
Person
second
Vocabulary
plain
Calls to action
explore, load, browse

Built with

Builder
framer
Framework
Motion
lenis
WebGL
Nav
Length
5.5 screens

Colour, by area

#09090a 0%#141416 0%#ffffff 0%#e9e9eb 0%#444444 0%#c8cacd 0%

Sections in page order

3 strongest marked · 7

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

  1. 00

    hero

    Strongest

    A brooding macro view of a luxury watch face immersed in deep black shadow, anchored by a whisper-quiet minimalist navigation bar.

    Mood
    luxurious + quiet
    Layout
    12 col · full bleed · airy
    Open section →
    A brooding macro view of a luxury watch face immersed in deep black shadow, anchored by a whisper-quiet minimalist navigation bar.
  2. 01

    hero

    Dramatic dark hero dominated by an oversized, photorealistic black chronograph with elegant baseline typography.

    Mood
    luxurious + quiet
    Layout
    15 col · full bleed · airy
    Open section →
    Dramatic dark hero dominated by an oversized, photorealistic black chronograph with elegant baseline typography.
  3. 02

    feature grid

    Strongest

    Refined dark luxury cards displaying pricing and delivery mechanics with elegant serif typography and detailed horology photography.

    Mood
    luxurious + quiet
    Layout
    2 col · split · balanced
    Open section →
    Refined dark luxury cards displaying pricing and delivery mechanics with elegant serif typography and detailed horology photography.
  4. 03

    showcase

    Dark luxury watch showcase featuring a centered serif headline above a row of five product cards.

    Mood
    luxurious + quiet
    Layout
    5 col · grid · balanced
    Open section →
    Dark luxury watch showcase featuring a centered serif headline above a row of five product cards.
  5. 04

    showcase

    Dark, moody product category grid presenting luxury goods against dramatic studio-lit backgrounds.

    Mood
    luxurious + quiet
    Layout
    3 col · grid · balanced
    Open section →
    Dark, moody product category grid presenting luxury goods against dramatic studio-lit backgrounds.
  6. 05

    showcase

    A dark, restrained luxury watch inventory grid pairing an elegant serif headline with hand-held physical product photography.

    Mood
    luxurious + quiet
    Layout
    5 col · grid · dense
    Open section →
    A dark, restrained luxury watch inventory grid pairing an elegant serif headline with hand-held physical product photography.
  7. 06

    footer

    Strongest

    Moody all-black footer featuring smoky atmospheric backdrop, crisp navigation columns, and massive low-opacity ghosted branding spanning the bottom.

    Mood
    luxurious + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Moody all-black footer featuring smoky atmospheric backdrop, crisp navigation columns, and massive low-opacity ghosted branding spanning the bottom.

More like this

by shared mood