SOFTNEW · FUNDAÇÃO VISUAL
Biblioteca de componentes
Tokens e padrões reutilizáveis da Softnew Gestão Empresarial.
Ambiente de desenvolvimento
Esta página apresenta componentes de interface. Não contém dados de empresas nem executa operações de negócio.
Paleta de cores
Valores do CSV oficial, centralizados em tokens.
Vermelho principal
#B71C1CGrafite
#1F2937Cinza médio
#6B7280Cinza claro
#E5E7EBBranco
#FFFFFFDestaque
#FDE8E8Tipografia
Inter local. Hierarquia e pesos definidos no Design System.
Título da página · 32/40
Seção e subtítulo · 24/32
Título de card · 18/28
Texto do sistema · 16/24
Informações auxiliares · 14/20
Botões
Variações, estados e ações acessíveis.
Status
Texto e ícone complementam as cores semânticas.
ConcluídoEm andamentoPendenteAtrasadoAguardandoCancelado
Campos de formulário
Labels, validação, ajuda, foco visível e operação por teclado.
Exemplo visual. Nenhum e-mail será enviado.
Informe um valor válido.
Tabelas
Rolagem horizontal contida e estrutura semântica.
| Componente | Responsabilidade | Estado visual |
|---|---|---|
| Botão | Ações e feedback de processamento | Concluído |
| Campo de formulário | Entrada, ajuda e validação | Concluído |
| Diálogo | Confirmações com foco controlado | Concluído |
Feedback e estados
Vazio, carregamento, erro, sucesso e sobreposições.
Operação concluída
Exemplo de feedback de sucesso.
Não foi possível concluir
Exemplo de erro. As mensagens reais dependerão da operação.
Carregando conteúdo
Nenhum item nesta demonstração
O estado vazio não simula registros de negócio.
Fonte oficial: design_system_grupo_tr.csv · 97 tokens · sem autenticação ou módulos de negócio nesta galeria.