Icons & Graphics
Icons and graphics are important visual tools that make content accessible and appealing. The following guidelines ensure consistent use.
Icon Style
We use an outline icon set with a uniform line width (2px). The icons are laid out in a square grid (24 × 24 px or 32 × 32 px) and have rounded corners for a friendly, modern look.
Icon Properties
| Property | Value |
|---|---|
| Style | Outline (Line) |
| Line thickness | 2px |
| Corners | Rounded (2px radius) |
| Grid | 24 × 24 px (default) |
| Colour | Mono: RUB Blue #003560 or Text #000d17 |
Infographics
Infographics are used to simplify the presentation of complex topics. They use only colours from the defined colour palette and the Open Sans font.
Design Guidelines for Infographics
- A maximum of 5 colours per infographic from the brand colour palette
- Clear visual hierarchy – Put the most important information first
- Always cite the source of data
- Enough white space for clarity
- Accessible Contrast and Text Alternatives
Diagrams & Charts
The same colour rules apply to charts as to all other brand applications. The following colour order is recommended for data visualizations:
- RUB Blue (#003560) – Primary Data Series
- RUB Light Blue (#66b3fb) – Secondary Data Series
- Ice Blue (#dcebfb) – Tertiary Data Series
- Lavender (#e9dcfb) – Additional Data Series