Styleguide

[matheusps]

Descrição da melhoria:
Desenvolvimento do guia de estilo issueai

Necessidade da melhoria:

• Garantir usabilidade
• Garantir acessibilidade
• Fazer dogfooding até alcançar maturidade a fim de garantir consistência entre produtos opendev

Como ela pode ser implementada:

• Utilizar styled-components que seguem o design criado.

Imagens:

• Sistema de tipografia:
  

[thayannevls]

@matheusps quais seriam os passos para implementar?

[matheusps]

Então @thayannevls. Eu vou disponibilizar o link do sketch com todas as partes do styleguide que necessitam de implementação. O escopo dos componentes iniciais (como Header , Footer, SearchInput, FilterBar, etc..) cobre apenas o issue-ai. Caso todo o design seja aprovado pelo grupo, o styleguide seria implementado dentro deste mesmo repositório em uma pasta separada, podendo ser nomeada de styleguide. Todos as páginas do IssueAí passariam a utilizar os componentes deste styleguide. Esta seria a primeira fase.

A segunda fase, seria corrigir eventuais bugs, desenovolver componentes pendentes e criar mais testes a fim de tornar o styleguide mais robusto.

E finalmente, a terceira parte seria a extração. Com o styleguide mais solido e concentrado apenas em uma pasta podemos realizar uma estração para um repositório próprio, com uma documentação própria e stories. Assim poderíamos facilmente desenvolver produtos que sigam um mesmo padrão.

Claro, a fase seguinte seria tentar trazer os outros produtos para este padrão. Isso envolveria evoluir o styleguide para cobrir tais apps.

Eu gosto de dividir em fases bem definidas por questão de segurança, já que o issueAi está em produção. Quebrar não seria algo interessante.

O que acha desta proposta ?

[joaopslins]

Styled-components ❤️

[fanny]

Gostei da proposta @matheusps, ia sugerir a gente já fazer num repo separado, mas acredito que faz sentido tua sugestão de baby-steps. Eu não tenho tanto conhecimento de design-systems então vou fazer um estudo, pra também tentar entender quais são as soluções que a galera costuma adotar, e conseguir fazer mais sugestões.