Support to information provided with body style, for input hints or amounts in saving for a goal. Generally should only consist of a sentence or less of content
Used for UI elements such as goals, pagination, and date headers. pieces of information we don’t want to promote to a customer such as legal text.
Starfield, Meteor, Ursa, Orion, Simple Blue, Simple White
Mobile
Web
Numbers map to the weights of Calibre-R
1 = Semi-bold
2 = Medium
3 = Regular
All possible type options
General Rules
Color
These are the only colors that should be used for text within our apps. They all pass minimum WCAG AA contrast.
Starfield, Meteor, and Satellite
starfield and meteor should be used for headings, body, and other informational text. satellite is used for placeholder and disabled type styles ONLY.
Simple Blue, Orion, and Ursa
simple-blueis used on headlines, links, and other key text. orion and ursa are used credit and debit. All 3 of these colors should only be used on white.
Background Usage Examples
For non-actionable text, use weight to differentiate instead of color
Move towards depending on weight variations versus color for hierarchy
Overview
Naming and Usage
1 = Semi-bold2 = Medium3 = RegularGeneral Rules
Color