Finance / iOS / Android / Web

Wise

Wise talks like a poster: a flat lime field, deep forest ink and headlines so large and tight they read as a logo, with pills for every action.

Download
  • #9FE870
  • #163300
  • #0E0F0C
  • #454745
  • #E8EBE6
  • #A0E1E1

Color

Every color token in the file, grouped by role.

Brand

  • primary#9FE870
  • on primary#163300

Surfaces

  • canvas#FFFFFF

Text

  • ink#0E0F0C
  • ink body#454745

More

  • forest#163300
  • mint#E8EBE6
  • teal#A0E1E1
  • teal wash#E0F7F7
  • button dark#163300

Typography

Each style is set with the file's own family, size, weight and spacing.

  • Wise SansWise Sans is private and not available in open fonts. Shown in Anton, the closest open match.
  • InterOpen font, shown as published.
  • display105px / 900 / 90px

    Wise

  • headline58px / 900 / 50px

    Wise

  • lead20px / 600 / 32px

    Pack my box with five dozen liquor jugs

  • body18px / 400 / 26px

    The quick brown fox jumps over the lazy dog

  • button16px / 600 / 24px

    Continue to checkout

Shape

Corner radius tokens.

  • xs2px
  • sm10px
  • md16px
  • lg19px
  • xl28px
  • pill9999px

Spacing

The spacing scale, drawn to size.

  • sm8px
  • md12px
  • base19px
  • lg24px

Components

Component tokens drawn with the colors, type and corners they name.

  • button primary
    button-primary
  • button small
    button-small
  • nav link
    nav-link
  • lime band
    lime-band
Read the full DESIGN.md The written rationale behind the tokens
Design tokens YAML front matter, 92 lines
version: alpha
name: Wise-design-analysis
description: "A money-transfer brand that behaves like a loud, optimistic poster: flat lime green (#9fe870), deep forest ink (#163300), monumental Wise Sans headlines at weight 900 and Inter for text, with fully round pill buttons."
status: Draft
appVersion: "measured in a browser, 2026-10-06"
platformsCovered: [Web]
reviewer: ""
verifiedAt: ""

colors:
  primary: "#9fe870"
  on-primary: "#163300"
  forest: "#163300"
  ink: "#0e0f0c"
  ink-body: "#454745"
  canvas: "#ffffff"
  mint: "#e8ebe6"
  teal: "#a0e1e1"
  teal-wash: "#e0f7f7"
  button-dark: "#163300"

typography:
  # Font note: "Wise Sans" is a private font and is not available in open fonts. Closest open alternative: "Anton".
  display:
    fontFamily: "'Wise Sans', Anton, Impact, sans-serif"
    fontSize: 105px
    fontWeight: 900
    lineHeight: 90px
  headline:
    fontFamily: "'Wise Sans', Anton, Impact, sans-serif"
    fontSize: 58px
    fontWeight: 900
    lineHeight: 50px
  lead:
    fontFamily: "Inter, Helvetica, Arial, sans-serif"
    fontSize: 20px
    fontWeight: 600
    lineHeight: 32px
    letterSpacing: -0.22px
  body:
    fontFamily: "Inter, Helvetica, Arial, sans-serif"
    fontSize: 18px
    fontWeight: 400
    lineHeight: 26px
    letterSpacing: -0.11px
  button:
    fontFamily: "Inter, Helvetica, Arial, sans-serif"
    fontSize: 16px
    fontWeight: 600
    lineHeight: 24px

rounded:
  xs: 2px
  sm: 10px
  md: 16px
  lg: 19px
  xl: 28px
  pill: 9999px

spacing:
  sm: 8px
  md: 12px
  base: 19px
  lg: 24px

