Revolut Business · Full Page

Revolut Business

Revolut B2B sibling — Aeonik Pro 32px compressed display + Inter body + Arial for technical tables, single indigo blue accent. Bloomberg-tier business publication aesthetic.

revolut.com/businessAdded 2026-05-17

Revolut Business Full Page — desktop screenshot

Editorial noteThis entry documents observable design-language patterns for educational transfer and AI-agent briefing. Screenshots and trademarks are property of their respective owners. AI2 Design is not affiliated with or endorsed by the featured brand. Inspiration here is about language and rhythm — do not reproduce brand identity, logo, product copy, or proprietary features.

Curator verdict

Why we catalogued it?

Revolut Business is Revolut's B2B sibling — and the marketing page proves the brand can extend its consumer typographic confidence into enterprise context without losing edge. We catalogued it because most B2B fintech reaches for one of two playbooks: corporate-blue trust signals or Mercury-style dark editorial. Revolut Business picked a third path — dark-mode canvas inherited from the consumer brand, Aeonik Pro 32px display (smaller than consumer's 80px because enterprise needs more density), single saturated indigo blue #667dff as the only chromatic accent, and Arial for technical tables (yes, system Arial — the enterprise version refuses customisation overhead). The result reads as a brand confident enough to ship system Arial alongside Aeonik Pro because density beats decoration. If you are shipping B2B fintech that wants Revolut consumer's typographic confidence without the editorial-poster vibe, this is the lodestar.

Design decisions observed

Aeonik Pro 32px display (vs consumer 80px) — enterprise version compresses the display rhythm for content density.
Inter + Aeonik Pro duet inherited from consumer brand — body grotesque + display editorial discipline preserved.
Arial at 13.3333px catalogued — system font for technical tables/data display, refusing webfont overhead for utilitarian content.
Single indigo blue accent #667dff (~38 surface refs) — the brand's only chromatic deviation from greyscale.
Dark-mode canvas — #f4f4f4 white text (~893 surface refs) dominant on near-black ground, #000000 deepest dark surface.
Container ladder 1024/1432/1888 — slightly narrower max than consumer's 1920, enterprise reads at content density.
Custom 2xl breakpoint 1920 (same as consumer) — both Revolut properties optimise for ultra-wide displays.
Zero motion library — same restraint as consumer brand.

What to study

Smaller display typography for B2B (32px vs consumer 80px) — enterprise marketing needs information density. Steal the discipline of compressing display rhythm when the audience is comparing features not images.
System Arial for technical tables — Revolut Business deliberately ships Arial alongside Aeonik Pro because tabular content reads better in system fonts (better fallback, better small-size rendering). Steal the discipline of choosing the right tool per content type.
Single indigo accent #667dff — the brand's only chromatic deviation. Steal the discipline of one accent maximum for enterprise marketing.

What to avoid

Don't add second/third accent colours — Revolut Business deliberately refuses multi-accent (consumer brand is the same way). The single indigo is the entire chromatic system.
Don't substitute Aeonik for Inter in body — the duet matters; Inter handles density, Aeonik handles authority.
Don't import a custom mono font for tables — Arial is the right tool because tables need fallback robustness, not editorial display weight.

Taste notes

The page feels like reading a beautifully art-directed B2B financial publication that happens to ship corporate banking software — every Aeonik Pro 32px headline confident enough to anchor a Bloomberg-tier business article, every Inter body paragraph at the right density, every Arial table column rendering correctly at 13px without ceremony. Revolut Business understood that B2B is a category where density beats decoration, and density comes from typographic restraint + system-font pragmatism.

Lineage & references

Direct heir to Revolut consumer brand — same Aeonik Pro + Inter typographic DNA, compressed for enterprise context.
Standing shoulder-to-shoulder with the modern B2B-fintech peer cohort (Mercury Business, Brex, Ramp) — but Revolut Business is the only one inheriting consumer-brand typography wholesale.
Part of the Aeonik typographic wave that includes parts of Pitch, Vercel's older identity, and the broader premium-grotesque-display aesthetic.

Design language brief

Paste-ready for your agent.

A typed design system transfer brief — philosophy, tokens, rules, techniques, and fitness checks. Your agent reads the whole language, not just the pixels.

Philosophy

Revolut Business is the enterprise compression of Revolut's editorial confidence. Dark-mode canvas; Aeonik Pro 32px display (compressed from consumer 80px); Inter body + Arial for technical tables (deliberate system-font for density); single indigo blue accent #667dff; zero motion library. Brand reads as Bloomberg-tier business publication that ships corporate banking.

Main prompt

