mdshop
Back to designs
R

Design System inspired by Revolut

Digital banking. Dark mode dominant, vibrant gradient cards, bold typography.

Usage
npx getdesign@latest add revolut

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
7
Bookmarked
0
Not an official Revolut design system. A curated starting point for building Revolut-like UIs with your AI coding agent.

Digital banking. Dark mode dominant, vibrant gradient cards, bold typography.

Preview
revolut.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF REVOLUT

Digital banking. Dark mode dominant, vibrant gradient cards, bold typography.

Explore the systemView tokens

Color Palette

Digital banking. Dark mode dominant, vibrant gradient cards, bold typography.

Primary
Revolut Blue
#0666eb
Brand color
Dark BG
#0d0d0d
Brand color
Card Purple
#8b5cf6
Brand color
Card Pink
#ec4899
Brand color
White
#ffffff
Brand color
Gray
#8e8e93
Brand color
Surface
#1c1c1e
Brand color

Typography

A type system inspired by Revolut.

Revolut
Revolut, Revolut
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by Revolut.

Not detected on this URL

Components

Other component primitives mapped from the Revolut spec.

Not detected on this URL