Font family
VUD supports three typefaces: (1) Ubuntu and (2) Open Sans for content and (3) Inter for numerical values including passwords, email addresses, IBAN and license numbers.
Ubuntu
Ubuntu is an Open Type-based font family, designed to be a modern, humanist-style typeface. It comes in three weights, regular, medium and bold. We use this type mainly for navigation, titles, and headlines. Ubuntu enhances the design by adding rhythm, creating a clear hierarchy, and providing a strong visual identity to our brand.
Open Sans
Open Sans is our secondary font and it comes in three weights. Open Sans is designed and optimised for legibility across web, and mobile interfaces, and has excellent legibility characteristics in its letterforms, especially in smaller sizes and in larger quantities. We use this type for body text.
Inter
Inter is our tertiary font and it comes in three weights. Inter is designed to improve legibility on computer screens. It's useful when you want to distinguish similar characters, such as 0 and O.
1. double-storey-a for characters
2. monospace uppercase/lining for numerical values
Use different fonts
If you prefer different fonts than what VUD offers, you can specify the font families in these respective tokens:
|
Ubuntu |
Open Sans |
Inter |
|---|---|---|
|
font-familiy-primary |
font-familiy-secondary |
font-familiy-tertiary |
Use fixed font size
If you prefer a static font size where every step has a fixed font size at every viewport width, use font-size-fixed tokens. This ensures that the font remains unchanged regardless of the device or screen size.
Use fluid font size
If you prefer different font sizes for various screen sizes, use font-size-fluid tokens. The font size will automatically scale according to your device. These tokens allow the font to adapt and remain readable across different devices and screen resolutions.