Zephyr by Air
Home
Introduction
Foundations
Iconography
Components

Zephyr

/ˈzefər/: a soft gentle breeze

You are viewing Zephyr, Air's design system. The name Zephyr stems from the core principles on which this design system is built. It strives to be light-weight, a breeze to implement, and–similar to the air we breathe–accessible to everyone. This system documents the components that are used throughout our applications.

This design system is broken into categories (e.g., Iconography). Each category contains components, foundations, or disciplines that we use to build our apps. Each component has multiple variations and visual examples to go along with each variation. Below each visual example is the live, editable code used to create the variation. All available component props are listed at the beginning of every story.

Air