SearchSubmit
MUUDS

Curated catalog of analyzed web design.

OWO

Playful, hyper-vibrant fintech that replaces institutional coldness with chat-native joy. Multi-colored rounded pill badges slice headlines into tactile stickers across a soft cream canvas, accompanied by bold neon lock-ups and mobile UI cards.

playfulboldwarm
Visit site

Colour

Background#fff8dc
Text#190200
Accent#ff3600
Surface#001c33
Muted#737373

Typefaces

Display
Greed
Body
Inter
Mono
—
Source
google
Scale
14 · 16 · 20 · 24 · 52 · 72

Layout

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

Capture

Category
finance
Sections
11
Captured
2026-08-29
Rhythm
cream → dark → cream x6 → dark x3

Type rules

  • display headlines use massive, tight-leading sans-serif packed inside rounded pill badges
  • body text runs at 70 characters max measure with generous line height

Colour rules

  • warm cream #fff8dc sets the canvas for hyper-saturated neon pill badges in yellow, orange, and electric green
  • deep midnight blue #001c33 grounds the layout in the closing features and footer

Voice rules

  • compare payment transactions directly to everyday chatting actions
  • use punchy imperative statements structured like WhatsApp messages

Holds it together

  • wrap headline word fragments in contrasting rounded pill badges
  • integrate interactive elements like QR codes directly inline with display typography
  • anchor light cream sections with midnight blue structural card components

Contrast

text on background18.8:1 AAA
muted text on background4.5:1 AA Large
text on surface1.2:1 fail
accent on background3.4:1 AA Large
background on accent3.4:1 AA Large

Type, measured

Body
16px / 1.5
Measure
70 characters
Display
120px / 0.85
Tracking
0em display
Scale ratio
1.65

Voice

Tone
conversational, energetic, approachable
Sentences
short
Person
second
Vocabulary
casual
Calls to action
try, scan, start

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
sticky_top_bar, 7 items, sticky
Length
13.4 screens

Sections in page order

3 marked strong · 11

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

  1. 00

    hero

    Playful, sticker-like colorful pill badges assemble into an oversized headline across a soft cream canvas.

    Mood
    playful + bold
    Layout
    14 col · stacked · airy
    Open section →
    Playful, sticker-like colorful pill badges assemble into an oversized headline across a soft cream canvas.
  2. 01

    feature

    Strong

    High-impact kinetic deck of hyper-saturated cards stacking bold uppercase feature statements beside a mobile UI mockup.

    Mood
    playful + bold
    Layout
    1 col · stacked · dense
    Open section →
    High-impact kinetic deck of hyper-saturated cards stacking bold uppercase feature statements beside a mobile UI mockup.
  3. 02

    cta

    Warm, centered call-to-action banner embedding an inline QR code directly into a bold display headline.

    Mood
    bold + warm
    Layout
    12 col · centered · airy
    Open section →
    Warm, centered call-to-action banner embedding an inline QR code directly into a bold display headline.
  4. 03

    feature

    Playful fintech feature section pairing an electric green pill container and quirky lock illustration with centered warm typography.

    Mood
    playful + bold
    Layout
    15 col · stacked · airy
    Open section →
    Playful fintech feature section pairing an electric green pill container and quirky lock illustration with centered warm typography.
  5. 04

    feature

    Vibrant and patterned onboarding showcase pairing retro-inspired typography with stacked mobile app step walkthroughs.

    Mood
    playful + bold
    Layout
    1 col · stacked · dense
    Open section →
    Vibrant and patterned onboarding showcase pairing retro-inspired typography with stacked mobile app step walkthroughs.
  6. 05

    statement

    A warm, minimalist conversational statement header featuring playful inline iconography against a soft cream backdrop.

    Mood
    warm + playful
    Layout
    6 col · centered · airy
    Open section →
    A warm, minimalist conversational statement header featuring playful inline iconography against a soft cream backdrop.
  7. 06

    faq

    A warm and airy section header featuring bold, earthy brown typography centered on a soft cream background.

    Mood
    warm + quiet
    Layout
    12 col · centered · airy
    Open section →
    A warm and airy section header featuring bold, earthy brown typography centered on a soft cream background.
  8. 07

    faq

    Strong

    Warm and friendly FAQ card widget pairing a conversational chat preview with a high-contrast orange question list.

    Mood
    playful + warm
    Layout
    2 col · split · balanced
    Open section →
    Warm and friendly FAQ card widget pairing a conversational chat preview with a high-contrast orange question list.
  9. 08

    feature

    A bold, punchy fintech banner contrasting crisp typography with an inline glowing QR code and a cropped mobile chat interface.

    Mood
    playful + bold
    Layout
    16 col · split · balanced
    Open section →
    A bold, punchy fintech banner contrasting crisp typography with an inline glowing QR code and a cropped mobile chat interface.
  10. 09

    footer

    A midnight-blue footer anchored by an oversized chunky wordmark with clean navigation columns and subtle brand details.

    Mood
    bold + playful
    Layout
    16 col · grid · airy
    Open section →
    A midnight-blue footer anchored by an oversized chunky wordmark with clean navigation columns and subtle brand details.
  11. 10

    other

    Strong

    A vivid graphic divider showcasing punchy, neon-pop cartoon illustrations of winged cash and keys against a deep navy canvas.

    Mood
    playful + bold
    Layout
    1 col · full bleed · balanced
    Open section →
    A vivid graphic divider showcasing punchy, neon-pop cartoon illustrations of winged cash and keys against a deep navy canvas.