Typography
scale ratio 1.231- Interbody400 60056%
- Wise Sansdisplay80044%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Wise Sans | 103.5px | 800 | 0.873 | 0em |
| headline | Wise Sans | 58px | 800 | 0.938 | 0em |
| title | Inter | 18px | 600 | 1.444 | 0.01em |
| body | Inter | 16px | 400 | 1.5 | 0.01em |
| body-sm | Inter | 14px | 400 | 1.55 | -0.006em |
| label | Inter | 16px | 600 | 1.5 | 0.01em |
Type scale
Aa14Aa16Aa18Aa20Aa24.5Aa28.5Aa34Aa45Aa58Aa88.5Aa103.5
- Body size
- 16px / 1.5
- Display size
- 103.5px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 19.23:1
- Muted on bg
- 9.37:1
- Accent on bg
- 13.93:1
- Dark mode
- none
Declared accent tokens
- --color-content-accent#0097C7not on page
- --color-sentiment-warning-primary#FFD11Anot on page
- --color-sentiment-positive-primary#054D28painted
- --navigation-mobile-primary-zindex#11004499not on page
Space, shape & depth
Spacing scale
- 4
- 8
- 9.5
- 10
- 12
- 14
- 16
- 19
- 22
- 24
- 28
- 32
- 37.5
- 48
Corner radii
2837.5pill
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- 133px
Components
exact computed valuesbutton-primary
- backgroundColor
- #163300
- textColor
- #9FE870
- rounded
- 9999px
- padding
- 12px 16px
- height
- 48px
- fontFamily
- Inter
- fontSize
- 18px
- fontWeight
- 600
card
- rounded
- 28.2px
- padding
- 28.2px
- backgroundColor
- #163300
input
- rounded
- 0px
- height
- 46.8px
- padding
- 0px 0px
Layout & motion
- Container
- 604px
- Grid columns
- 3
- Hero
- centered
- Navigation
- none-detected
- Page height
- 12,602px
- Easing
- ease
- Durations
- 100ms 150ms 350ms 400ms
- Transitions
- 89
- Keyframes
- 1
- Stack
- next.js, radix-ui, google-tag-manager, cloudflare
Page sections (10)
section labels are heuristic
01heroThe current account for home and abroad
02features?We move billions for millions worldwide, every year
03features?The account that moves with you
04feature detail?The world's banks and businesses run on Wise
05feature detail?Safe at every step
06feature detail?One smart app, 60 million downloads
07feature detail?Your money, not ours
08features?Take Wise everywhere you go
09features?Wise works nearly everywhere
10footerHelp
How Wise compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 103.5px: larger than 93% of indexed sites (median 60px).
- Type scale
- 1.23×: flatter than 69% of indexed sites (median 1.28×).
- Container
- 604px: narrower than 100% of indexed sites (median 1242px).
- Text contrast
- 19.2:1: higher than 68% of indexed sites (median 17.6:1).
- Page length
- 12,602px: longer than 86% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- Wise Sans
- The only site in the index that loads Wise Sans.
- Color scheme
- Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Wise use?
Wise uses Inter for body text. Wise Sans is used for headings.
What are Wise's brand colors?
Wise's website uses a light scheme: background #FFFFFF, text #0E0F0C, muted text #454745 and borders #0E0F0C1F.
How is Wise's website laid out?
The most common corner radius is fully rounded (pill), body text is 16px with 1.5 line height, and the page container is 604px wide.
