Foundation overview

Foundation is a guide for applying the visual guidelines to digital experiences.

Helsinki Design System foundations describe how the Helsinki Visual Identity is applied to digital world. Foundation varies from detailed practical guides to broader principles that needs to be addressed when designing and developing a service.

Design tokens are the smallest building blocks of the design system. They are used across all Helsinki products to ensure matching visual identity.

Visual assets define the common set of graphical elements used in digital services.

Guidelines give answers and suggestions to common situations we come across in digital products. They describe the Helsinki way of solving these issues.

The HDS Foundation page image with HDS and HKI texts and design system icons