Wise Design

Wise Design hits like a silk-screened protest poster — electric lime green (#87ea5c) floods the hero at full saturation, then dark forest ink (#083400) type slams across it at display scale. The palette is deliberately non-fintech: vivid yellow (#ffea4b), peach (#ffbd89), cotton candy pink (#ffd5f0), and deep aubergine (#2a0831) coexist like a global currency collection. Wise Sans at weight 900 with 0.85 line-height is the signature — letterforms stack so tightly they almost collide, creating billboard compression at digital scale. Pills (9999px radius) are the only rounded UI element, while large content blocks use generous 86px radii creating soft-edged cards that contrast the aggressive type. The design system oscillates between screaming and whispering — massive stacked display type then a single quiet midsize line on white. Use Wise Sans weight 900 with lineHeight 0.85 for all hero display text — lines must stack tightly, almost touching, at 288px minimum Fill entire hero and nav sections with #87ea5c — the lime is a background, not a highlight; it should dominate, not accent Pair #083400 (Forest Ink) as the primary text color on lime and white backgrounds — never use pure black (#000000) anywhere in the system Assign 86px border-radius to content cards and mosaic tiles; reserve 9999px exclusively for pill buttons and tags Use the full accent palette (#ffea4b, #ffbd89, #ffd5f0, #2a0831, #370305) as full-bleed card backgrounds — each color is a distinct 'room', not a subtle tint Apply Inter font-feature-settings: "calt", "ss01" — the ss01 variant alternates specific letterforms that are part of the typographic identity Maintain negative letter-spacing on Inter at all display sizes: -2.16px at 72px, scaling to -0.08px at 16px Never use #87ea5c as a small accent detail — it must be used at large scale (full backgrounds, full buttons) or not at all Do not use weight 700 for body text — Inter weights are strictly 400 (body) and 600 (labels/subheadings) Never apply drop shadows or elevation effects — the system uses color contrast and scale for hierarchy, not shadow depth Do not use rectangular (0px radius) cards — content blocks must use either 86px radius or 9999px pill; sharp corners are absent from the system Never use conventional fintech blue as a primary brand color — #0097c7 exists only for semantic accent links and focus states, never as primary CTA or brand expression Do not place Wise Sans at sizes below 187px — it is a display-only typeface; Inter handles all UI and body text Never mix multiple chromatic background colors in a single section — each panel is monochromatic, switching color only at full section breaks