Helsinki Design System
The City of Helsinki's open source design system, bringing guidelines, design assets, and component libraries together for a consistent, accessible digital city brand.
Opens hds.hel.fi in a new tab
- Company
- City of Helsinki
- Description
- HDS is the digital expression of the Helsinki Design Language, with foundations, ready-to-use components, and patterns for specific user flows. Components ship as React and core CSS libraries documented in Storybook, with Figma assets for designers and source on GitHub.
- Company
- City of Helsinki
- Open source
- Yes
- Has Figma kit
- Yes
- Has Storybook
- Yes
- Has public repository
- Yes
- Platforms
- Web
- License
- MIT
- Tags
- government, finland, city