A crisp, near-monochrome fintech system on white with near-black ink, anchored by the unmistakable Coinbase electric blue on every CTA and link — flat, fully-rounded pill buttons and market green/coral reserved for signal.
Hierarchy is built by size, not weight — display headlines run enormous at a regular weight with tight negative tracking. Coinbase ships in proprietary CoinbaseSans; rendered here in Inter (nearest Google substitute). 16px/400 is the dominant body tier.
Asset tiles sit flat on white with a 1px hairline and 16px radius, lifting to a soft shadow only on hover. Price change uses market green (up) and coral (down).
A 4px base unit on an 8-step rhythm. 16px is the default component padding; 24–32px are the common section gaps.
Generous and consistent: a 4 → 40px ladder topped by a true pill. Coinbase uses the full pill constantly — every button, tab and badge.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single column; hero display drops to ~48px; nav collapses to a menu; pills keep full radius. |
| Tablet | 768–1023px | Four-up product/feature grids fold to two columns; container gutters tighten. |
| Laptop | 1024–1279px | Full multi-column marketing grids return; max-width container centered. |
| Desktop | ≥ 1280px | 1200px max content width with 40px gutters; oversized 80px display headlines. |
Layout is a centered max-width container with predictable column collapse. Pill buttons and CTAs hold their full-pill shape at every breakpoint.
Illustrative tiers in the Coinbase visual language — flat bordered cards, the featured plan inverted to near-black, brand-blue bullets and dark block CTAs.
A dense data surface: grey uppercase headers, hairline row dividers, and pill status chips that borrow the market green/coral signal colours.
| Asset | Price | 24h | Status | Market cap |
|---|---|---|---|---|
| Bitcoin · BTC | $61,240.18 | +2.4% | Up | $1.21T |
| Ethereum · ETH | $3,388.02 | +1.1% | Up | $407.6B |
| Solana · SOL | $146.77 | −3.2% | Down | $68.2B |
| USD Coin · USDC | $1.00 | 0.0% | Flat | $32.9B |
| Chainlink · LINK | $14.05 | +0.8% | Up | $8.7B |
Sign-in and create-account patterns: bordered card lifted on a soft shadow, uppercase micro-labels, brand-blue pill CTA, and a full-pill SSO ghost button below a divider.