A favicon of Helsinki Design System

Helsinki Design System

Access comprehensive guidelines, design assets, and component libraries to create consistent and accessible digital experiences for a unified city brand.

Visit Helsinki Design System
A screenshot of Helsinki Design SystemVisit

The Helsinki Design System is the central digital experience resource for the Helsinki Design Language. It offers comprehensive guidelines, design assets, and component libraries to help build a consistent and accessible digital brand across the city.

Key resources include:

  • Brand guidelines: Outlining the visual identity of the city of Helsinki.
  • Foundation: Providing guidance for applying visual guidelines to digital experiences.
  • Components: Offering ready-to-use UI components for constructing complete layouts.
  • Patterns: Demonstrating how components and guidelines are combined to build pages for specific user flows.

This system ensures a unified approach to digital development and design, currently at version 4.5.0.

Share:

Similar to Helsinki Design System:

Build experiences that inspire people.
CompanyFigma+1 more
Access a comprehensive design system to build inspiring user experiences. Includes Figma libraries, plugins, and engineering resources for development.
Design and build cohesive GitHub interfaces.
CompanyReact+1 more
Develop consistent user interfaces and brand experiences for GitHub using a comprehensive design system with pre-built components, icons, and design tokens.
Build consistent GitLab experiences, faster.
CompanyFigma+2 more
Access resources, components, and design guidelines for building consistent GitLab UIs. Features foundations, UI kits, patterns, and accessibility standards.

Command Menu