# Design System
Inspired by Coinbase

Every color, font, and component — visualized with crypto-grade precision.

Get Started Learn More

01 / Colors

## Color Palette

Brand
Coinbase Blue
#0052ff
Primary brand
Hover Blue
#578bfa
Hover state
Cool Gray
#eef0f3
Secondary surface
Near Black
#0a0b0d
Text, dark sections
Dark Card
#282b31
Dark buttons
Muted
#5b616e
Secondary text

02 / Typography

## Typography Scale

Display Hero
CoinbaseDisplay — 80px / 400 / 1.00
Section Heading
CoinbaseSans — 36px / 400 / 1.11
Feature Title
CoinbaseSans — 18px / 600 / 1.33
Body — The future of money is here. Buy, sell, and manage crypto with Coinbase.
CoinbaseText — 18px / 400 / 1.56
Button Label
CoinbaseSans — 16px / 600 / 1.20 / +0.16px

03 / Buttons

## Buttons

Sign Up
Primary Blue
Learn More
Gray Surface
Explore
Dark
Details
Blue Outline
04 / Cards

## Cards

### Bitcoin (BTC)

The original cryptocurrency. Buy, sell, and send Bitcoin from your Coinbase account.

### Ethereum (ETH)

Smart contracts and dApps. The second-largest crypto by market cap.

### USDC

A dollar-backed stablecoin. The digital dollar for the global crypto economy.

05 / Forms

## Forms

Email
Default
Amount
Focus (blue ring)
Address
Error
Note

06 / Spacing

## Spacing

4
8
16
24
32
48

07 / Radius

## Radius

8px
16px
32px
56px
pill

08 / Elevation

## Depth

Flat
No shadow
Focus
Blue ring