SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Metasense

Sombre, intellectual luxury that merges Renaissance chiaroscuro masterworks with cutting-edge AI architecture. Unyielding pitch-black space gives prominence to luminous classical figures interacting with contemporary hardware, framed by refined serif typography.

dreamyeditorialclinicalquietluxuriousplayful
Visit site ↗

Colour

Background#000000
Text#ffffff
Accent#ffffff
Surface#0f0f0f
Muted#696969

Typefaces

Display
Lora
Body
Inter
Mono
Fragment Mono
Source
google
Scale
10 · 12 · 14 · 16 · 20 · 24

Layout

Grid
—
Container
—
Spacing base
4px
Radius
4px

Capture

Category
ai
Sections
15
Captured
2026-08-27
Rhythm
dark x15

Type rules

  • display headlines set in Lora with tight tracking and sentence case
  • body copy in Inter strictly constrained to a compact measure under 45 characters
  • system labels and navigation elements set in tracked-out uppercase mono or sans

Colour rules

  • pure pitch-black background unbroken across the entire narrative
  • pure white reserved exclusively for primary titles and crucial calls to action
  • warm amber and chiaroscuro tones provided solely through artwork and glowing vignettes

Voice rules

  • pair grand classical philosophy with concrete engineering terms
  • use full punctuation in major serif headlines

Holds it together

  • juxtapose classical renaissance artwork with subtle modern technology artifacts
  • keep all backgrounds absolute pitch black to preserve the dark chiaroscuro atmosphere
  • restrict technical metadata and navigation to muted, letterspaced uppercase

Contrast

text on background21.0:1 AAA
muted text on background3.8:1 AA Large
text on surface19.2:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA

Type, measured

Body
12px / 1.6
Measure
42 characters
Display
56px / 1.1
Tracking
-0.02em display
Scale ratio
1.47

Voice

Tone
poetic, authoritative, technical
Sentences
medium
Person
first
Vocabulary
sophisticated
Calls to action
book, read, build

Built with

Builder
framer
Framework
—
Motion
—
WebGL
yes
Nav
top_bar, 0 items
Length
15.1 screens

Colour, by area

accent on container
#000000 0%#050505 0%#0a0a0a 0%#0f0f0f 0%#1a1a1a 0%#080808 0%

Sections in page order

3 strongest marked · 15

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

  1. 00

    hero

    Strongest

    Renaissance chiaroscuro painting centered around a luminous glowing sphere blending classical figures with anachronistic technology.

    Mood
    dreamy + luxurious
    Layout
    13 col · centered · airy
    Open section →
    Renaissance chiaroscuro painting centered around a luminous glowing sphere blending classical figures with anachronistic technology.
  2. 01

    statement

    A stark, editorial statement section balancing bright white serif headlines against muted, multi-column narrative text on pitch black.

    Mood
    editorial + quiet
    Layout
    3 col · asymmetric · airy
    Open section →
    A stark, editorial statement section balancing bright white serif headlines against muted, multi-column narrative text on pitch black.
  3. 02

    comparison

    Subdued technical comparison section pairing stark timeline process bars with elegant serif typography against a pitch-black grid background.

    Mood
    clinical + quiet
    Layout
    12 col · asymmetric · airy
    Open section →
    Subdued technical comparison section pairing stark timeline process bars with elegant serif typography against a pitch-black grid background.
  4. 03

    feature

    Strongest

    A dark, highly engineered research interface framing neural linguistic concepts with quiet serif typography and subtle technical UI sidebars.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    A dark, highly engineered research interface framing neural linguistic concepts with quiet serif typography and subtle technical UI sidebars.
  5. 04

    statement

    Sparse, quiet editorial intro with stark serif typography emerging from deep pitch-black space.

    Mood
    quiet + editorial
    Layout
    10 col · split · airy
    Open section →
    Sparse, quiet editorial intro with stark serif typography emerging from deep pitch-black space.
  6. 05

    showcase

    A sleek, structured dark-mode case study display pairing desktop-folder project navigation with editorial metrics and narrative.

    Mood
    clinical + editorial
    Layout
    15 col · split · balanced
    Open section →
    A sleek, structured dark-mode case study display pairing desktop-folder project navigation with editorial metrics and narrative.
  7. 06

    feature grid

    Strongest

    A surreal blend of Renaissance painting and modern tech aesthetics framed by dark UI service cards and refined serif typography.

    Mood
    luxurious + dreamy
    Layout
    1 col · asymmetric · airy
    Open section →
    A surreal blend of Renaissance painting and modern tech aesthetics framed by dark UI service cards and refined serif typography.
  8. 07

    testimonial

    Sombre and restrained testimonial section pairing a low-contrast serif statement with subtly tinted dark review cards.

    Mood
    luxurious + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    Sombre and restrained testimonial section pairing a low-contrast serif statement with subtly tinted dark review cards.
  9. 08

    statement

    A cavernous, shadowy void framed by slivers of imagery and elegant serif typography appearing out of darkness.

    Mood
    quiet + luxurious
    Layout
    14 col · centered · airy
    Open section →
    A cavernous, shadowy void framed by slivers of imagery and elegant serif typography appearing out of darkness.
  10. 09

    statement

    Sparse, bookish minimalism dominated by quiet serif typography and heavy negative space on pitch black.

    Mood
    quiet + editorial
    Layout
    6 col · asymmetric · airy
    Open section →
    Sparse, bookish minimalism dominated by quiet serif typography and heavy negative space on pitch black.
  11. 10

    other

    An expansive, near-pitch-black void with a shadowy photographic glimpse at the very top edge, feeling secretive and solemn.

    Mood
    quiet + luxurious
    Layout
    16 col · full bleed · airy
    Open section →
    An expansive, near-pitch-black void with a shadowy photographic glimpse at the very top edge, feeling secretive and solemn.
  12. 11

    statement

    Sparse, quiet editorial statement with elegant serif typography set against deep black negative space.

    Mood
    quiet + editorial
    Layout
    16 col · asymmetric · airy
    Open section →
    Sparse, quiet editorial statement with elegant serif typography set against deep black negative space.
  13. 12

    pricing

    Dark, premium interactive pricing calculator with refined serif headlines, subtle glassmorphic cards, and sleek configuration toggles.

    Mood
    luxurious + clinical
    Layout
    2 col · split · balanced
    Open section →
    Dark, premium interactive pricing calculator with refined serif headlines, subtle glassmorphic cards, and sleek configuration toggles.
  14. 13

    cta

    Surreal anachronistic classical painting serving as an atmospheric call-to-action with elegant serif typography.

    Mood
    playful + luxurious
    Layout
    10 col · centered · airy
    Open section →
    Surreal anachronistic classical painting serving as an atmospheric call-to-action with elegant serif typography.
  15. 14

    footer

    A restrained, dark editorial footer with muted serif and sans-serif typography floating in deep black space.

    Mood
    quiet + editorial
    Layout
    16 col · split · airy
    Open section →
    A restrained, dark editorial footer with muted serif and sans-serif typography floating in deep black space.

More like this

by shared mood