Accessibility
Features that SWAN offers for accessibility support.
All Tokens
A list of all SWAN tokens
Color
Color is a crucial aspect of our visual language, conveying meaning, emphasis, and hierarchy in our product UI.
Constants
Constants for using SWAN values in code
Core props
Core props usable on all SWAN components
Date/Time
Standards and guidelines for showing dates and times.
Glossary
Terms and terminology used in SWAN
Grid Layout
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.
Icons
Symbolic representations of concepts and actions that are intuitively recognizable to users.
Modes
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.
Responsive System
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
Space is used to bring structure and hierarchy to pages. Proper spacing enhances readability, guides user flow, and creates a clean, uncluttered interface.
Typography
Typography can help guide users through an experience by organizing information and creating clear visual hierarchy.
Phone number
Standards and guidelines for showing phone numbers.
