Pular para o conteúdo
Faculdade PhorteDesign System

Design System da Faculdade Phorte

O kit de peças que os sites da instituição usam para montar suas páginas — botões, campos, cartões de curso, menu, rodapé — junto com as decisões de cor, tipografia e espaçamento que fazem tudo parecer a mesma marca.

O que os marcadores significam

Este styleguide fica publicado o tempo todo, inclusive com peças inacabadas. Isso só funciona se o estado estiver visível — sem marcador, o visitante assume que tudo está pronto.

  • Planejado

    Existe no inventário, ainda não foi construído ou revisado.

  • Em andamento

    Implementado e utilizável, mas ainda sem a validação completa de acessibilidade.

  • Pronto

    Passou na matriz de remediação, tem ficha no catálogo e cumpre o checklist de acessibilidade.

Por baixo, os documentos deste repositório usam quatro estágios — Draft, Ready for Dev, Storybook Ready e Production Ready. A distinção entre os dois últimos importa para quem faz o QA, não para quem consulta o catálogo.

Seções

Duas superfícies, papéis diferentes

Este styleguide mostra as peças em contexto, montadas, com o estado de cada uma — é onde o QA acontece. O Storybook mostra cada peça isolada, com todos os seus estados e controles para mexer — é onde se testa o comportamento.

Para clonar este repositório e usá-lo no seu projeto, veja docs/processo-de-clone.md.