Typography
Three typefaces · 15 text styles · Display 72px to Label 12px.
Display & Headlines Text Styles
Feature Display Condensed
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
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
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
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
Vibrant Health
IBM Plex Sans/Label M · IBM Plex Sans · 14px
Vibrant Health
IBM Plex Sans/Label S · IBM Plex Sans · 12px
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
Bold
Regular Italic
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