--- 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 | Role | Value | Where | |------|-------|-------| | Lime | `#9fe870` | Hero bands, nav accents | | Forest | `#163300` | Ink and buttons | | Text | `#0e0f0c`, `#454745` | Headlines and body | | Page | `#ffffff` | Main surface | | Mint gray | `#e8ebe6` | Dividers | | Teal and wash | `#a0e1e1`, `#e0f7f7` | Secondary 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.