Typography
We have decided to adopt IBM Plex Sans typeface for our digital solutions. This new typeface is clean, distinctive and designed for digital world use cases. The typeface is free and available in multiple languages, making it ideal for localisation. More info can be found at: www.ibm.com/plex
Display
Display Large
Font Size: 52px; Line Height: 60px; Weight: 300
Display Medium
Font Size: 44px; Line Height: 52px; Weight: 300
Display Small
Font Size: 36px; Line Height: 40px; Weight: 300
Headline
Headline Large
Font Size: 32px; Line Height: 36px; Weight: 500
This style is applied to the H1 element.
Headline Medium
Font Size: 28px; Line Height: 32px; Weight: 500
This style is applied to the H2 element.
Headline Small
Font Size: 24px; Line Height: 28px; Weight: 500
This style is applied to the H3 element.
Title
Title Large
Font Size: 20px; Line Height: 24px; Weight: 500
This style is applied to the H4 element.
Title Medium
Font Size: 16px; Line Height: 20px; Weight: 500
This style is applied to the H5 element.
Title Small
Font Size: 12px; Line Height: 16px; Weight: 500
This style is applied to the H6 element.
Body
Body Large
Font Size: 20px; Line Height: 24px; Weight: 400
Body Medium
Font Size: 16px; Line Height: 24px; Weight: 400
This style is applied to the P element.
Body Small
Font Size: 14px; Line Height: 18px; Weight: 400
This style is does not adhere to the 4px grid system
Body X Small
Font Size: 12px; Line Height: 16px; Weight: 400
Label
Label Large
Font Size: 16px; Line Height: 24px; Weight: 500
Label Medium
Font Size: 14px; Line Height: 20px; Weight: 500
This style is does not adhere to the 4px grid system
Label Small
Font Size: 12px; Line Height: 16px; Weight: 500
This style is does not adhere to the 4px grid system
Label Indicator
Font Size: 12px; Line Height: 14px; Weight: 500