SearchSubmit
MUUDS

Curated catalog of analyzed web design.

wise-com

Unapologetically bold and direct. High-octane lime green paired with heavy uppercase typography instantly establishes speed and confidence, balanced by crisp white utility cards and deep forest green accents.

boldclinicalquiet
Visit site

Rated

6.8/ 10

From 15 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
7.9
Systemmeasured
5.5
Distinctionmeasured
7.2
on the grid
30%
vertical rhythm
81%
type on a scale
50%
contrast passing AA
60%
unlike the library
0.26
model craft
7.2/10
model deviation
2.8/10

Colour

Background#ffffff
Text#0e0f0c
Accent#9fe870
Surface#9fe870
Muted#454745

Typefaces

Display
Wise Sans
Body
Inter
Mono
—
Source
self_hosted
Scale
11 · 12 · 14 · 15 · 16 · 18

Layout

Grid
—
Container
—
Spacing base
4px
Radius
16px · 9999px

Capture

Category
finance
Sections
15
Captured
2026-08-30
Rhythm
lime → white x2 → dark → white x2

Type rules

  • display titles rendered in heavy uppercase sans-serif
  • body text set in clean neutral sans-serif at 16px

Colour rules

  • vibrant lime green #9fe870 serves as the primary hero background and primary action color
  • deep forest green #163300 grounds typography and high-contrast dark sections

Voice rules

  • state transfer speeds and exact fees upfront
  • use bold uppercase headlines with concise body qualifiers

Holds it together

  • render major section headlines in ultra-heavy uppercase sans-serif
  • style primary interactive elements and buttons in rounded pill shapes with saturated lime #9fe870 or dark forest #163300
  • anchor product features with live calculator widgets and comparative fee data tables

Contrast

text on background19.2:1 AAA
muted text on background9.4:1 AAA
text on surface13.1:1 AAA
accent on background1.5:1 fail
background on accent1.5:1 fail

Type, measured

Body
16px / 1.5
Measure
153 characters
Display
300px / 0.09
Tracking
0em display
Scale ratio
2.08

Voice

Tone
direct, confident, transparent
Sentences
short
Person
second
Vocabulary
plain
Calls to action
send, get, explore, sign up

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
top_bar, 38 items
Length
12.4 screens

Sections in page order

3 marked strong · 15

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

  1. 00

    hero

    High-impact lime green statement hero dominated by punchy, oversized uppercase typography and a clean centered layout.

    Mood
    bold + playful
    Layout
    1 col · centered · airy
    Open section →
    High-impact lime green statement hero dominated by punchy, oversized uppercase typography and a clean centered layout.
  2. 01

    feature

    Strong

    Vibrant lime-green interactive transfer widget pairing bold condensed headlines with a crisp, user-friendly currency calculator.

    Mood
    bold + playful
    Layout
    1 col · centered · balanced
    Open section →
    Vibrant lime-green interactive transfer widget pairing bold condensed headlines with a crisp, user-friendly currency calculator.
  3. 02

    feature grid

    A clean, functional three-column feature row delivering core value propositions with circular icon badges on a crisp background.

    Mood
    clinical + quiet
    Layout
    3 col · grid · balanced
    Open section →
    A clean, functional three-column feature row delivering core value propositions with circular icon badges on a crisp background.
  4. 03

    feature

    Warm, approachable lifestyle video paired with punchy condensed typography and an assertive neon green action button.

    Mood
    bold + warm
    Layout
    1 col · stacked · balanced
    Open section →
    Warm, approachable lifestyle video paired with punchy condensed typography and an assertive neon green action button.
  5. 04

    comparison

    Clean interactive fee comparison calculator highlighting superior exchange rates in a vibrant lime green pill against competitors.

    Mood
    clinical + bold
    Layout
    1 col · stacked · balanced
    Open section →
    Clean interactive fee comparison calculator highlighting superior exchange rates in a vibrant lime green pill against competitors.
  6. 05

    cta

    Punchy and confident conversion section anchored by heavy uppercase typography and a signature bright green action pill.

    Mood
    bold
    Layout
    4 col · centered · airy
    Open section →
    Punchy and confident conversion section anchored by heavy uppercase typography and a signature bright green action pill.
  7. 06

    feature grid

    Clean, organized fintech feature trio in soft rounded cards with clear value propositions and subtle graphic badges.

    Mood
    clinical + quiet
    Layout
    3 col · grid · balanced
    Open section →
    Clean, organized fintech feature trio in soft rounded cards with clear value propositions and subtle graphic badges.
  8. 07

    feature

    Clean, trustworthy split feature section pairing warm lifestyle photography with confident condensed typography and crisp security bullet points.

    Mood
    bold + warm
    Layout
    2 col · split · balanced
    Open section →
    Clean, trustworthy split feature section pairing warm lifestyle photography with confident condensed typography and crisp security bullet points.
  9. 08

    testimonial

    Strong

    High-contrast testimonial carousel pairing massive condensed uppercase typography with deep forest green review cards and vivid lime accents.

    Mood
    bold + playful
    Layout
    1 col · split · balanced
    Open section →
    High-contrast testimonial carousel pairing massive condensed uppercase typography with deep forest green review cards and vivid lime accents.
  10. 09

    feature

    Clean split feature section pairing an authentic workplace photo with ultra-bold typography and floating transaction badges.

    Mood
    bold + playful
    Layout
    12 col · split · balanced
    Open section →
    Clean split feature section pairing an authentic workplace photo with ultra-bold typography and floating transaction badges.
  11. 10

    cta

    Strong

    Bold app download CTA centered on massive grotesque type and a QR code card above a vibrant media transition.

    Mood
    bold
    Layout
    1 col · stacked · balanced
    Open section →
    Bold app download CTA centered on massive grotesque type and a QR code card above a vibrant media transition.
  12. 11

    feature grid

    A clean, functional grid of destination countries paired with circular flag icons over a neutral background.

    Mood
    clinical + quiet
    Layout
    1 col · grid · balanced
    Open section →
    A clean, functional grid of destination countries paired with circular flag icons over a neutral background.
  13. 12

    other

    A quiet, dense block of numbered legal disclaimers and regulatory disclosures set in uniform small typography.

    Mood
    clinical + quiet
    Layout
    8 col · stacked · dense
    Open section →
    A quiet, dense block of numbered legal disclaimers and regulatory disclosures set in uniform small typography.
  14. 13

    footer

    A clean, utilitarian multi-column sitemap footer set in crisp sans-serif type across a restrained neutral background.

    Mood
    quiet + clinical
    Layout
    3 col · grid · airy
    Open section →
    A clean, utilitarian multi-column sitemap footer set in crisp sans-serif type across a restrained neutral background.
  15. 14

    footer

    Sparse, functional legal disclaimer with dense regulatory small print set against an understated background.

    Mood
    clinical + quiet
    Layout
    3 col · stacked · dense
    Open section →
    Sparse, functional legal disclaimer with dense regulatory small print set against an understated background.

More like this

by shared mood