SearchSubmit
MUUDS

Curated catalog of analyzed web design.

MetaMask

Bold, punchy, and defiantly modern. Colossal blocky display type and saturated color-blocked chapters shake off conventional fintech conservatism. Floating 3D mockups and rounded bento containers give complex crypto utilities a tactile, arcade-like approachability.

energeticclinicalsereneplayfulreassuring
Visit site

Rated

5.6/ 10

From 11 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.0
Systemmeasured
3.8
Distinctionmeasured
0.1
on the grid
17%
vertical rhythm
40%
type on a scale
57%
contrast passing AA
40%
unlike the library
0.00
model craft
7.7/10
model deviation
5.7/10

Colour

Background#ffffff
Text#0a0a0a
Accent#e5ffc3
Surface#013330
Muted#393d46

Typefaces

Display
MMPolyVariable
Body
MMEuclidCircularB
Mono
—
Source
self_hosted
Scale
12 · 14 · 16 · 24 · 48 · 104

Layout

Grid
16 columns
Container
1377px
Spacing base
8px
Radius
16px · 24px · 32px · 9999px

Capture

Category
finance
Sections
11
Captured
2026-09-16
Rhythm
dark green → lime → dark purple → coral → dark purple → light blue → white

Type rules

  • massive ultra-heavy geometric display type dominates hero and transition markers
  • body text kept strictly at 16px with tight line height for quick scanning
  • button labels and section flags set in all-caps medium weight

Colour rules

  • each thematic narrative chapter receives its own high-contrast chromatic background
  • interactive pill buttons use high-contrast inversions of their container section background
  • accent tints like lime and peach frame individual bento cards

Voice rules

  • headlines under five words in bold uppercase display
  • CTAs always lead with actionable verbs in pill containers

Holds it together

  • cycle the background through distinct saturated hues across major feature chapters
  • render hero statements in screen-spanning ultra-heavy block typography
  • group feature utilities inside deeply rounded pill cards or bento clusters centered around the app viewport

Contrast

text on background19.8:1 AAA
muted text on background10.9:1 AAA
text on surface1.4:1 fail
accent on background1.1:1 fail
background on accent1.1:1 fail

Type, measured

Body
16px / 1.4
Measure
54 characters
Display
369px / 1
Tracking
0em display
Scale ratio
2.19

Voice

Tone
direct, punchy, empowering
Sentences
short
Person
second
Vocabulary
plain
Calls to action
get, start, trade, swap

Built with

Builder
—
Framework
next
Motion
lenis
WebGL
yes
Nav
top_bar, 59 items
Length
16.1 screens
Mode

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

    Bold, punchy hero with monolithic blocky typography centered over deep forest green and geometric 3D fox ears emerging from below.

    Mood
    energetic + rebellious
    Layout
    1 col · centered · airy
    Open section →
    Bold, punchy hero with monolithic blocky typography centered over deep forest green and geometric 3D fox ears emerging from below.
  2. 01

    hero

    Bold and confident hero with massive custom typography masking 3D crypto currency against a deep green void.

    Mood
    energetic + playful
    Layout
    1 col · centered · airy
    Open section →
    Bold and confident hero with massive custom typography masking 3D crypto currency against a deep green void.
  3. 02

    feature

    A crisp dark-mode mobile wallet interface stands centered and framed by geometric pillars against a light pastel backdrop.

    Mood
    clinical + serene
    Layout
    1 col · centered · airy
    Open section →
    A crisp dark-mode mobile wallet interface stands centered and framed by geometric pillars against a light pastel backdrop.
  4. 03

    feature

    A dark mobile crypto wallet interface rests with generous breathing room against a vibrant pale lime background.

    Mood
    serene
    Layout
    1 col · centered · airy
    Open section →
    A dark mobile crypto wallet interface rests with generous breathing room against a vibrant pale lime background.
  5. 04

    feature grid

    Playful and vibrant product feature grid pairing a central trading mobile mockup with four rounded, color-coded cards and glossy 3D icons.

    Mood
    playful + energetic
    Layout
    3 col · grid · balanced
    Open section →
    Playful and vibrant product feature grid pairing a central trading mobile mockup with four rounded, color-coded cards and glossy 3D icons.
  6. 05

    other

    Deep purple visual canvas filled with floating 3D coins, creating a weightless and playful crypto interlude.

    Mood
    playful + ethereal
    Layout
    1 col · full bleed · airy
    Open section →
    Deep purple visual canvas filled with floating 3D coins, creating a weightless and playful crypto interlude.
  7. 06

    feature grid

    Polished fintech feature grid arranging colorful bento cards and 3D icons symmetrically around a central smartphone mockup.

    Mood
    playful + reassuring
    Layout
    3 col · grid · balanced
    Open section →
    Polished fintech feature grid arranging colorful bento cards and 3D icons symmetrically around a central smartphone mockup.
  8. 07

    statement

    Warm monochromatic minimalism framing a delicate isometric wireframe and an embossed low-poly emblem.

    Mood
    serene + playful
    Layout
    1 col · centered · airy
    Open section →
    Warm monochromatic minimalism framing a delicate isometric wireframe and an embossed low-poly emblem.
  9. 08

    feature grid

    Vibrant and reassuring feature grid framing a central phone unlock screen with colorful rounded cards highlighting security and customer support capabilities.

    Mood
    reassuring + playful
    Layout
    3 col · grid · balanced
    Open section →
    Vibrant and reassuring feature grid framing a central phone unlock screen with colorful rounded cards highlighting security and customer support capabilities.
  10. 09

    cta

    Vibrant and game-like crypto CTA section packed with colourful metric cards, playful 3D renders, and heavy blocky display type.

    Mood
    playful + energetic
    Layout
    4 col · stacked · dense
    Open section →
    Vibrant and game-like crypto CTA section packed with colourful metric cards, playful 3D renders, and heavy blocky display type.
  11. 10

    footer

    An organized, extensive corporate footer with clean typographic link columns punctuated by bright neon feature badges.

    Mood
    reassuring + clinical
    Layout
    5 col · grid · balanced
    Open section →
    An organized, extensive corporate footer with clean typographic link columns punctuated by bright neon feature badges.

More like this

by shared mood