Foundations

Foundations are the visual components essential for crafting captivating end-to-end user experiences.

Tokens

Introduction to Warp tokens, our structure, supported brands and a token overview.

CSS classes

UnoCSS classes for layout and styling on web.

Illustrations

Figma links to our different brands' illustration libraries.

Typography

Guidelines on UX Writing, font styles and links to our brand fonts.

Accessibility

Requirements, accessibility playbook and useful Figma plugins.

Brands

Supported brands and brand guidelines.

Data visualisation

Getting started, chart types, colour usage and success criteria.

Elevation

Elevation as a concept, the basics and surface type overview.

Dark mode

Support in WARP and guidance for switching modes in Figma.

Motion

Guidelines for motion.