DocsFoundationsTypography

Typography

Foundation

Three-font system: Sora for display headings, Lato for body copy, and JetBrains Mono for financial figures and code.

Display & Headings

Sora — Display font for hero content and major headings

Display

60px / 700

Build the future of banking

48px / 700

Neobanking Infrastructure

36px / 600

Account Overview

30px / 600

Transaction History

24px / 600

Card Management

20px / 600

Security Settings

18px / 600

Notification Preferences

Body Text

Lato — Clean geometric sans-serif for body copy

Body LG

18px / 400

Your account balance is updated in real-time across all connected devices and services.

Body

16px / 400

Send money instantly to anyone, anywhere in the world with zero fees on standard transfers.

Small

14px / 400

Transaction fees may apply for international wire transfers above $10,000.

XSmall

12px / 400

By continuing, you agree to our Terms of Service and Privacy Policy.

Monospace — Financial Data

JetBrains Mono — For amounts, account numbers, codes, and tabular data

Mono LG

18px / 700

$24,851.40

Mono MD

14px / 600

IBAN: GB29 NWBK 6016 1331 9268 19

Mono SM

13px / 400

REF: TXN-2024-FRQ-00284719

Ticker

12px / 700

BTC $107,284.00 · ETH $3,842.15 · SOL $189.44

Semantic Text Colors

Contextual color usage for financial data states

Primary / Brand

+$342.18 (1.39%)

Success / Positive

+$1,204.50 Credited

Destructive / Negative

-$89.00 Declined

Warning / Pending

⏳ Pending · $450.00

Muted / Secondary

Last updated 2 minutes ago

Foreground / Primary

Alexandra Morgan · Main Account

PreviousColors NextSpacing