Design System
Fundamentos visuais, componentes e padrões de interface usados em todas as telas do HaisFaturamento. Use esta referência antes de criar qualquer tela nova.
Como usar este guia
Use o menu para navegar pelas seções deste guia. Comece pelos fundamentos, depois consulte componentes e padrões antes de criar uma tela nova.
- FundamentosCores, tipografia, raio, elevação e espaçamento que sustentam todas as telas.Marca · Cores · Tipografia · Raio e espaçamentoAbrir categoria
- ComponentesPeças prontas para montar telas: botões, badges, campos, upload, cards e ações.Botões · Badges e status · Chips · Formulários · Upload de arquivos · Cards · Ícones de ação e tooltipsAbrir categoria
- PadrõesComposições recorrentes: tabelas, filtros, navegação, modais e estados de dados.Tabelas e paginação · Filtros e busca · Padrões de página · Navegação e sobreposições · Feedback e estadosAbrir categoria