Coinbase

Visit Website

Crypto exchange. Clean blue identity, trust-focused, institutional feel.

蓝色信任机构级加密交易简洁专业

Color Palette

primary

background

surface

text

muted

border

Typography

Heading FontInter, system-ui, sans-serif

Body FontInter, system-ui, sans-serif

Base Size16px

Line Height1.5

Weights400, 500, 600, 700

Heading Scale

h1Coinbase Heading

h2Coinbase Heading

h3Coinbase Heading

h4Coinbase Heading

DESIGN.md

# Coinbase Design System

## Visual Theme & Atmosphere
Institutional trust. Bold blue on clean white creates confidence and security.

## Agent Prompt Guide
Trust-building blue on white. Financial data layouts.

Related Design Systems

Binance

Similar fintech design system

Stripe

Similar fintech design system

Revolut

Similar fintech design system

Frequently Asked Questions

What is Coinbase's design style?

Crypto exchange. Clean blue identity, trust-focused, institutional feel.

What is Coinbase's primary color?

Coinbase uses #0052FF as primary color, #FFFFFF for background, and #0E0E0E for text.

What fonts does Coinbase use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use Coinbase design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Coinbase's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems