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:

Minimal Figma kit for rapid SaaS UI design.
Figma
Craft stunning SaaS interfaces with this minimal Figma UI kit. Jumpstart projects with one-time pricing & lifetime updates. Ideal for solo designers & teams.
Build accessible UIs with customizable React components.
ReactTailwind CSS
Create accessible web interfaces with customizable React components. Includes Tailwind CSS for styling and supports easy copy-paste integration.
Evolving toolkit for consistent UI development.
CompanyFigma+1 more
Access an evolving library of UI components, guidelines, and UX patterns to build consistent digital products. Open-source (MIT) and powered by Semrush.

Command Menu