Offcanvas
overlay thumb
Helsinki Design System

Helsinki Design System

The central digital experience resource of Helsinki, providing guidelines, design assets, and component libraries for a consistent and accessible digital brand.

Accessible Components: Designed following WAI-ARIA and WCAG guidelines to support inclusivity.
Customizable Design: Fully adaptable to Helsinki’s digital branding and service ecosystem.
Open Source: Free to use and actively maintained by the City of Helsinki.
Comprehensive Documentation: Detailed guidelines, best practices, and usage examples for designers and developers.
Regular Updates: Continuously improved with new components, refinements, and fixes.
Reusable Components: Prebuilt UI elements such as buttons, forms, tables, and navigation.
Design Tokens: Standardized values for colors, typography, spacing, and UI consistency.
Framework Compatibility: Works seamlessly with multiple frontend technologies for flexible integration.