Componentes
Os elementos essenciais para construir experiências consistentes.
Botões
Ações claras, hierarquia consistente.
Badges e avatares
Pequenos detalhes, contexto imediato.
Alertas
Feedback no momento certo.
Abas
Conteúdo organizado sem perder o contexto.
O essencial, bem apresentado.
Use abas para agrupar informações relacionadas e manter a interface leve e fácil de explorar.
Espaço para os detalhes.
Adicione informações complementares, preferências ou um histórico nesta área.
Modal e notificações
Interações simples e acessíveis.
Progresso
Acompanhe cada etapa.
Notificações Toastify
Mensagens rápidas para cada situação.
Outros progressos
Variações para comunicar o andamento.
Acordeão
Informações organizadas em seções expansíveis.
Controles de formulário
Seleções e preferências para o dia a dia.
Tipografia
Hierarquia e leitura para o dia a dia.
Título de destaque
Subtítulo de seção
Um parágrafo de exemplo para apresentar informações com clareza.
Texto auxiliar para detalhes e observações.Cores
Uma paleta para indicar contexto e ações.
Lista de itens
Agrupe conteúdo relacionado.
- Projeto inicial Ativo
- Revisão de conteúdo Pendente
- Configurações gerais
Mídia e perfil
Combine imagem e conteúdo em uma mesma linha.
Uma estrutura simples para perfis, comentários e atividades.
Controles deslizantes
Ajuste valores dentro de um intervalo.
Árvore
Explore conteúdos organizados por nível.