SearchSubmit
MUUDS

Curated catalog of analyzed web design.

leonardo-ai

Kinetic, hyper-energetic, and boldly expressive. High-voltage neon display typography wraps around deep black canvases in 3D perspective tunnels, framing rich creative imagery and video. The visual identity fuses street poster impact with bleeding-edge generative power.

energeticmysterious
Visit site

Rated

7.8/ 10

From 9 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.6
Systemmeasured
6.2
Distinctionmeasured
9.4
on the grid
39%
vertical rhythm
52%
type on a scale
56%
contrast passing AA
100%
unlike the library
0.30
model craft
7.6/10
model deviation
6.6/10

Colour

Background#000000
Text#ededed
Accent#6e60ee
Surface#353535
Muted#999999

Typefaces

Display
leoSans
Body
canvaSans
Mono
—
Source
self_hosted
Scale
10 · 12 · 14 · 16 · 18 · 22

Layout

Grid
16 columns
Container
1386px
Spacing base
8px
Radius
16px · 999px

Capture

Category
ai
Sections
9
Captured
2026-09-01
Rhythm
dark x9

Type rules

  • display type is set uppercase with negative letterspacing and extreme scale up to 166px
  • body text runs at 14px with tight line height and an average measure of 67 characters

Colour rules

  • background remains pure black #000000 across every section of the page
  • each feature section rotates to a distinct neon accent hue for its graphic display typography

Voice rules

  • headlines are direct creative commands in all-caps
  • body copy focuses on creator workflows without AI jargon

Holds it together

  • anchor sections with 3D perspective-warped display type in high-saturation neon hues
  • pair every feature description with dual pill buttons: solid white for primary and outlined for secondary
  • keep all background surfaces pitch black #000000 to maximize neon and photographic contrast
  • set all section headings and metric titles in tight uppercase display type

Contrast

text on background17.9:1 AAA
muted text on background7.4:1 AAA
text on surface10.5:1 AAA
accent on background4.6:1 AA
background on accent4.6:1 AA

Type, measured

Body
14px / 1.25
Measure
67 characters
Display
166px / 0.85
Tracking
-0.02em display
Scale ratio
1.86

Voice

Tone
confident, empowering, energetic
Sentences
short
Person
second
Vocabulary
plain
Calls to action
start, learn, create

Built with

Builder
—
Framework
next
Motion
swiper
WebGL
yes
Nav
top_bar, 2 items
Length
15.5 screens

Sections in page order

3 marked strong · 9

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

  1. 00

    hero

    High-impact kinetic typography engulfs the frame in a bold perspective tunnel, radiating raw creative energy and confidence against pitch black.

    Mood
    energetic + rebellious
    Layout
    1 col · centered · airy
    Open section →
    High-impact kinetic typography engulfs the frame in a bold perspective tunnel, radiating raw creative energy and confidence against pitch black.
  2. 01

    video

    A pitch-black full-screen video stage suspended in silence, punctuated only by minimal navigation arrows and an unmute pill.

    Mood
    mysterious
    Layout
    24 col · full bleed · airy
    Open section →
    A pitch-black full-screen video stage suspended in silence, punctuated only by minimal navigation arrows and an unmute pill.
  3. 02

    stats

    Strong

    Punchy, oversized typography warps across a pitch-black canvas in vibrant neon hues to deliver high-impact scale metrics.

    Mood
    energetic + playful
    Layout
    2 col · centered · balanced
    Open section →
    Punchy, oversized typography warps across a pitch-black canvas in vibrant neon hues to deliver high-impact scale metrics.
  4. 03

    feature

    Strong

    High-contrast editorial showcase combining sleek fashion photography with giant neon pink typography slicing through a dark split layout.

    Mood
    energetic + luxurious
    Layout
    16 col · split · balanced
    Open section →
    High-contrast editorial showcase combining sleek fashion photography with giant neon pink typography slicing through a dark split layout.
  5. 04

    feature

    High-contrast energetic feature block pairing punchy yellow graphic typography with an angled video preview frame against deep black.

    Mood
    energetic
    Layout
    16 col · split · balanced
    Open section →
    High-contrast energetic feature block pairing punchy yellow graphic typography with an angled video preview frame against deep black.
  6. 05

    feature

    Strong

    Bold, punchy feature section pairing cinematic footage with an oversized diagonal typography cutout in electric green on black.

    Mood
    energetic + playful
    Layout
    16 col · split · airy
    Open section →
    Bold, punchy feature section pairing cinematic footage with an oversized diagonal typography cutout in electric green on black.
  7. 06

    feature

    Vibrant high-contrast feature section framing bold purple display typography over a dynamic angled photo card on deep black.

    Mood
    energetic
    Layout
    16 col · split · balanced
    Open section →
    Vibrant high-contrast feature section framing bold purple display typography over a dynamic angled photo card on deep black.
  8. 07

    statement

    A stark, pitch-black transitional canvas punctuated only by the oversized uppercase header peeking into view at the bottom edge.

    Mood
    mysterious
    Layout
    1 col · centered · airy
    Open section →
    A stark, pitch-black transitional canvas punctuated only by the oversized uppercase header peeking into view at the bottom edge.
  9. 08

    showcase

    Bold high-contrast showcase pairing massive graphic typography with a horizontal strip of expressive artist portrait cards.

    Mood
    energetic + playful
    Layout
    12 col · grid · balanced
    Open section →
    Bold high-contrast showcase pairing massive graphic typography with a horizontal strip of expressive artist portrait cards.

More like this

by shared mood