Typeface headings
The typeface of choice is meant to command attention, and be visually striking.
Poppins
See all type scales for variations and usages.
Typeface Body
Unlike heading, the typeface for body text is chosen with ease of reading in mind.
Poppins
See all type scales for variations and usages.
Contents
Headings
Headings & subheadings are clear, succinct descriptions of the content that follows them. They are mainly used to distinguish and group content, while maintaining a visual hierarchy.
| Preset scales | Set name | Usage | Values |
|---|---|---|---|
Heading over two or three lines |
prx-font-title-xxl | Article headings Banners and hero sections |
Type: Poppins Size: 40px Line height: 130% Weight: Bold Letter spacing: 0px |
Heading over two or three lines |
prx-font-title-xl | Article headings Banners and hero sections |
Type: Poppins Size: 36px Line height: 130% Weight: Bold Letter spacing: 0px |
Heading over two or three lines |
prx-font-title-small | Article headings Banners and hero sections |
Type: Poppins Size: 22px Line height: 130% Weight: Semi bold Letter spacing: 0px |
Heading over two or three lines |
prx-font-title-xs | Article headings Banners and hero sections |
Type: Poppins Size: 18px Line height: 130% Weight: Semi bold Letter spacing: 0px |
Heading over two or three lines |
prx-font-title-normal | Article headings Banners and hero sections |
Type: Poppins Size: 16px Line height: 130% Weight: Semi bold Letter spacing: 0px |
Body text
Body text is the main part of your written content and can be in the form of a sentences or paragraphs. It is meant to engage the user for a longer period of time and is therefore optimized for reading without eye strain.
| Preset scales | Set name | Usage | Values |
|---|---|---|---|
Body text over two or three lines |
prx-font-body-medium | Highest possible body text |
Type: Poppins Size: 15px Line height: 130% Weight: Semi bold Letter spacing: 0px |
Body text over two or three lines |
prx-font-body-small | Highest possible body text |
Type: Poppins Size: 14px Line height: 130% Weight: Regular Letter spacing: 0px |
Body text over two or three lines |
prx-font-body-normal | Highest possible body text |
Type: Poppins Size: 13px Line height: 130% Weight: Regular Letter spacing: 0px |
Body text over two or three lines |
prx-font-body-xs | Highest possible body text |
Type: Poppins Size: 12px Line height: 130% Weight: Regular Letter spacing: 0px |
usage