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

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.
Categories:
Similar to Helsinki Design System:
Craft inclusive web apps with a proven design system.
CompanyFigma+1 more
Build intuitive, accessible web experiences at scale. Access UI guidelines, React components, design resources, and dev tools for faster, inclusive development.
Building cohesive Wikimedia experiences.
CompanyFigma
Build consistent, accessible, and user-friendly interfaces for Wikimedia projects. Access a comprehensive library of components and guidelines.
Build stunning sites faster with a vast, themeable UI kit.
FigmaFramer
Access hundreds of Figma UI components & templates, Framer-ready. Organized with variables, variants & adaptive layouts for efficient, beautiful site creation.