{"repo":"City-of-Helsinki/helsinki-design-system","free":true,"listed":false,"github":"https://github.com/City-of-Helsinki/helsinki-design-system","clone":"git clone https://github.com/City-of-Helsinki/helsinki-design-system.git","description":"Components, principles, documentation and templates for the City of Helsinki design system.","language":"TypeScript","stars":194,"topics":["design-system","design-systems","css","sass","react"],"license":"MIT","category":"ui-components","readme_excerpt":"Helsinki Design System Design System for the City of Helsinki Helsinki Design System (HDS) is an open-source design system built by the City of Helsinki. It consists of tools for development and design as well as resources and guidelines for creating user-friendly, accessible solutions for the city. HDS documentation Available components React Storybook Core Storybook Contributing Features - Accessibility baked-in – All HDS components are designed from the ground up to be as accessible as possible. Components go through a third-party accessibility audit before release. - React & CSS – Components are available both as React and CSS styles. Choose the one which suits best for your project. - Customizable – HDS components are designed to be customizable to allow expressing the vibrant Helsinki brand. - Design and Implementation in sync – Designers use a collection of Sketch libraries which are perfectly in sync with the implementation. Packages HDS is divided into three (3) separate packages: - – Helsinki City brand colors, typography and base styles as css-styles and variables - – Provides HDS components implemented using React - – Basis of the HDS which includes base colors, typography etc. as design tokens. Getting started :wrench: Are you a developer? If yes, start by checking out HDS - For developers page. :art: Are you a designer? If yes, start by checking out HDS - For designers page. Helsinki Design System uses Lerna for running scripts across the repo as well as version","default_branch":null,"files":null,"tree":[],"storefront":"/r/City-of-Helsinki","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/City-of-Helsinki/helsinki-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}