
Preview image. Unlock full-res
Vibrant Fintech Authority; a financial system in bold green and crisp black on a pristine white canvas.
The Wise design system feels like an assured and straightforward financial platform, built on stark contrasts and an unwavering accent color. The primary palette of deep forest green, near-black, and bright white creates a dynamic and trustworthy visual identity. Heavy, condensed sans-serif headings anchor information with a no-nonsense tone, while clear, readable body text maintains legibility. Deliberately rounded corners on interactive elements provide a touch of modern approachability against otherwise sharp UI elements, emphasizing ease of use within a rigorous financial context. Use Wise Sans at weight 900 for all large page headings to preserve the brand's bold, condensed voice. Apply Lime Accent (#9fe870) exclusively to primary call-to-action buttons and interactive elements to maintain its distinction. Set text links to Forest Green (#163300) to ensure interactive elements are clearly marked, matching the brand's primary color. Employ a 9999px border-radius for all primary buttons and interactive tags to provide a consistent modern and approachable feel. Use Canvas White (#ffffff) as the dominant background color for all primary content sections to ensure high contrast and readability. Implement an 8px element gap for standard spacing between UI elements like buttons and icons for a comfortable density. Do not use Forest Green (#163300) as a background for non-interactive elements, as it's reserved for brand highlights and interactive text. Avoid using sharp corners on interactive buttons; all primary action buttons should use the 9999px pill radius. Do not deviate from the Inter font for body text and secondary content, as it is crucial for legibility and information hierarchy. Avoid applying excessive shadows; visual depth is primarily achieved through surface color variations and clear layout, with subtle shadow only for occasional emphasis. Do not use less than 11px padding for primary buttons; maintain the established 11px vertical and 24px horizontal padding for consistent actionability. Do not introduce additional vivid accent colors; the Lime Accent (#9fe870) and Deep Teal (#0b4c72) serve distinct purposes and should not be diluted.









