Wealthsimple

Wealthsimple projects an image of approachable financial sophistication, blending a muted, almost vintage-feeling color palette with modern typography. The design feels grounded and trustworthy, achieved through a dominant presence of off-white and dark gray surfaces that create a soft contrast. Touches of natural, desaturated color appear subtly, preventing the aesthetic from feeling stark while maintaining a sense of serious purpose. Custom fonts — one with a humanist, inviting feel, the other a crisp sans-serif — underpin content hierarchy without resorting to harsh visual cues. Use Linen White (#fcfcfc) as the primary page background to establish warmth. Apply Greyscale Black (#32302f) for all primary body text and headlines to ensure high contrast and readability. Implement the-future for body text and navigation, maintaining its defined sizes and the subtle 0.0050em letter-spacing. Use tiempos for headlines, adjusting sizes and utilizing its -0.0100em letter-spacing to create a distinctive, editorial typesetting. Ensure all interactive buttons use a 1600px border-radius, creating a consistent 'pill' shape, regardless of fill or outline. Employ Slate Border (#e4e2e1) for all non-critical borders, such as input fields and secondary button outlines, for a soft, integrated look. Use 20px 32px padding for primary buttons and 12px 24px for secondary buttons to maintain a consistent interactive element scale. Avoid harsh, high-saturation colors; all chromatic elements should be desaturated or muted. Do not use pure black (#000000) for text or primary backgrounds; always opt for Greyscale Black (#32302f) for a softer appearance. Refrain from sharp corners; button, card, and input radii should be either 100px or greater, or 0px for purely structural elements. Do not introduce strong shadows or elevation effects; the design relies on color and careful spacing for depth. Avoid using highly decorative or ornate iconography; prefer simple, clear, line-based icons that match the minimal aesthetic. Do not vary line heights from the specified typography profiles; precise line heights establish a clean vertical rhythm. Do not use letter spacing other than the specified values for the-future (0.0050em) and tiempos (-0.0100em) to preserve typographic identity.