Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Rainbow

Web3

Rainbow creates a playful yet premium crypto wallet experience through glossy 3D rainbow elements against dreamy sky-blue gradients. The SF Pro Rounded typography feels approachable and friendly, while the floating geometric shapes and sparkling stars evoke magic and possibility in digital finance.

(0)
0
Visit Website
Screenshot of Rainbow website

Design Identity

Signature Color

Dream Sky Blue

#87CEEB

infinite possibility and crypto optimism - the color of limitless digital horizons

Visual Identity

Glossy 3D rainbow arcs floating in dreamy cloudscapes with golden sparkles - instantly recognizable as playful premium crypto branding

Component Style

Soft pill-shaped buttons with generous 24px border radius and vibrant gradient backgrounds. No harsh shadows, instead using subtle glows and 3D depth. Everything feels touchable and premium with a glass-like finish.

Spacing Philosophy

Expansive breathing room with 80px+ gaps between major elements creates a sense of floating in space. Components have generous internal padding (20px+) that makes everything feel premium and unhurried.

Design Principles

  • Border radius always 24px+ for pill-shaped friendliness
  • SF Pro Rounded exclusively for human warmth
  • 3D rainbow elements must appear glossy with highlights
  • Sky blue gradients create infinite backdrop feeling
  • Golden stars add magical sparkle accents

Target Audience

Crypto-curious millennials and Gen Z who want DeFi power without intimidating interfaces - people who value both fun and serious financial tools

Mood

dreamyglossyfloatingmagicaloptimisticpremiumplayful

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodysans-serif12px400normal
h1"SF Pro Rounded Black"96px40096px
h2"SF Pro Rounded Heavy"56px40061.6px
h3"SF Pro Rounded Heavy"36px40039.6px
h4"SF Pro Rounded Semibold"32px40035.2px
p"SF Pro Rounded Bold"16px40019.2px
asans-serif12px400normal

Color Palette

No colors extracted

UI Elements

a
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...