Skip to content
Fintech / Banking

Revolut

Revolut runs a bold, highly saturated design system, where 3D card mockups, vibrant gradients and large-scale headlines sit together on an immaculate grid. The hierarchy is crystal clear, and the product-level detail (renders, micro-interactions) lifts the whole thing into premium fintech territory.

ColorGradients3DLarge type
revolut.com Desktop
Full screenshot of revolut.com on desktop
Full screenshot of revolut.com on mobile, part 1 of 2Full screenshot of revolut.com on mobile, part 2 of 2
Mobile

Screenshots of the real site. Scroll inside each frame to go through it.

The feeling

Bold, vibrant tech energy, with a premium, aspirational air.

Design system Extracted from the site

Colors

Background
#000000
Text
#ffffff
Accent
#3991d8
Surface
#ffffff
Border
#ffffff
Palette: #3991d8 #000000 #ffffff #1f1f1f

Typography

Aeonik Pro Headlines
Inter Body text
Scale 88px52px18px12px

Weights: 400 · 500 · heading tracking -2.08px

Spacing, borders and layout

Spacing scale
4 · 8 · 12 · 16 · 20 · 24 px
Base unit
4px
Radii
Pill · 20px · 12px · 23px
Border
2px #ffffff

Third-party style reference. AIGiner is not affiliated with or sponsored by Revolut; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.

Similar pages

See all
mercury.com
Screenshot of Mercury's website

We design websites at this level

Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.