Use this capture as a design language transfer brief for my project. Adopt the palette (#f4f4f4 white text dominant ~893 surface refs, #bbc4cd light slate-grey for tertiary text, #000000 deepest dark surface, #667dff indigo blue scarce primary accent ~38 refs, #19191a near-black secondary surface, #808080 muted grey for borders, #1c1d34 deep blue-tinted dark accent surface), typography stack (Aeonik Pro 20/24/32px weights 400/500 for display, Inter 16-20px weights 400 for body, Arial 13.3333px for technical tables and data), spacing scale 1/4/6/8/12/14/16/18, container ladder 1024/1432/1888 (slightly narrower than consumer), custom breakpoints sm=320 md=720 lg=1024 xl=1280 2xl=1920, zero motion library (no Framer Motion / GSAP), 0 catalogued gradients (clean flat dark surfaces). Treat indigo blue #667dff as scarce primary accent. Apply the language, not the source brand's copy.

Overview

Layout: Dark-mode enterprise flow with compressed display typography (32px vs consumer 80px).
Content width: Container ladder 1024/1432/1888.
Framing: Bloomberg-tier business publication for banking — compressed Aeonik Pro + Inter density.
Grid strength: Editorial enterprise grid — content density over chromatic decoration.

Color philosophy

Dark-mode canvas; #f4f4f4 white text dominant; single indigo blue #667dff accent; zero gradients.

Mode strategyDark-mode-first enterprise canvas.

#f4f4f4 white text dominant (~893 refs)
#bbc4cd light slate-grey tertiary text
#000000 deepest dark surface
#667dff indigo blue scarce primary accent
#19191a near-black secondary surface
#808080 muted grey border
#1c1d34 deep blue-tinted dark accent surface

Gradients (paste-ready)

0 catalogued — flat enterprise surfaces, no chromatic depth

Typography rules

Aeonik Pro 20/24/32px weights 400/500 for display (compressed from consumer 80px)
Inter 16-20px weights 400 for body text
Arial 13.3333px for technical tables and data display (system font deliberate)
Letter-spacing 0 across
Line-height 1.5-1.6 body, 1.05-1.1 display

Spacing rules

4px base, scale 1/4/6/8/12/14/16/18
Section vertical rhythm 80-128px (compressed for enterprise density)
Card padding 20-32px

Design tokens

Palette, type, and space — all agent-readable.

7 colors · hex / rgb / hsl / oklch

Save PNG

background
71%
- HEX#F4F4F4
- RGBrgb(244, 244, 244)
- HSLhsl(0, 0%, 96%)
- OKLCHoklch(96.72% 0.0000 89.76)
foreground
19%
- HEX#BBC4CD
- RGBrgb(187, 196, 205)
- HSLhsl(210, 15%, 77%)
- OKLCHoklch(81.61% 0.0161 248.03)
foreground
4%
- HEX#000000
- RGBrgb(0, 0, 0)
- HSLhsl(0, 0%, 0%)
- OKLCHoklch(0.00% 0.0000 0.00)
accent
3%
- HEX#667DFF
- RGBrgb(102, 125, 255)
- HSLhsl(231, 100%, 70%)
- OKLCHoklch(63.89% 0.1933 272.25)
foreground
2%
- HEX#19191A
- RGBrgb(25, 25, 26)
- HSLhsl(240, 2%, 10%)
- OKLCHoklch(21.38% 0.0019 286.23)
neutral
0%
- HEX#808080
- RGBrgb(128, 128, 128)
- HSLhsl(0, 0%, 50%)
- OKLCHoklch(59.99% 0.0000 89.76)
background
0%
- HEX#1C1D34
- RGBrgb(28, 29, 52)
- HSLhsl(238, 30%, 16%)
- OKLCHoklch(24.20% 0.0437 280.71)

Inspector

Tab through the captured artifacts.

Six observable layers — page structure, fonts, breakpoints, z-index, gradients, motion — kept paste-ready alongside the tokens above.

Page structure

Semantic hierarchy at a glance.

Depth-first walk of meaningful sections — header, navigation, main regions, articles, footer. 9 nodes captured; depth capped at 6 for readability.

body
└─ div
├─ Header
├─ Mainmain
│ ├─ Section (×10)
│ │ └─ Section
│ └─ [+8 more]
└─ Footercontentinfo
└─ Section

Accessibility

34 combinations · 20 pass AA · 12 pass AAA · APCA Lc shown alongside WCAG 2.1 ratio for draft WCAG 3 awareness.

Preview	fg	bg	Ratio	Normal	Large	APCA Lc	Context
Aa	`#F4F4F4`	`#000000`	19.09	AAA	AAA	-101	background on foreground
Aa	`#000000`	`#F4F4F4`	19.09	AAA	AAA	+99	foreground on background
Aa	`#F4F4F4`	`#19191A`	15.97	AAA	AAA	-99	background on foreground
Aa	`#19191A`	`#F4F4F4`	15.97	AAA	AAA	+98	foreground on background
Aa	`#F4F4F4`	`#1C1D34`	14.98	AAA	AAA	-99	background on background
Aa	`#1C1D34`	`#F4F4F4`	14.98	AAA	AAA	+97	background on background
Aa	`#BBC4CD`	`#000000`	11.89	AAA	AAA	-70	foreground on foreground
Aa	`#000000`	`#BBC4CD`	11.89	AAA	AAA	+71	foreground on foreground
Aa	`#BBC4CD`	`#19191A`	9.95	AAA	AAA	-69	foreground on foreground
Aa	`#19191A`	`#BBC4CD`	9.95	AAA	AAA	+70	foreground on foreground

Image strategy

Asset loading & format policy.

Observable image posture — total count, lazy-loading ratio, and format mix. Hero image is measured above the fold.

Total28Lazy loaded96%png27webp1

Hero image

https://assets.revolut.com/published-assets-v3/f51b9861-d5cf-44ed-9944-1eed1188243c/eeab07eb-d75b-4bf8-92f2-74214100af10.png

Format: PNG
Dimensions: 1012×2192
Loading: lazy
srcset: yes
srcset descriptor: https://assets.revolut.com/published-assets-v3/f51b9861-d5cf-44ed-9944-1eed1188243c/eeab07eb-d75b-4bf8-92f2-74214100af10.png 1080w, https://assets.revolut.com/published-assets-v3/f51b9861-d5cf-44ed-9944-1eed1188243c/eeab07eb-d75b-4bf8-92f2-74214100af10.png 2048w, https://assets.revolut.com/published-assets-v3/f51b9861-d5cf-44ed-9944-1eed1188243c/eeab07eb-d75b-4bf8-92f2-74214100af10.png 3840w

Page type

Full Page

Industry

fintech
saas

Theme

dark

Editorial disclaimer