Color System

Primary colors

A primary color is the color displayed most frequently across the app’s screens and components. Each Pack category has its own primary color.

Secondary and tertiary colors

The three shades to each primary color should be used to accent select parts of the UI or of an illustration. Each Pack category also has its own set of accent colors.

Pack category schemes

Each Pack category has its own color scheme that is used throughout the product. Pack categories pull colors from four different color palettes. A Pack category's color scheme was carefully determined by choosing colors that contrast one another to create more compelling visual compositions. There are currently 14 Pack categories consisting of:

Foundation

Happiness

Brave

Health

Sport

Kids

Performance

Headspace Pro

Pregnancy & Parenting

Students

Old Age

Relationships

Singles

results matching ""

    No results matching ""