Sobre o projeto
O Helsinki Design System, ou HDS, é um sistema de design open-source desenvolvido pela Cidade de Helsinque. Ele reúne ferramentas para desenvolvimento e design, junto com diretrizes e recursos para criar serviços digitais acessíveis e amigáveis para a cidade.
O que oferece:
- Acessibilidade integrada. Os componentes são projetados desde o início para serem o mais acessíveis possível e passam por uma auditoria de acessibilidade de terceiros antes do lançamento.
- React e CSS. Os componentes são entregues tanto como implementações em React quanto como estilos CSS, para que as equipes possam escolher a opção que melhor se adapta ao projeto.
- Componentes personalizáveis. Os componentes são construídos para serem adaptáveis, permitindo que os projetos expressem a marca de Helsinque.
- Design e implementação sincronizados. Os designers trabalham com uma coleção de bibliotecas Sketch que são mantidas em sincronia com a implementação.
Pacotes: O HDS é dividido em três pacotes publicados no npm. hds-core fornece as cores da marca, tipografia e estilos base da Cidade de Helsinque como estilos CSS e variáveis. hds-react fornece os componentes HDS implementados em React. hds-design-tokens contém a base do sistema, incluindo cores básicas e tipografia, como design tokens.
O site do projeto em hds.hel.fi abriga a documentação, uma lista de componentes disponíveis e instâncias do Storybook para os pacotes React e core. Existem guias de início separados para desenvolvedores e designers.
Desenvolvimento e contribuição: o monorepo usa Lerna para executar scripts entre pacotes, versionamento e lançamentos, e pnpm workspaces para gerenciamento de dependências, o que permite que os pacotes separados se referenciem por meio de symlinks durante o desenvolvimento local. Um guia de desenvolvimento cobre a configuração de um ambiente local. Contribuições são bem-vindas na forma de issues, pull requests e propostas de design de componentes; o projeto também documenta uma página de suporte para formas de entrar em contato. O repositório é licenciado sob a licença MIT.
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.