Home
About me
Work examples
Yayzy
NHS
Oakbrook Finance
Skills
Leadership
Approach
Design systems
Resources
Structure
Architecture
Design tokens
Token naming
Styles
Scale
Color
Typography
Components
Icons
Buttons
Header bars
Navigation bar
Text field
Search
Checkbox
Radio button
Styles
Typography
These are the base typography styles that all typography is based on.
Small
Font: Open Sans
Size:12px / REM:0.75
Weight: Regular
Line height: 140%
Text decoration: None
Paragraph
Font: Open Sans
Size:16px / REM:1
Weight: Regular
Line height: 160%
Text decoration: None
Label
Font: Open Sans
Size:16px / REM:1
Weight: SemiBold
Line height: 160%
Text decoration: None
Heading Small
Font: Open Sans
Size:16px / REM: 1
Weight: Bold
Line height: 160%
Text decoration: None
Heading medium
Font: Lora
Size:24px / REM:1.5
Weight: Bold
Line height: 160%
Text decoration: None
Heading Large
Font: Lora
Size: 32px / REM: 2
Weight: Bold
Line height: 160%
Text decoration: None
Heading xLarge
Font: Lora
Size: 32px / REM: 3
Weight: Bold
Line height: 140%
Text decoration: None