The attributes of the brand
Styles are guidelines for core brand attributes, organized by category. These are descriptions of conventions that cut across component and suggest the rules that go into building/designing components and their treatment. Like the Guidelines, each of these pages is effectively a reference article on how to use and approach the specitic subject area.
Our Color System was created to allow for a wide variety of color combinations throughout the many different products which we create. The wide breath of colors within each color family has been created with the help of the online color tool 0 to 255 and allows for the designer to create an individual look to the app they are creating while ensuring that their colors have been thoughtfully curated. Each color family has 5 swatches which were chosen in +/- 4 increments and then passed through Web Aim’s Contrast Checker to test for accessibility and to determine which font is accessible for use.
Typography is used to create clear hierarchies, useful organizations, and purposeful alignments that guide users through the product and experience. It is the core structure of any well designed interface.
How to style or construct icons for the design system
Styles for treating pictures and graphics
How the style guide uses motion to enhance the user experience.
Voice and tone
Capturing the personality and authority of the brand in words