Design System (TIAA) 2021

The design management system is built using Invision for the companies brand. Components are listed out using the atomic design structure. Each page answers the following questions:

What (Description)

What problem does this solve? (A concise statement of the situation)

When to use this pattern?

What is the solution?
Points to visual examples and explanations (a concise statement of what this pattern entails in addressing the problem)

Why use this pattern? ( an explanation of why the pattern works)

Special Cases (Do’s and don’t)

Pattern Gallery (Examples of how others have made it real to give you inspiration and a better sense of the pattern.

Rules of use for anatomy, visual design, interaction, content, and accessibility.

Jacqueline Hollenbeck
UX Designer and Design Systems Lead Boston, MA