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:

Design modern UIs faster in Figma. Eliminate tedious tasks.
Figma
Build visually appealing, consistent web UIs with an advanced Figma design framework. Offers 1400+ components, one-click dark mode, and easy customization.
Unified design, streamlined development.
CompanyFigma
Achieve consistent UI/UX across platforms with a comprehensive design system. Reduce development time using core utilities and reusable web components.
Build excellent, accessible digital products. Openly.
Government
Create excellent, accessible, and cohesive digital products using a free, open, adaptable design guide. Supports diverse roles and tech stacks.

Command Menu