components:
  button-primary:
    backgroundColor: "{colors.forest}"
    textColor: "{colors.primary}"
    typography: "{typography.button}"
    rounded: "{rounded.pill}"
    height: 48px
    padding: 0 24px
  button-small:
    backgroundColor: "{colors.forest}"
    textColor: "{colors.primary}"
    typography: "{typography.button}"
    rounded: "{rounded.pill}"
    height: 32px
    padding: 0 16px
  nav-link:
    backgroundColor: transparent
    textColor: "{colors.forest}"
    typography: "{typography.lead}"
    rounded: "{rounded.pill}"
    height: 32px
    padding: 8px 12px
  lime-band:
    backgroundColor: "{colors.primary}"
    textColor: "{colors.forest}"
    typography: "{typography.headline}"
    padding: 24px

Overview

Wise is an international money account with a public site. The look is a loud, optimistic poster: a flat lime green, a deep forest ink and giant, tightly set black headlines. [Observed]

What defines the look:

  1. A flat lime green. #9fe870 fills hero bands and logos with no gradient. [Measured]
  2. Forest ink and forest buttons. Text and buttons use deep green #163300, with lime text on the buttons. [Measured]
  3. Poster headlines. Wise Sans at weight 900, 58 to 105 on a line height under 1, set tight. [Measured]
  4. Inter for everything else. Inter at 400 and 600 in 16 to 20, with Averta in a few places. [Measured]
  5. Fully round pills. Buttons and nav links are pills, with panels at 16 to 28. [Measured]

Source for this file: the Wise home page and a currency converter page measured in a browser at 1440 and 390 wide, read on 2026-10-06. Wise's Neptune design system site was not read. Signed-in screens were not measured. No app captures were used. See Known Gaps.

Core

Colors

RoleValueWhere
Lime#9fe870Hero bands, nav accents
Forest#163300Ink and buttons
Text#0e0f0c, #454745Headlines and body
Page#ffffffMain surface
Mint gray#e8ebe6Dividers
Teal and wash#a0e1e1, #e0f7f7Secondary highlights

Typography

Wise Sans, a heavy compressed display face at weight 900, sets the hero (105 on 90) and section headlines (58 on 50). Inter carries text: 18 on 26 at 400 with -0.11px tracking, 20 on 32 at 600 for leads, and 16 at 600 for buttons. Averta is loaded for some elements. [Measured]

Shape and spacing

Buttons and nav links are fully round. Panels use 10, 16, 19 and 28. Buttons are 32 or 48 high, the skip link 72. [Measured]

Iconography and motion

Not measured in this pass. [Inferred]

Themes

Light on the pages measured. [Observed]

Platform: iOS

The Wise iOS app was not captured. The notes below follow from the web design and platform conventions.

Back and up navigation

Expected on iOS: Chevron plus previous title, swipe from the left edge.

Chevron plus previous title and the edge swipe, as the platform expects. Not confirmed on a device. [Inferred]

Primary navigation

Expected on iOS: Bottom tab bar, about five items.

A bottom tab bar for the main areas of a money app. [Inferred]

Main action

Expected on iOS: Nav bar or bottom bar button.

A lime or forest pill button for sending money. [Inferred]

Sheets, dialogs and messages

Expected on iOS: Action sheets, alerts, modals.

Not measured. [Inferred]

Controls

Expected on iOS: Cupertino switches, pickers, segmented controls.

Not measured. [Inferred]

Text sizing

Expected on iOS: Dynamic Type.

Not measured. [Inferred]

Touch and pointer targets

Expected on iOS: 44pt minimum.

Not measured. [Inferred]

Insets and system bars

Expected on iOS: Safe areas, status bar.

Not measured. [Inferred]

Icons

Expected on iOS: SF Symbols or custom.

Not measured. [Inferred]

Account and sign-in rules

Expected on iOS: Equivalent login option when third-party sign-in exists (Guideline 4.8) and in-app account deletion. Note the date checked.

Not verified. Sign-in rules and account deletion were not checked. [Inferred] Checked: 2026-10-06 against the public web only.

