Design System
Analysis of Wise

A confident fintech system in Forest Green ink on white, with one electric Bright Green owning every call to action, chunky pill-and-32px rounding, and tight-tracked humanist type that makes money feel calm and borderless.

01 — Foundations

Colour Palette

02 — Foundations

Typography

Wise Sans (substituted by Inter) — hierarchy built from weight and tight negative tracking. Headings run 600–700; body is a calm 16px / 400 at a 1.5 line-height.

03 — Components

Button Variants

button-primary
The one action colour — Bright Green pill with a Forest-Green label.
button-dark
Forest-Green pill for secondary actions on light backgrounds.
button-secondary
Outline button — a 1px Forest-Green border on a transparent fill.
button-pill
Pale-green utility chip for toggles and currency selectors.
04 — Components

Cards & Surfaces

Cards use a chunky 32px radius and sit flat on a hairline, lifting to a soft shadow only on hover.

05 — Components

Form Elements

text-input
textarea
06 — Foundations

Spacing Scale

An 8px-based scale: 4, 8, 12, 16, 24, 32, 48.

07 — Foundations

Border Radius

Soft and confident — 32px cards and fully-round pill buttons and tags anchor the brand.

08 — Foundations

Elevation & Depth

Level 0 — 1px hairline only. Default; surfaces separated by a hairline, not a shadow.
Level 1 — a soft, low-contrast lift for hovered cards and floating menus.
Level 2 — a deeper diffusion reserved for modals and overlays.
09 — Responsive

Responsive Behavior

NameWidthKey changes
Mobile< 768pxSingle column; pill CTAs stretch wide; display type drops to 32–40px; nav collapses to a menu.
Tablet768–1023pxTwo-column card grids; 24px gutters; section padding tightens.
Laptop1024–1279pxThree-to-four-column feature grids return; content held to a 1200px column.
Desktop≥ 1280pxFull-bleed green / white bands; display type at 48–64px; generous whitespace.

Layout is driven by whitespace and alternating white / Forest-Green bands rather than by visible borders.

Account Types

Wise has no subscription tiers — these account types are sample content to demonstrate the pricing-card pattern in the brand's chunky, flat style.

Personal
Free
For sending, spending and holding money internationally.
  • Hold 40+ currencies
  • Send to 140+ countries
  • Wise debit card
Business● Most popular
$31 one-time
The only account your start-up or scale-up needs to go global.
  • Everything in Personal
  • Batch payments & payroll
  • Accounting integrations
  • Team access & permissions
Platform
Custom
Plug into Wise's network with our infrastructure API.
  • Wise Platform API
  • Multi-currency accounts
  • Dedicated support

Transfer Activity

A data table in the brand voice — Forest-Green text, pale-green status chips, and hairline row dividers.

ReferenceRecipientAmountStatusWhen
TRF-8842María · Spain1,000.00 EURCompleted12s ago
TRF-8839Arjun · India62,400.00 INRCompleted4m ago
TRF-8835Liu · China5,200.00 CNYConverting9m ago
TRF-8830Sofia · Mexico18,750.00 MXNCompleted22m ago
TRF-8826James · United Kingdom880.00 GBPIn review1h ago
1–5 of 412
123

Auth Forms

Sign-in and create-account forms on lifted white cards with pill CTAs.

Sign in

Welcome back

OR
Create account

Open your account

OR