Back to Library
R

Revolut

Revolut

Visit Website

Digital banking. Sleek dark interface, gradient cards, fintech precision.

暗色金融渐变卡片蓝紫品牌数字银行

Color Palette

primary
secondary
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

h1Revolut Heading
h2Revolut Heading
h3Revolut Heading
h4Revolut Heading

DESIGN.md

# Revolut Design System

## Visual Theme & Atmosphere
Sleek fintech precision. Deep dark with blue-purple gradient cards.

## Agent Prompt Guide
Dark fintech theme with gradient cards. Premium banking aesthetic.

Frequently Asked Questions

What is Revolut's design style?

Digital banking. Sleek dark interface, gradient cards, fintech precision.

What is Revolut's primary color?

Revolut uses #0075EB as primary color, #0B0E11 for background, and #E1E4E8 for text.

What fonts does Revolut use?

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

How to use Revolut 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 Revolut's style.

Explore More Design Systems

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

View All Design Systems