Typography

Three typefaces · 15 text styles · Display 72px to Label 12px.

Display & Headlines Text Styles

Feature Display Condensed

Desktop 1280px and above

Vibrant Health

Feature/Display L · Feature Display Condensed · 92px

Vibrant Health

Feature/Display M · Feature Display Condensed · 62px

Vibrant Health

Feature/Display S · Feature Display Condensed · 52px

Vibrant Health

Feature/Headline L · Feature Display Condensed · 48px

Vibrant Health

Feature/Headline M · Feature Display Condensed · 32px

Mobile 375–768px

Vibrant Health

Feature/Display L · Feature Display Condensed · 72px

Vibrant Health

Feature/Display M · Feature Display Condensed · 54px

Vibrant Health

Feature/Display S · Feature Display Condensed · 48px

Vibrant Health

Feature/Headline L · Feature Display Condensed · 42px

Vibrant Health

Feature/Headline M · Feature Display Condensed · 28px

UI Headings & Body Text Styles

Poppins

Desktop 1280px and above

Vibrant Health

Poppins/Headline M · Poppins · 32px

Vibrant Health

Poppins/Headline S · Poppins · 24px

Vibrant Health

Poppins/Headline XS · Poppins · 20px

Vibrant Health

Poppins/Body L · Poppins · 18px

Vibrant Health

Poppins/Body M · Poppins · 16px

Vibrant Health

Poppins/Body S · Poppins · 14px

Vibrant Health

Poppins/Button · Poppins · 14px

Vibrant Health

Poppins/Caption · Poppins · 12px

Mobile 375–768px

Vibrant Health

Poppins/Headline M · Poppins · 28px

Vibrant Health

Poppins/Headline S · Poppins · 24px

Vibrant Health

Poppins/Headline XS · Poppins · 20px

Vibrant Health

Poppins/Body L · Poppins · 18px

Vibrant Health

Poppins/Body M · Poppins · 16px

Vibrant Health

Poppins/Body S · Poppins · 14px

Vibrant Health

Poppins/Button · Poppins · 14px

Vibrant Health

Poppins/Caption · Poppins · 12px

Data, Labels & Tags Text Styles

IBM PLEX SANS

Desktop 1280px and above

Vibrant Health

IBM Plex Sans/Label M · IBM Plex Sans · 14px

Vibrant Health

IBM Plex Sans/Label S · IBM Plex Sans · 12px

Mobile 375–768px

Vibrant Health

IBM Plex Sans/Label M · IBM Plex Sans · 14px

Vibrant Health

IBM Plex Sans/Label S · IBM Plex Sans · 12px

Type Specimen

Feature Display, Poppins, IBM Plex Sans

TYPE FAMILY

Feature Display Condensed

UPPERCASE

ABCDEFGHIJKLMNOPQRSTUVWXYZ

LOWERCASE

abcdefghijklmnopqrstuvwxyz

NUMERALS & SYMBOLS

0 1 2 3 4 5 6 7 8 9. , : ; ! ? & ( ) / — –

FEATURE DISPLAY: FAMILY & WEIGHTS

Regular

Feature Display Regular

Bold

Feature Display Bold

Regular Italic

Feature Display Regular Italic

Bold Italic

Feature Display Bold Italic

FEATURE DISPLAY CONDENSED: FAMILY & WEIGHTS

Regular

Premium supplements, crafted for wellness

Bold

Premium supplements, crafted for wellness

Regular Italic

Premium supplements, crafted for wellness

Bold Italic

Premium supplements, crafted for wellness

TYPE FAMILY

Poppins

UPPERCASE

ABCDEFGHIJKLMNOPQRSTUVWXYZ

LOWERCASE

abcdefghijklmnopqrstuvwxyz

NUMERALS & SYMBOLS

0 1 2 3 4 5 6 7 8 9. , : ; ! ? & ( ) / — –

POPPINS: WEIGHTS

Light

Premium supplements, crafted for wellness

Regular

Premium supplements, crafted for wellness

Medium

Premium supplements, crafted for wellness

SemiBold

Premium supplements, crafted for wellness

TYPE FAMILY

IBM Plex Sans

UPPERCASE

ABCDEFGHIJKLMNOPQRSTUVWXYZ

LOWERCASE

abcdefghijklmnopqrstuvwxyz

NUMERALS & SYMBOLS

0 1 2 3 4 5 6 7 8 9. , : ; ! ? & ( ) / — –

IBM PLEX SANS: WEIGHTS

Medium

Premium supplements, crafted for wellness

Bold

Premium supplements, crafted for wellness