Platform conformance

Expected on iOS: For each important component: what iOS expects, what this app does, and why it deviates.

The apps are expected to share the lime, the forest ink and the pills with the web. [Inferred]

Platform: Android

The Wise Android app was not captured. The notes below follow from the web design and platform conventions.

Back and up navigation

Expected on Android: System back and gesture, up arrow in the top bar.

System back and gesture, with an up arrow in the top bar, as the platform expects. Not confirmed on a device. [Inferred]

Primary navigation

Expected on Android: Navigation bar, rail on tablets.

A bottom navigation bar for the main areas of a money app. [Inferred]

Main action

Expected on Android: Floating action button.

A lime or forest pill button for sending money. [Inferred]

Sheets, dialogs and messages

Expected on Android: Bottom sheets, dialogs, snackbars.

Not measured. [Inferred]

Controls

Expected on Android: Material switches, pickers, chips.

Not measured. [Inferred]

Text sizing

Expected on Android: Font scale.

Not measured. [Inferred]

Touch and pointer targets

Expected on Android: 48dp minimum.

Not measured. [Inferred]

Insets and system bars

Expected on Android: Edge to edge, system bars.

Not measured. [Inferred]

Icons

Expected on Android: Material Symbols or custom.

Not measured. [Inferred]

Account and sign-in rules

Expected on Android: Account deletion and data safety requirements. Note the date checked.

Not verified. Sign-in rules and account deletion were not checked. [Inferred] Checked: 2026-10-06 against the public web only.

Platform conformance

Expected on Android: For each important component: what Android expects, what this app does, and why it deviates.

The apps are expected to share the lime, the forest ink and the pills with the web. [Inferred]

Platform: Web

The Wise home page and a currency converter page, measured at 1440 and 390 wide.

Back and up navigation

Expected on Web: Browser back, breadcrumbs.

Browser back. [Observed]

Primary navigation

Expected on Web: Top nav or sidebar.

A top bar of 32 high pill links (Personal, Business, Platform) and a pill sign-up button. [Observed]

Main action

Expected on Web: Page-level button.

A forest pill with lime text, 32 to 48 high. [Measured]

Sheets, dialogs and messages

Expected on Web: Modals, toasts.

Not measured. [Inferred]

Controls

Expected on Web: Native or custom.

Pills for navigation and calls to action. [Measured]

Text sizing

Expected on Web: Browser zoom.

Sizes are fixed pixel values at each breakpoint. [Measured]

Touch and pointer targets

Expected on Web: Pointer and keyboard.

Buttons measure 32 to 48 high. [Measured]

Insets and system bars

Expected on Web: Viewport, scrollbars.

Not measured. [Inferred]

Icons

Expected on Web: Any.

Not measured. [Inferred]

Account and sign-in rules

Expected on Web: Not applicable unless the product has accounts.

Not applicable to the public pages measured. [Observed]

Platform conformance

Expected on Web: For each important component: what the web norm is, what this app does, and why it deviates.

The responsive page keeps type and color and changes layout. [Measured]

Cross-platform consistency

Consistent across platforms: the lime and forest pair, the pills and Inter text. [Measured for web, Inferred for the apps]

Intentionally different: not measured. [Inferred]

Do's and Don'ts

Do

  • Use flat lime for big bands with forest ink on top.
  • Set headlines huge, heavy and tight.
  • Use forest pills with lime text for actions.
  • Keep text in Inter.

Don't

  • Don't add gradients to the lime.
  • Don't use thin headline weights.
  • Don't use sharp corners on buttons.

Known Gaps

  • The signed-in account, transfer flow and cards were not measured.
  • The iOS and Android apps were not captured. Their sections are inferred from the web design and platform conventions.
  • Icons, motion and exact breakpoints were not measured.
  • Account deletion and store policy rules were not verified.
  • Wise's Neptune design system was not read, so role names are not given.