<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>City-of-Helsinki on Best React Themes</title><link>https://www.bestreactthemes.com/author/city-of-helsinki/</link><description>Recent content in City-of-Helsinki on Best React Themes</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://www.bestreactthemes.com/author/city-of-helsinki/index.xml" rel="self" type="application/rss+xml"/><item><title>Helsinki Design System</title><link>https://www.bestreactthemes.com/theme/city-of-helsinki-helsinki-design-system/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.bestreactthemes.com/theme/city-of-helsinki-helsinki-design-system/</guid><description>&lt;h2 id="overview">Overview&lt;/h2>
&lt;p>The Helsinki Design System (HDS) is a collection of components and design elements designed to create accessible and customizable user interfaces. The system includes React components as well as CSS styles, allowing developers to choose the best option for their projects. HDS is in sync with the Helsinki brand and undergoes an accessibility audit before release. The system is divided into three separate packages: npm for brand colors, typography, and base styles; npm for React components; and npm for the basis of HDS, including design tokens. It is developed using Lerna for script running, versioning, and creating releases, and Yarn workspaces to manage dependencies.&lt;/p></description></item></channel></rss>