Features that SWAN offers for accessibility support.

A list of all SWAN tokens

Color is a crucial aspect of our visual language, conveying meaning, emphasis, and hierarchy in our product UI.

Constants for using SWAN values in code

Core props usable on all SWAN components

Standards and guidelines to display and format currencies.

Standards and guidelines to display and format dates and times.

Standards and guidelines for display and format numbers.

Standards and guidelines for display and format phone numbers.

Terms and terminology used in SWAN

An invisible framework responsible for the order and rhythm of our pages. By imposing constraints on layout, the grid makes it easy to achieve consistent and proportionate designs from page-to-page, and across devices.

Symbolic representations of concepts and actions that are intuitively recognizable to users.

Modes utilize alternate values in SWAN tokens to adjust the appearance of UI. Modes cascade through to all tokens and components used within the mode.

A responsive system that works with the screen classes and breakpoints defined by SWAN, so that you can make your components adjust responsively based on those sizes and breakpoints.

Space is used to bring structure and hierarchy to pages. Proper spacing enhances readability, guides user flow, and creates a clean, uncluttered interface.

Typography can help guide users through an experience by organizing information and creating clear visual hierarchy.