Introduction
Standard Life branding uses specific font families across all digital platforms.
Platforms that use component libraries or design tokens adhere to strict typography guidelines.
Older platforms apply these guidelines where possible.
- Ubuntu is used for headings, subheadings and form legends
- All other text uses the body text font family, which varies per platform
Font Families
|
Platform |
Headings |
Body |
|---|---|---|
|
Web |
Ubuntu |
Arial, sans-serif |
|
iOS |
Ubuntu |
|
|
Android |
Ubuntu |
Truncation
Limit truncation of content. Allow text to wrap to maintain readability at all times.
Consider how wrapped text displays when working on designs, particularly components.
Minimum Font Size
The minimum font size is 16px. Captions and supporting text can use smaller sizes.
Contrast Ratio
When applying text and colour to surfaces outside of a component, always check readability by testing the font size and text colour against the surface colour to ensure compliance with AA accessibility standards.
Design Tokens
Compound provides design tokens for typography formatting and colouring. Consider the content type. Token intent helps select the correct tokens.