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:

Your complete design toolkit for Framer & Figma. Build faster.
FigmaFramer
Access 1000+ components & templates for Framer & Figma. Design faster with responsive layouts, dynamic themes & lifetime updates. Your complete solution.
Craft beautiful, scalable products, faster.
FigmaReact+1 more
Accelerate product development with professionally crafted React & Figma component libraries. Build scalable, themeable, and accessible UIs efficiently.
Cal.com's design system and branding guidelines.
CompanyFigma+2 more
Access comprehensive design system and branding guidelines. Find design tokens, ready-to-use assets, and direct Figma links for Cal.com's design system.

Command Menu