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:

Craft ambitious web products with flexible React components.
CompanyFigma+1 more
Build ambitious web products with a React UI framework offering polished, composable components and an enterprise-grade design language for efficient development.
Build faster with Tailwind CSS components & Figma.
FigmaReact+2 more
Develop websites faster with 600+ Tailwind CSS UI components, Figma designs, dark mode, RTL support, and free SVG icons & illustrations.
Design and build seamlessly across platforms.
CompanyFigma+1 more
Experience the next evolution of a design system for seamless collaboration and creativity. Move fluidly from design to development, across apps and platforms.

Command Menu