The visual approach
Wise's homepage centers on a single chromatic decision: primary green #9FE870, a neon-adjacent lime that sits somewhere between highlighter and tennis ball. Paired with dark green #0D2B0D and pale green #D7F2A8, the palette codes as energetic rather than institutional. The choice signals velocity—this is infrastructure that moves at internet speed, not wire-transfer speed.
Typography reinforces that hierarchy. GT America Expanded handles display work at 80px for hero treatments and 64px for H1, while Inter manages body copy from 20px down to 14px for small text. The Expanded cut adds horizontal breadth without the geometric stiffness of a true extended face, so headlines feel grounded rather than stretched. Inter's neutrality keeps the body readable when stacked against bright backgrounds.
The spacing system runs on a 4px base unit (4, 8, 12, 16, 24, 32, 48, 64, 96), strict enough to maintain vertical rhythm across cards and CTAs. Buttons use pill-shaped corners—full rounding, not the 8–12px radii common in SaaS products. Cards hold to 12–16px radius with subtle shadows, enough to lift them from the page without the drop-shadow theatrics of earlier fintech designs.
What works
The motion layer justifies the color system. Page transitions use cross-fade with a subtle 20–40px vertical shift, duration around 400ms with cubic-bezier(0.4, 0, 0.2, 1). The easing curve is standard material-design timing, but applied to section backgrounds—white fading into dark green, then into lime—it creates the impression of scrolling through distinct product zones rather than one continuous page.
The 3D globe rotates on scroll or continuously (the brief notes a pause control, confirming video or canvas animation). It's the rare decorative element that earns its weight: a literal representation of "international" that also adds depth through parallax. Calculator cards fade in with upward translation (translate-y-8 to translate-y-0), staggered roughly 100ms after hero text. The sequencing is conservative—no spring physics or elastic easing—but it establishes a top-to-bottom reading order.
Hover states follow expected patterns: primary CTAs lift 2px with shadow expansion (shadow-lg to shadow-xl) over 200ms ease-out. Secondary CTAs on lime backgrounds likely inverse the effect with scale(1.02) or a subtle glow. Text links animate underlines from left using scaleX(0) to scaleX(1), origin-left, 150ms ease-out. Arrow icons translate-x-1 on parent hover. These are catalog interactions, but they're applied consistently enough that the system feels coherent rather than assembled.
Currency dropdowns expand with scale-y and fade, origin-top, 200ms ease-out. The selected state highlights with a background color shift—presumably pale green #D7F2A8—that ties back to the broader palette.
What a builder can borrow
The clearest lesson is chromatic commitment. Wise doesn't hedge with a "professional" blue or gray as primary. The neon green is loud, and the design leans into it—dark green for contrast, pale green for hover states and highlights, white and black for structure. If your product's value proposition is speed or transparency, a saturated primary can encode that faster than any headline.
The 4px spacing base is tight enough to avoid the "everything is 8px" mushiness that Tailwind defaults encourage, but not so granular that designers bikeshed over 2px differences. The pill-shaped button treatment is simple to implement (border-radius: 9999px) and differentiates from the rounded-rectangle standard without introducing new geometry.
Motion timing holds to a narrow range: 150–250ms for micro-interactions, 400ms for transitions. The consistency means users build an internal model of how fast things should respond. The upward fade-in for cards (translate-y-8 to translate-y-0) is a single-axis transform—cheap to animate, easy to debug, and legible across device performance tiers.
The globe animation is the only expensive element, and it's isolated. If it drops frames, the rest of the page still feels fast. That separation—one hero piece doing heavy lifting, everything else optimized for speed—is a defensible architecture. You can't apply it everywhere, but for a homepage it clarifies priorities: one moment of richness, then ruthless efficiency.