Brand strategy  Get started Using Wise DesignGet helpStories Work at Wise
Design at Wise Brand strategy Get startedStoriesWork at WiseFoundations Components Patterns Resources
Get started

Wise Design is our design system at Wise. It covers both our brand and product design systems, and helps us create consistent, high-quality experiences for our users — from button to billboard.

A flag illustration.
Using Wise Design

Wise Design spans several platforms. This site is one of them — it’s the home of all our brand and product design guidelines, plus other info about designing at Wise.

Then there are our platform-specific libraries:

Each one has reusable tokens, components, and patterns to help you design and build faster and more consistently.

Figma

Where the design magic happens. Our Figma libraries include all our tokens, icons, illustrations, components, and screen templates. Plus, plugins to help you work smarter.

Guidelines

On this site we have guidelines on how to use our design system. We’re constantly updating them, but if there’s anything missing, just shout.

A collection of our circular flags.
Foundations

Learn how to use all the foundational elements of our brand, from colour to tone of voice, across product and editorial.

Go to Foundations

A circular button.
Components

Usage guidelines for all our components, including when to use them, content guidelines, and platform availability.

Go to Components

An error message pattern.
Patterns

When we repeat something often, it’s a pattern. Here you’ll find guidance on design and content patterns across the product.

Go to Patterns

A badge that reads 'Powered by Wise'.
Resources

Useful resources for when you’re designing, like downloadable assets, and guidelines for partners.

Go to Resources

Get help

We’re always on hand to help with any design system questions.

Just drop us a message in #design-system on Slack.