Institutional-grade crypto exchange. Coinbase Blue carries every primary CTA on a 100px pill; CoinbaseDisplay sits at weight 400 — calm, never bombastic.
A single brand voltage on white canvas plus a near-black editorial canvas for full-bleed heroes. Trading green/red are semantic-only.
Display sits at weight 400 — never bold. CoinbaseMono on every numerical value.
100px radius for every button. Primary blue is reserved.
Full-bleed dark hero with floating UI cards mimicking a layered dashboard.
Real-time prices, deep liquidity, and a global asset universe.
Built for the advanced trader — real-time charts, depth, advanced order types.
More rewards for active members on the One subscription.
Stake, lend, and earn yield on the Base App.
Hairline-divided rows with circular icon plate, mono prices, and semantic green/red change cells.
Featured tier inverts to dark — visual inversion signals "highlighted choice" without colored ribbons.
Small uppercase pills used as section labels.
4px base, 96px section rhythm.
Pill (100px) for interactive, card-radius (24px) for containers.
One shadow tier; depth from band rotation and layered cards.
80% of surfaces.
1px hairline. Feature card outlines on white.
0 4px 12px rgba(0,0,0,0.04). Single shadow tier.
Floating product-UI mockups inside dark heroes.
| Name | Width | Key Changes |
|---|---|---|
| Mobile | < 640px | Hero h1 80→40px; feature cards 1-up; asset rows stack; nav hamburger. |
| Tablet | 640–1024px | Hero h1 64px; feature cards 2-up. |
| Desktop | 1024–1280px | Full hero h1 80px; 3-up feature cards. |
| Wide | > 1280px | Content caps at 1200px. |