Coinbase
coinbase.comThe reference for high-trust crypto/fintech built on pure white (#ffffff) plus one electric Coinbase Blue (#0052ff), a heavy geometric-serif display headline, and a floating phone-UI hero that shows the product instead of describing it.
Fintech flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- CoinbaseText
- body
- CoinbaseSans
- mono
Do / Don't
Reference it for
- Single-accent discipline: reserve one electric blue (#0052ff) strictly for the logo, primary buttons and links; everything else is white, near-black (#0a0b0d) and greys
- Oversized geometric display headline (CoinbaseDisplay-style, ~64-80px, weight 700) set left-aligned in near-black over a bare white field
- Localised, human hero copy ('Hello, Spain! Meet Coinbase' with a flag emoji) to make a global product feel regional
- Product-as-hero: a realistic phone mock with a live-looking app UI (balance, buy/send/receive tiles, asset price list) parked to the right of the copy column
- Fully-rounded pill buttons (radius ~56px) in solid blue with white label for the primary CTA
- Thin single-pixel divider under a light sticky top nav (7 text links, search + globe icon buttons, ghost 'Sign in' + solid 'Sign up')
- Depth via colour blocking not shadows: alternate full-width white (#ffffff) and midnight (#0a0b0d) sections for rhythm
- Circular icon action tiles (blue-filled, +/arrow glyphs) with a small caption underneath, a clean pattern for feature or quick-action grids
Do not copy
- The Coinbase 'C' roundel logo and the exact Coinbase Blue #0052ff brand mark
- The proprietary Coinbase Display / Sans / Text typefaces (licensed to the brand)
- The literal app screenshot (balance tiles, watchlist, Bitcoin/Ethereum price rows) which is Coinbase product UI
- The 'world's safest and most trusted platform' trust claim, it is a regulated-entity assertion
- The Coinbase One rewards offer copy in the top strip
- The per-country localisation gimmick (flag + 'Hello, Spain!') as a verbatim pattern