Visual language

Color

In application design, color should be bold and meaningful. Use color to lead the user through an interface and to draw attention to the most important thing on the screen. Color is useful in creating connections between two elements.

Grids

A 12-column grid is made available to easily create multi-column layouts and sub-layouts.

Iconography

Spacing

Theme properties

Theme properties are thoughtfully named variables used throughout the design system to bring consistency to our components. They also afford you the ability create new, accessible components and content further reinforced by a financial institution's brand.

Typography