Revolut design.md
Huge confident type over people and sky, with one charcoal pill
A photo-led consumer bank: full-bleed lifestyle imagery and black media panels carry the page, giant Aeonik headlines sit straight on the photos in white, and every action is a fully rounded charcoal pill. The UI itself is almost colorless — charcoal, white and soft grays.
What “Use in my project” copies
Download https://faundr.dev/resources/design-md/revolut/DESIGN.md and save it as design.md at the project root. It's a design guide inspired by Revolut, measured from their site: follow its colors, fonts, corners and components on every screen you create or change. Where it calls for a paid font, use the free alternative the file names.
The real page
Captured from revolut.com/en-US in English, at 1440 px wide.
Colors
Click a color to copy it. Roles are in English, as in the file.
Type and shape
Aeonik Pro
Free substitute: Manrope 400/500 (Google Fonts)
Inter
Free substitute: Inter (Google Fonts, same family)
| Role | Size | Weight | Tracking |
|---|---|---|---|
| display | 87.57px | 500 | -2.08px |
| heading | 51.79px | 500 | -0.6px |
| body-lg | 18px | 400 | 0 |
| button | 16px | 500 | 0 |
| small | 12px | 400 | 0.18px |
- tags
- 9999px
- cards
- 22.5px
- inputs
- 12px
- buttons
- 9999px
The files
Loading…
Screenshots and measurements taken by Faundr from revolut.com/en-US for reference. Inspired by Revolut, not its official design system; Faundr isn’t affiliated with Revolut, and the name and marks belong to it.
Faundr
A design.md only works if someone checks it.
Faundr reads your design.md and checks every screen your AI touches: colors off the guide, rebuilt components, clipped menus, broken mobile.
