这个项目能做什么

赫尔辛基设计系统(HDS)是赫尔辛基市政府构建的开源设计系统,将开发设计工具与指南资源整合在一起,用于创建用户友好、无障碍的城市数字服务。 核心特性: - 无障碍内建。组件从底层设计即追求最大无障碍性,发布前需通过第三方无障碍审计。 - React与CSS双支持。组件同时提供React实现和CSS样式,团队可根据项目需求选择。 - 可定制组件。组件支持个性化定制,可体现赫尔辛基品牌风格。 - 设计与实现同步。设计师使用Sketch库,与代码实现保持同步更新。 npm包结构:HDS分为三个npm包。hds-core提供赫尔辛基市品牌色彩、字体和基础样式;hds-react提供React实现的HDS组件;hds-design-tokens包含设计令牌的基础数据。 项目网站 hds.hel.fi 提供文档、组件列表,以及React和core包的Storybook示例。分别提供开发者入门指南和设计师入门指南。 开发贡献:monorepo使用Lerna管理跨包脚本、版本控制与发布,使用pnpm workspaces进行依赖管理,本地开发时各包通过符号链接相互引用。贡献形式包括issue、PR和设计提案。项目遵循MIT许可证开源。