MUUDS

Metasense

Chiaroscuro mastery meets modern artificial intelligence engineering. Deep black backgrounds frame classical Renaissance oil compositions altered with modern hardware, glowing celestial portals, and code layers. Luminous gold highlights and crisp serif type create an intellectual, transcendent atmosphere.

mysteriouscontemplativeluxuriouswhimsicalserene
Visit site

Rated

7.8/ 10

From 12 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
9.8
Systemmeasured
5.6
Distinctionmeasured
7.9
on the grid
35%
vertical rhythm
84%
type on a scale
38%
contrast passing AA
67%
unlike the library
1.10
model craft
8.1/10
model deviation
6.4/10

Colour

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

Typefaces

Display
Lora
Body
Inter
Mono
Fragment Mono
Source
google
Scale
9 · 10 · 11 · 12 · 13 · 14

Layout

Grid
6 columns
Container
1340px
Spacing base
4px
Radius
8px · 16px · 24px

Capture

Category
agency
Sections
12
Captured
2026-09-06
Rhythm
dark x13

Type rules

  • headlines rendered in serif Lora in sentence case with tight tracking
  • body text set in compact Inter at 12px with 1.6 line height for dense legibility
  • code snippets, metadata badges, and interface breadcrumbs set in Fragment Mono

Colour rules

  • solid true black #000000 forms the foundational backdrop across all viewports
  • warm golden amber illumination is strictly reserved for focal hero artwork and interactive glow states
  • secondary text stepped down to #696969 to preserve high contrast hierarchy with primary white copy

Voice rules

  • pair archaic or classical phrasing with high-level technical machine learning concepts
  • keep CTA copy minimal and direct

Holds it together

  • compose imagery around classical masterworks subtly retrofitted with modern devices and radiant glowing spheres
  • place UI components inside dark charcoal translucent cards with hairline borders
  • use monospace uppercase tags for technical categorization above main headlines
  • maintain high-contrast white serif typography centered across dark visual spreads

Contrast

text on background21.0:1 AAA
muted text on background3.8:1 AA Large
text on surface19.2:1 AAA
muted text on surface3.5:1 AA Large
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
visionary, contemplative, authoritative
Sentences
medium
Person
first
Vocabulary
technical
Calls to action
book, read, explore

Built with

Builder
framer
Framework
—
Motion
—
WebGL
yes
Nav
top_bar, 0 items
Length
15.1 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

    A mystical Renaissance tableau centered around a glowing luminous sphere, blending classical chiaroscuro painting with subtle futuristic tech cues.

    Mood
    mysterious + ethereal
    Layout
    1 col · full bleed · airy
    Open section
    A mystical Renaissance tableau centered around a glowing luminous sphere, blending classical chiaroscuro painting with subtle futuristic tech cues.
  2. 01

    hero

    A dark editorial opening pairing quiet serif typography with a comparative timeline diagram illustrating AI-accelerated workflows.

    Mood
    contemplative + serene
    Layout
    3 col · grid · airy
    Open section
    A dark editorial opening pairing quiet serif typography with a comparative timeline diagram illustrating AI-accelerated workflows.
  3. 02

    feature

    A dark, cerebral feature section pairing classical chiaroscuro painting with sophisticated developer workspace architecture.

    Mood
    contemplative + mysterious
    Layout
    1 col · stacked · balanced
    Open section
    A dark, cerebral feature section pairing classical chiaroscuro painting with sophisticated developer workspace architecture.
  4. 03

    showcase

    A dark, structured case study showcase combining serif headlines with detailed project metrics and an interactive selector list.

    Mood
    luxurious + contemplative
    Layout
    2 col · split · balanced
    Open section
    A dark, structured case study showcase combining serif headlines with detailed project metrics and an interactive selector list.
  5. 04

    feature grid

    Strong

    A surreal blend of classical oil painting and modern technology anchored by floating frosted service cards against a deep black void.

    Mood
    whimsical + mysterious
    Layout
    2 col · split · balanced
    Open section
    A surreal blend of classical oil painting and modern technology anchored by floating frosted service cards against a deep black void.
  6. 05

    cta

    Quiet and elegant dark statement section with refined serif typography, scroll-highlighted copy, and subtle call-to-action buttons.

    Mood
    luxurious + serene
    Layout
    1 col · centered · airy
    Open section
    Quiet and elegant dark statement section with refined serif typography, scroll-highlighted copy, and subtle call-to-action buttons.
  7. 06

    testimonial

    Muted, dark testimonial cards in earthy and charcoal tones create an intimate, sophisticated atmosphere of quiet endorsement.

    Mood
    serene
    Layout
    4 col · grid · balanced
    Open section
    Muted, dark testimonial cards in earthy and charcoal tones create an intimate, sophisticated atmosphere of quiet endorsement.
  8. 07

    feature

    Strong

    Dramatic chiaroscuro portraits of Renaissance figures wearing modern tech flank an editorial serif statement over pitch black.

    Mood
    mysterious + contemplative
    Layout
    3 col · grid · balanced
    Open section
    Dramatic chiaroscuro portraits of Renaissance figures wearing modern tech flank an editorial serif statement over pitch black.
  9. 08

    feature

    Dramatic chiaroscuro composition merging classical Renaissance oil painting with modern technology to frame AI enterprise capabilities.

    Mood
    mysterious + contemplative
    Layout
    2 col · stacked · airy
    Open section
    Dramatic chiaroscuro composition merging classical Renaissance oil painting with modern technology to frame AI enterprise capabilities.
  10. 09

    pricing

    Dark, high-end interactive pricing calculator combining elegant serif typography with a subtle painterly backdrop.

    Mood
    luxurious + mysterious
    Layout
    2 col · split · balanced
    Open section
    Dark, high-end interactive pricing calculator combining elegant serif typography with a subtle painterly backdrop.
  11. 10

    cta

    A classical Renaissance-style oil painting of a couple in a rowboat with modern headphones and a laptop creates a witty, gently absurd call to action.

    Mood
    whimsical + nostalgic
    Layout
    1 col · centered · airy
    Open section
    A classical Renaissance-style oil painting of a couple in a rowboat with modern headphones and a laptop creates a witty, gently absurd call to action.
  12. 11

    footer

    A quiet, dark footer anchored by sparse serif typography and generous negative space.

    Mood
    serene + mysterious
    Layout
    2 col · split · airy
    Open section
    A quiet, dark footer anchored by sparse serif typography and generous negative space.

More like this

By shared mood