MUUDS

Luxury Clone

Sleek, dark, and uncompromisingly luxurious. A near-pitch-black environment highlights hyper-detailed dark 3D watch mechanics and crisp white serif headlines, creating an exclusive and mysterious horological boutique feel.

Rated

5.1/ 10

From 6 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
6.4
Systemmeasured
4.4
Distinctionmeasured
2.7
on the grid
0%
vertical rhythm
40%
type on a scale
36%
contrast passing AA
100%
unlike the library
0.58
model craft
6.5/10
model deviation
4.0/10

Colour

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

Typefaces

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

Layout

Grid
—
Container
—
Spacing base
5px
Radius
8px · 12px

Capture

Category
ecommerce
Sections
6
Captured
2026-09-06
Rhythm
dark x6

Type rules

  • display headlines set in serif in sentence case with tight line-height
  • eyebrow tags and badge labels set in uppercase sans-serif
  • body copy constrained to 52 characters per line at 14px

Colour rules

  • near-black background #09090a covers over 90% of the viewport
  • cards and containers use elevated surface grey #141416
  • pure white elements #ffffff are reserved for headlines and primary CTA pill buttons

Voice rules

  • keep copy concise and product-focused
  • use uppercase category tags above section headers

Holds it together

  • maintain pitch-black backgrounds across all sections with subtle #141416 rounded container surfaces
  • prefix major section headers with a centered bullet point and uppercase eyebrow label
  • present primary calls to action as rounded light-toned pill buttons contrasting against the dark canvas

Contrast

text on background19.9:1 AAA
muted text on background8.2:1 AAA
text on surface18.4:1 AAA
muted text on surface7.6:1 AAA
accent on background16.4:1 AAA
background on accent16.4: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, exclusive, direct
Sentences
short
Person
second
Vocabulary
polished
Calls to action
explore, load

Built with

Builder
framer
Framework
—
Motion
lenis
WebGL
—
Nav
—
Length
5.5 screens

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

    Strong

    Dark, dramatic luxury hero with an exploded 3D watch suspended in zero gravity and refined serif typography anchored at the bottom.

    Mood
    luxurious + mysterious
    Layout
    2 col · split · airy
    Open section
    Dark, dramatic luxury hero with an exploded 3D watch suspended in zero gravity and refined serif typography anchored at the bottom.
  2. 01

    feature grid

    Strong

    Sleek dark-mode luxury horology feature cards pairing crisp serif typography with detailed mechanical watch imagery.

    Mood
    luxurious + serene
    Layout
    2 col · split · balanced
    Open section
    Sleek dark-mode luxury horology feature cards pairing crisp serif typography with detailed mechanical watch imagery.
  3. 02

    showcase

    Dark luxury watch showcase featuring centered serif typography above a five-column gallery of timepiece cards.

    Mood
    luxurious
    Layout
    5 col · grid · balanced
    Open section
    Dark luxury watch showcase featuring centered serif typography above a five-column gallery of timepiece cards.
  4. 03

    showcase

    Moody dark catalogue grid displaying luxury replica categories through dramatic studio lighting and elegant serif typography.

    Mood
    luxurious + mysterious
    Layout
    3 col · grid · balanced
    Open section
    Moody dark catalogue grid displaying luxury replica categories through dramatic studio lighting and elegant serif typography.
  5. 04

    showcase

    A dark luxury catalog grid showcasing high-end wristwatches held in hand with refined serif typography above.

    Mood
    luxurious
    Layout
    5 col · grid · balanced
    Open section
    A dark luxury catalog grid showcasing high-end wristwatches held in hand with refined serif typography above.
  6. 05

    footer

    Strong

    A shadowy, moody dark-mode footer featuring smoky ambient textures and an oversized low-contrast typographic watermark across the bottom.

    Mood
    mysterious + luxurious
    Layout
    3 col · split · airy
    Open section
    A shadowy, moody dark-mode footer featuring smoky ambient textures and an oversized low-contrast typographic watermark across the bottom.

More like this

By shared mood