Price
highly competitive and open about what we charge Published
The system
Fixed, everywhere
- Bright Green #9FE870 and Forest Green #163300 lead; green first and last
- Wise Sans capitals for short display lines only; Inter for the rest, never capitals
- Circular flags
- Pill controls and rounded cards
- Logo clear space one Fast Flag, min 35px
The one thing that varies
How loud a piece is: from the calm product-like homepage panels to campaign pieces with secondary colours, tapestries and international glyphs.
Color, in proportion
Published as an order, not percentages: white most, then neutral, then content greys, then Forest for interactivity, then a pop of Bright Green (product screens). On the homepage the hero inverts this: Bright Green dominates the first screen.
How loud each format gets
Silent
QuietProduct screen
Calm
WarmLanding page (wise.com homepage, as the live site builds it)Video
LoudSocial / Instagram story
LoudestCampaign landing page (guide-led)
Our engine's setting, built from their rules.
Strategy
A global money account and transfer service that is faster, cheaper and more transparent than banks Our reading
Speed
works instantly, globally, unlike banks Published
Transparency
honest about how customers’ money works and how Wise makes its own Published
Coverage
international from day one, at home and around the world Published
Security
protects all the money held and moved daily Published
Convenience
tools that over-deliver for every customer, every time Published
The fast way to send money abroad
100% transparent pricing
Make your money do more
Safe at every step
Full spec
- For Published
- People and businesses living international lives
- Promise Observed
- The fast way to send money abroad
- Mission Published
- Building the fairest way to move, manage, and grow money for everyone, everywhere
Proof behind each pillar
Values
Your money, not ours
what Wise believes; it makes Wise different
PublishedCategory. International money transfer and multi-currency accounts Observed
Why them
- Mid-market rate with fees shown up front
- Most transfers arrive in seconds
- Coverage: 140+ countries, 40+ currencies
Boilerplate Published
Wise is building the fairest way to move, manage, and grow money for everyone, everywhere.
Taglines
Money without borders
Your money, not ours
The fast way to send money abroad
More real lines
Excellent everywhere
Built for business too
Take Wise everywhere you go
Wise works nearly everywhere
Your money not ours
Personality and voice
Intrepidbut not disruptive for its own sakePublished
Universally authenticbut not different by place or audiencePublished
Delightfully simplebut not simplisticPublished
Customers should only ever hear Wise, whoever writes (published).
Full spec
- Never: west-centred currency defaults (GBP/USD/EUR as the only examples). Say a spread of currencies
- Upper case headlines
- Inter is never set in all caps (published)
- No stiff sales jargon on landing pages (published)
intrepiduniversally authenticdelightfully simpleconciseenergetic
One Wise voice, tone flexing by situation: standing out (billboards, social), converting customers (landing pages, App Store), adding delight, providing reassurance. Principles: intrepid, universally authentic, delightfully simple. How: celebrate the mission, be concise, make it modern, give it energy, add colour. The homepage is the converting tone.
- Landing pages: direct and concise, real language, lead with the benefit (published "Converting customers")
- Write headlines as if subcopy were illegal
- Talk about many currencies, not just GBP, USD and euros
- Transcreate rather than translate; allow for 30% longer text
- Reassurance moments: personable but to the point, no metaphors or humour
- Homepage voice (what a landing page follows): the guide's "Converting customers" tone: direct and concise, real language, lead with the customer benefit. Sentence-case Inter copy, short benefit headlines in Wise Sans capitals, hard numbers with footnotes (20 seconds, 77%, 140+ countries, 18.9 million customers). Uses we and you ("We'll discount our fee", "Here’s how we keep each dollar safe"). No wordplay, no glyphs, no slang
- Campaign voice (the guide, "Standing out"): short and sweet, full of energy, lots of colour; alliteration and currency play ("Kuna to krona", "Cha-ching"), international glyphs in headlines, secondary colours. Use only for campaign pieces, never on the homepage rebuild
- Write headlines as if subcopy were illegal (published); keep translations tight: text grows about 30% in translation (published)
- Spelling on the US site is mixed: Specialized, authorized (US) beside licences, Help centre (UK). Keep each label as recorded
Their words
money without bordersfastinstanttransparentfaireverywheremid-market rateinternationalsendreceiveconvertspend
- Don’t use stiff sales jargon
- Don’t stereotype cultures
| Tones | standing out, converting customers, adding delight, providing reassurance |
|---|
Source: wise.design/foundations/tone-of-voice%20(Wise%20brand%20guide,%20archived%202026-04-19:%20https://web.archive.org/web/20260419181509/https://wise.design/foundations/tone-of-voice)wise.design/brand%20(Wise%20brand%20page,%20live,%20read%202026-10-29)wise.com/%20(Playwright,%20Chromium%20UA%20Chrome%20130%20Mac,%201440x900%20and%20390x844,%202026-10-29)
Logo
The Fast Flag stands for constant progress, not tied to borders (published).
Full spec
- Clear space: one Fast Flag in all directions
- Minimum size: 35px high digital, 6mm print
- Place it in a corner; centred is allowed with plenty of space, sitting slightly left
- App tile: Fast Flag larger and further left than anywhere else; social avatar: smaller, slightly left
- Partner lock-up: partner logo at Fast Flag height (horizontal) or at wordmark width below (vertical)
- On tapestries: white or Bright Green only, with plenty of contrast
- Secondary-colour logos only deep in marketing
- Don’t change the lock-up or adjust the logo
- Don’t place it on an angle
- Don’t add effects
- Don’t use it as a mask
- Don’t use it as a keyline
| Primary | Forest #163300 on Bright Green #9FE870; Bright Green on Forest |
|---|---|
| Min size | 35px high digital; 6mm print |
| Clear space | one Fast Flag |
| Homepage nav | 88x20 at x94 y28 |
| Homepage footer | 165x38 |
The logo is the Wise wordmark plus the Fast Flag, a forward-leaning flag mark. Green is used first, last and nearly everywhere; Forest on Bright Green and Bright Green on Forest are the primary versions. On the homepage the nav logo is 88x20 Forest Green on Bright Green; the footer logo is 165x38.
Source: wise.design/foundations/logo%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513155603/https://wise.design/foundations/logo)wise.com/%20(Playwright,%20Chromium%20UA%20Chrome%20130%20Mac,%201440x900%20and%20390x844,%202026-10-29)
Color
Green is the first impression and the goodbye; the secondary palette signals getting closer (published).
Full spec
- Always start and end with green
- Introduce secondary colours only once green is established, dialling them up further into a piece
- White is the most prominent UI colour; then the neutral; then content greys; then a little Forest for interactivity and a pop of Bright Green (published proportion order, no percentages)
- Body text Content Secondary #454745; emphasis Content Primary #0E0F0C; links Forest #163300
- HARD RULE, headings by ground: on Bright Green (nav, hero) display type is Forest #163300; on white and on the neutral #EDEFEB (pricing, products, security, testimonials intro, business, app card, coverage, every card title) every heading is Content Primary #0E0F0C. Never #163300 for a heading on a white or neutral ground. Do not let one shared display class carry a colour: set colour per band
- Bright Green surfaces carry Forest text/icons (Interactive Control); Forest surfaces carry Bright Green (Interactive Contrast)
- Sentiment colours only in alerts and errors; Warning #EDC843 never as text
- Use only the published good type/colour combinations
- Don’t use Forest #163300 for headings on white or neutral grounds (#0E0F0C there)
- Don’t use Content Tertiary #6A6C6A outside placeholders and Optional labels
- Don’t use Interactive Secondary #868685 on text
- Don’t lead a page with a secondary colour
| Bright Green | #9FE870, PMS 7487 |
|---|---|
| Forest Green | #163300, PMS 2411 |
| Neutral | #16330014 (renders #EDEFEB on white) |
| Border | rgba(14,15,12,0.12) (#0E0F0C at 12%) |
| Content | #0E0F0C / #454745 / #6A6C6A |
| Sentiment | #A8200D / #2F5711 / #EDC843 |
| Base dark | #121511 |
Wise is green: Bright Green #9FE870 and Forest Green #163300, plus white with an 8% Forest tint. A secondary palette of four brights and four darks comes in only once green is established. Product tokens give content greys tinted with green, interactive, background, border, sentiment and base colours. The homepage uses only the core greens, white, the 8% neutral and content greys, with tiny functional colours (fee red, savings green, info blue).
Source: wise.design/foundations/colour%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513165831/https://wise.design/foundations/colour)wise.com/%20(Playwright,%20Chromium%20UA%20Chrome%20130%20Mac,%201440x900%20and%20390x844,%202026-10-29)
Typography
Money without borders
Clarity and accessibility first, with one loud face for moments that celebrate (published).
Full spec
| Their face | Use | License | Open stand-in |
|---|---|---|---|
| Wise Sans (proprietary) | Proprietary to Wise; not available. Stand-in Plus Jakarta Sans 800 (OFL), 0.9032x size, letter-spacing -0.095em, word-spacing 0.13em, -webkit-text-stroke 0.03em currentColor (amounts 0.045em) | ||
| Inter | SIL OFL (Google Fonts) |
- Default to Inter; use Wise Sans only for short headlines that celebrate or shout
- Inter: left- or centre-align (right-align for RTL); never justify; 50-60 characters per line
- Never set Inter in all caps, even for headlines
- Do not mix treatments too close together
- Wise Sans headlines can be aligned any way, as long as they are clear
- International glyphs: big, bold, sparing; about 3 swaps per headline; simple alternates like E may repeat, complex ones like L once or twice
- For long text or serious topics use plain Wise Sans, no glyphs
- Web stand-in for Wise Sans: Plus Jakarta Sans 800, 0.9032x the Wise Sans size, uppercase, letter-spacing -0.095em, word-spacing 0.13em, -webkit-text-stroke 0.03em currentColor (amounts 0.045em), line-height in px as measured. Checked line by line: every headline within 2% of Wise Sans width at 1440, ink 4% lighter on average, numerals within 2%. Never Anybody (too condensed), never Archivo wdth 68
- Homepage scale: display 88.5 / 58px desktop, 44.9 / 40.9 phone; Inter 20/28 leads, 16/24 body, 600 for titles and buttons
- Don’t set Inter in capitals
- Don’t use glyphs on every letter
- Don’t use Wise Sans for long copy
| Display | Wise Sans (proprietary); stand-in Plus Jakarta Sans 800, 0.9032x size, -0.095em, word 0.13em, stroke 0.03em currentColor |
|---|---|
| Body | Inter 400/600 (open) |
| Product weights shown | Inter Medium, Inter Semi Bold |
| Line length | 50-60 characters |
| Glyph swaps | about 3 per headline |
Two faces. Inter for most things (headings and body, product). Wise Sans, a proprietary heavy display face, for short, loud headlines; on wise.com every section headline and big number is Wise Sans in capitals at line-height 0.85. International glyphs are a campaign extra.
Source: wise.design/foundations/typography%20(Wise%20brand%20guide,%20archived%202026-03-14:%20https://web.archive.org/web/20260314122548/https://wise.design/foundations/typography)wise.com/%20(Playwright,%20Chromium%20UA%20Chrome%20130%20Mac,%201440x900%20and%20390x844,%202026-10-29)
Graphic elements
Do Nav and hero share one Bright Green #9FE870 ground; the headline is Wise Sans capitals in Forest Green #163300 at 88.5px with a 75.2px line box (0.85 of the Wise Sans size; with the stand-in, set 75.2px, never 0.85 of the stand-in size), centred, 2 lines; subtitle Inter 600 in Forest; one Forest pill CTA with a Bright Green label.
Bright Green field with a Forest Wise Sans shout · nav + hero (the first screen), and anywhere a page opens
Do Every flag is a circle from Wise's own 10-colour flag set (assets/flags/*.svg); the strip sits on the green/white seam in 88px white discs; overlapping pairs (from/to) overlap by about 12%.
Circular flags · flags strip, currency selects, testimonials, coverage grid
Do radius 9999 on every control; cards and panels are rounded rectangles (28 / 38 desktop, 24 / 32 phone); no square corners anywhere.
Pills everywhere · buttons, chips, selects, inputs, comparison bars, rate pill
Do white #FFFFFF and the 8% Forest tint (#EDEFEB on white) alternate; cards on white are neutral, cards on neutral are white.
Neutral and white alternation · section grounds
Do #163300 card, all text #9FE870 Inter 600, Bright Green filled button with Forest label.
Forest cards, Bright Green type · testimonials (the one dark moment on the page)
Do a full-bleed photographic collage (tapestry) behind a large white rounded card; the logo or type on a tapestry is only white or Bright Green with plenty of contrast.
Tapestry band · the app-download band
Specimens use sample copy, not Wise’s.
The flags carry the global story; tapestries carry culture and texture (published).
Full spec
- Flags are always circles
- On white, give a flag a Border Neutral rgba(14,15,12,0.12) border
- Use the detailed flag above 150px, the simplified one below
- When no single flag fits, use the Fast Flag
- Tapestries can sit behind Wise Sans as a background or mask
- Logo on a tapestry: white or Bright Green only
- Don’t draw rectangular flags
- Don’t animate tapestries flat (animate each layer)
| Flag palette | #FFFFFF #78C9FF #FFD400 #FF7700 #F0263C #000000 #231D9A #005B13 #CC9500 #960A3C |
|---|---|
| Detailed flag threshold | 150px |
| Card radius (marketing) | x-large 40 desktop / 32 mobile in the Card Cluster |
Flags (circular, from a 10-colour palette, bordered with Border Neutral on white, detailed versions above 150px), the Fast Flag as the default flag, tapestries (photographic collages), pills and big rounded cards.
Source: wise.design/foundations/flags%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513163900/https://wise.design/foundations/flags)wise.design/foundations/tapestries%20(Wise%20brand%20guide,%20archived%202026-06-18:%20https://web.archive.org/web/20260618180357/https://wise.design/foundations/tapestries)wise.design/foundations/marketing-radius%20(Wise%20brand%20guide,%20archived%202024-09-01:%20https://web.archive.org/web/20240901094248/https://wise.design/foundations/marketing-radius)
Iconography
Clarity beats clever concepts for a global audience (published).
Full spec
- Icons for product functions; illustration for celebration or metaphor; words for a change of pace
- Interactive icons Forest Green on neutral; informational icons Content Primary on neutral; a white circular-background version exists; Bright Green background only to highlight, sparingly
- Key feature icons may be used large and expressively, but in a relevant message, not as decoration
- Don’t use a key feature icon as a decorative graphic
| Product sizes | 16, 24, 32px |
|---|---|
| Editorial sizes | 16, 24, 48, 64, 96px |
| Homepage | 24-32px icons in 48/72px circles |
| Homepage icon files | assets/icons/*.svg, the site's own 24x24 filled-path icons (tw-icon set): benefits mass-payout, switch, headset; security bank, shield, mobile-lock; calculator padlock, tags, lightning-bolt, receipt; chevrons, arrows, check-circle-fill, question-mark-circle, menu; footer social-* |
Simple solid-line icons that pair with both faces. Product sizes 16/24/32; editorial 16/24/48/64/96. Six key feature icons (send, receive, convert, spend, keep, invest). On the homepage icons are 24-32px #0E0F0C inside 48-72px circles.
Illustration
Full spec
- Use illustration for celebration, metaphor or something bigger on screen (published via the icons page)
- Loop illustration motion fluidly, keep it grounded, move along an axis
| Homepage | none |
|---|
Source: wise.design/foundations/illustration%20(Wise%20brand%20guide,%20archived%202026-04-26:%20https://web.archive.org/web/20260426234759/https://wise.design/foundations/illustration)wise.design/foundations/motion-system%20(Wise%20brand%20guide,%20archived%202026-03-14:%20https://web.archive.org/web/20260314122041/https://wise.design/foundations/motion-system)
Photography
People are proud to use Wise; real moments build trust (published).
Full spec
- Diverse people, places and details; colourful and inclusive
- Strong, direct poses: hold the card or phone like you mean it
- Natural light; flash when dark; never shoot into the sun
- Show money in use; the product need not appear
- Homepage photos carry one white rounded UI pill overlay (Inter 600, a flag or Fast Flag circle at left)
- Don’t over-direct people or stage scenes
| Homepage frame | 555x739, radius 28 (phone 358x477, radius 24) |
|---|
Real, bold snaps anyone would be proud to take: international, unapologetic, authentic. Lifestyle shots of people using money; product shots of devices first-person against real backdrops, and still lifes with travel props. On the homepage: three warm lifestyle photos in 555x739 portrait frames (radius 28) and a looping video of customers, each with a white UI pill (Sent amount, 24/7 support, payment amounts) laid over the photo.
Source: wise.design/foundations/photography%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513165053/https://wise.design/foundations/photography)wise.com/%20(Playwright,%20Chromium%20UA%20Chrome%20130%20Mac,%201440x900%20and%20390x844,%202026-10-29)
Interface & layout
The page, band by band
Nav
Hero
Flags strip
Benefits
Products
Security
Testimonials
Business
App download
Coverage
Disclaimers
Buttons
Full spec
Published grid: 12 columns, 100px margins and 32px gutters at 1200-1440, centred above 1440; 6 columns at mobile with 20/32px margins and 12px gutters. Spacing tokens 5-160px desktop and 4-128px mobile; every pattern has space-7 (60 / 48) top and bottom. The homepage follows it: 1240px content at x100, sections padded 56 (the site scales tokens by 0.9385 at 1440), centred stacks for H2 + lead + one CTA, two-column photo/text splits at 555 + 555 with a 130px gutter, 3-up card rows with 28px gaps.
Measured from wise.com's Playwright at 1440x900 and 390x844 (Chrome 130 Mac UA), page at rest at scroll 0, computed styles and bounding boxes, page coordinates, 2026-10-29.
Spacing
| Measure | Desktop | Phone |
|---|---|---|
| Page margin | 100px | 16px |
| Section padding | 56px | 48px |
| Hero text width | max 605px, centered | full width |
| Card gap | 28px | 28px |
| Navigation | 76px | 76px |
Type, at size
Hero H1, "Excellent everywhere", "Take Wise everywhere you go". Stand-in px shown. Recipe: Plus Jakarta Sans 800, uppercase, letter-spacing -0.095em, word-spacing 0.13em, -webkit-text-stroke 0.03em currentColor
Wise Sans (proprietary) · 79.9px (phone 40.6) · line 0.9415 · tracking -7.59px · weight 800
Section H2 (100% transparent pricing, Make your money do more, Safe at every step, Built for business too). Stand-in px shown; Plus Jakarta Sans 800, uppercase, letter-spacing -0.095em, word-spacing 0.13em, -webkit-text-stroke 0.03em currentColor, #0E0F0C
Wise Sans (proprietary) · 52.4px (phone 36.9) · line 0.9408 · tracking -4.98px · weight 800
Calculator amounts. Stand-in px shown: desktop both rows 47px; phone "You send" 30.7px, "Recipient gets" 47px (not 30.7). Plus Jakarta Sans 800, stroke 0.045em currentColor, letter-spacing per number
Wise Sans (proprietary) · 47px (phone 30.7) · line 1.66 · tracking -5.83px · weight 800
Wise amount in the comparison bar; 3.4% APY tile. Stand-in px shown; Plus Jakarta Sans 800, letter-spacing -0.10em, stroke 0.045em currentColor
Wise Sans (proprietary) · 36.1px (phone 21.7) · line 0.942 · tracking -3.61px · weight 800
Coverage H2 "Wise works nearly everywhere" (sentence case, Inter)
Inter · 44.75px (phone 34.45) · line 1.27 · tracking -1.34px · weight 600
Lead paragraph under section H2s
Inter · 20px (phone 17.27) · line 1.4 · tracking 0.1px · weight 400
Hero subtitle
Inter · 20px (phone 17.27) · line 1.4 · tracking 0.1px · weight 600
Product card title
Inter · 24.5px (phone 19.27) · line 1.3 · tracking -0.37px · weight 600
Benefit, security-row and quote titles
Inter · 20px (phone 17.27) · line 1.4 · tracking 0.1px · weight 600
Card body, security body, footer links
Inter · 18px (phone 15.27) · line 1.44 · tracking 0.18px · weight 400
Benefit body, disclaimer text, legal lines
Inter · 16px (phone 14) · line 1.5 · tracking 0.08px · weight 400
Buttons, nav links, chips, link-buttons
Inter · 16px · line 1.5 · tracking -0.176px · weight 600
Calculator labels, notes, chips, comparison fee lines
Inter · 14px · line 1.55 · tracking -0.08px · weight 400
Footer column heading
Inter · 18px (phone 15.27) · line 1.44 · tracking 0.18px · weight 600
Page anatomy
How Wise’s own landing pages are built, observed on wise.com/%20(US%20locale%20served%20to%20this%20capture:%20Wise%20US%20Inc), 2026-10-29. The full measurements are in spec.md.
- Navigation
- One 76px Bright Green bar, the same ground as the hero so nav and hero read as one green field. Logo left, three product links after it, utilities and a Forest pill Sign up on the right. No border, no shadow on desktop.
- Hero
- Full-bleed Bright Green band holding a centred stack: a two-line Wise Sans capitals headline (lines forced: THE FAST WAY TO / SEND MONEY ABROAD), a 3-line Inter 600 subtitle, one Forest pill Sign up, then the white send-money calculator card overlapping nothing, centred, ending 57px above the band bottom. The band ends in the flags strip, whose discs straddle green and white.
- Flags strip
- A row of circular flags sitting on the seam between the green hero and the white page: the top half of the strip is Bright Green, the bottom half white.
- Benefits
- Three icon-led benefit columns on white, then a full-width rounded video frame showing a customer with a floating Sent pill.
- Pricing comparison
- Neutral band: centred Wise Sans H2, lead, a Bright Green CTA, then a white comparison card with three inputs and four horizontal provider bars whose lengths show how much each recipient gets.
- Products (Make your money do more)
- White band: centred Wise Sans H2 over a lead and a Bright Green CTA, then three equal neutral cards each with a product visual, title, body, a check-marked link and an outlined button.
- Security (Safe at every step)
- Two columns: a tall rounded photo on the left, on the right a Wise Sans H2, lead, three bordered icon rows and a Bright Green CTA, vertically centred on the photo.
- Testimonials (Excellent everywhere)
- A huge left-aligned Wise Sans H2 with an Inter subline and two round arrow buttons, beside a horizontal carousel of Forest Green quote cards that runs off the right edge.
- Business (Built for business too)
- Mirror of the security layout: photo left, text right, with a Bright Green Try demo and a text Learn more side by side.
- App download (Take Wise everywhere you go)
- A full-bleed tapestry band (a warm red-orange-pink photo collage) with a big white rounded card centred on it holding the Wise Sans H2, a QR box and the two store badges.
- Coverage (Wise works nearly everywhere)
- Neutral band: an Inter (not Wise Sans) sentence-case H2 left-aligned, three filter chips, a 5-column grid of 20 destination links each under a circular flag, and a round Show all destinations control.
- Disclaimers
- Neutral band holding one white rounded card of numbered footnotes in small Inter.
- Footer
- Neutral #EDEFEB footer continuing the disclaimer band: three link columns, a hairline, the large wordmark with five social icons, three columns of legal links, then copyright and regulatory text.
Source: wise.design/foundations/grid%20(Wise%20brand%20guide,%20archived%202026-03-14:%20https://web.archive.org/web/20260314124649/https://wise.design/foundations/grid)wise.design/foundations/marketing-spacing%20(Wise%20brand%20guide,%20archived%202024-05-21:%20https://web.archive.org/web/20240521174755/https://wise.design/foundations/marketing-spacing)wise.design/foundations/marketing-radius%20(Wise%20brand%20guide,%20archived%202024-09-01:%20https://web.archive.org/web/20240901094248/https://wise.design/foundations/marketing-radius)wise.com/%20(Playwright,%20Chromium%20UA%20Chrome%20130%20Mac,%201440x900%20and%20390x844,%202026-10-29)
In use
Full spec
Where the system shows up and how loud it gets.
Our setting for each format
| Format | Loudness | Must appear | What varies |
|---|---|---|---|
| Landing page (wise.com homepage, as the live site builds it) | Exactly kit.spec.page, sections in this order: Bright Green nav + hero (Wise Sans capitals H1, Inter 600 subtitle, Forest Sign up, white calculator card), flags strip on the green/white seam, benefits + video, neutral pricing comparison, products cards, security split, Forest testimonial carousel, business split, tapestry app band, neutral coverage grid, disclaimer card, neutral footer. Display type: Plus Jakarta Sans 800 as the Wise Sans stand-in (0.9032x the Wise Sans size, -0.095em, word-spacing 0.13em, same-colour 0.03em stroke, uppercase, measured px line boxes, each headline placed by its measured cap-top ink y); everything else Inter 400/600. Headings #0E0F0C on every white or neutral band, #163300 only on Bright Green. Voice: the homepage voice (kit.voice.notes, the guide's Converting customers tone); no international glyphs and no secondary colours on this page. Nav, footer and legal labels verbatim and in order. Every image slot uses study.slot_assets | Live numbers (exchange rate, amounts, fees) may change but keep the reference values for a rebuild; testimonial cards beyond the first two are off-screen | |
| Campaign landing page (guide-led) | Open and close on green; Wise Sans headline, optionally with up to 3 international glyphs; a tapestry or bold lifestyle photo; secondary colours only after green is established; Standing out tone | Which secondary colour; tapestry vs photo | |
| Product screen | White first, neutral, content greys, Forest for interactivity, a pop of Bright Green; Inter only, Wise Sans only on success, success-progress and feature-intro screens | Dark mode | |
| Social / Instagram story | Start and end with green; dial secondary colours up as the story goes | Colour sequence | |
| Video | Snappy, fluid, intuitive motion; captions reviewed; no more than three colour flashes per second | Cuts and transitions |
Ads
Open your Wise account todayGoogle, Meta · Jun 2026 – now
We always show our charges in advanceGoogle · Oct 2021 – now
App on Google PlayMeta · Aug 2026 – now
PodcastGoogle · May 2022 – now- Campaign walk: Instant payments for overseas suppliersad → landing page → Contact sales
- Campaign walk: The Perfect Match For Your Money This Diwaliad → landing page → Free sign-up
- Campaign walk: Travel Money Cardad → landing page → Free sign-up
Rules
Do
- Green first and last
- Wise Sans only for short display lines, in capitals; Inter for everything else, never in capitals
- Circular flags only
- Pill-shaped controls; rounded cards
- Forest text on Bright Green; Bright Green text on Forest
- Logo clear space one Fast Flag; min 35px digital
- Neutral grounds are the 8% Forest tint, never a plain grey
Don’t
Source: wise.design/foundations/colour%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513165831/https://wise.design/foundations/colour)wise.design/foundations/typography%20(Wise%20brand%20guide,%20archived%202026-03-14:%20https://web.archive.org/web/20260314122548/https://wise.design/foundations/typography)wise.design/foundations/logo%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513155603/https://wise.design/foundations/logo)wise.design/foundations/flags%20(Wise%20brand%20guide,%20archived%202026-05-13:%20https://web.archive.org/web/20260513163900/https://wise.design/foundations/flags)
Steal this kit
Your name and logo, Wise’s system.
Comes with you
- Color roles and how much of each
- Type pairing, with open fonts
- Voice rules the writing check enforces
- Icon, photo, illustration and motion recipes
- The strategy frame, to fill with yours
Stays yours
- Your name and logo
- Your proof: numbers, customers, quotes
- Your purpose and claims. Theirs aren’t yours to make
Use this kit for my brand Use this brand in Claude
Hand it to a developer
- spec.mdEvery value and rule
- tokens.cssCSS variables
- tokens.jsonDesign tokens (DTCG)
- kit.jsonWhat our engines read
Your brand next
Get your brand audit Put your brand in Claude What goes in a brand book
What Wise doesn’t publish
- Full verbatim text of testimonial quotes 1-3 and of homepage footnotes 1-3: this book carries 15-word verbatim excerpts and a marked paraphrase; request permission to reproduce the full text if exact copy is needed
- Wise Sans font files and licence: proprietary, not published for third parties; stand-in calibrated instead
- Typography text styles (Product / Editorial size tables): tab content not captured in the archived page; not published here
- Illustration chapter body: archived snapshots captured only the intro (2026-04-26 and earlier attempts empty)
- Tapestries chapter body: archived snapshots captured only the intro paragraph
- Icon grid, stroke weight and corner radius values: not published
- Logo clear space in units other than "one Fast Flag", and Fast Flag proportions: not published
- Colour proportions as percentages: not published (order only)
- Dark mode hex values: not published (only that the colours work in dark mode)
- Motion durations and easing curves: not published (principles only; two site transitions measured)
- Cards, padding, focus states, size, promo assets, vocabulary and grammar pages: listed in the guide nav but not captured
- Hover/focus/pressed states for the Bright Green and outlined buttons: not measured
- Postal address and phone number: not on the homepage footer
- Secondary colour good/bad combination pairs: shown as swatches only; exact pairs not captured as text
Each value is marked published, observed, our reading or our recipe, with its source. Checked 2026-10-29. Not affiliated with Wise.