Marca original
SVG preservado
O traço dourado pertence à marca. Sem redesenho, sombra ou recoloração.
Marques & Kubalaki · fundação visual
Clareza para o trabalho de todos os dias.
Marinho, papel e tinta. A marca aparece com discrição; a informação ocupa o primeiro plano.
Prévia de design com amostras fictícias. Nenhuma operação do CRM está disponível aqui.
Três vozes, três papéis
Fontes locaisInterfaceIBM Plex Sans · Ação, atenção e decisão.
DadosR$ 1.234,56 · 04/11/2026
InstitucionalCormorant Garamond
Componentes essenciais
Densidade no desktop. Espaço para tocar no celular.
Ações e foco
Use Tab para percorrer os controles e conferir o foco.
Rótulo sempre visível, mesmo após digitar.
Seleção nativa, acessível por teclado.
Confira o formato deste campo.
Área de toque ampliada sem aumentar o desenho do checkbox.
Status com texto, além da cor
Em análisePendenteConcluídoErroArquivadoÊxito
Leitura de uma lista
3 amostras| Documento | Estado | Atualização |
|---|---|---|
| Amostra de documento 01 | Em análise | 04/11/2026 |
| Amostra de documento 02 | Pendente | 03/11/2026 |
| Amostra de documento 03 | Concluído | 02/11/2026 |
Estados com a mesma linguagem
Vazio, carregamento e erro precisam ser distinguíveis.
Nenhum item nesta amostra
Um estado vazio informa o que está faltando, sem simular resultado.
Carregando amostra
Texto visível acompanha o indicador. Animação não é obrigatória.
Não foi possível carregar
A mensagem de erro não se parece com uma lista vazia.
Uma origem verificável para cada escolha.
Logos e fontes recuperados do pacote MK v4 fornecido pelo escritório. Lucide vem de uma revisão fixada, com licença preservada. Twenty orienta organização e densidade; nenhum componente seu foi importado.