Botões
Ação principal, alternativa e estado bloqueado.
Biblioteca de interface
Uma linguagem.
Em cada detalhe.
Controles, estados e padrões usados pelo painel Zykar. Os exemplos abaixo são interativos e seguem o mesmo tema da aplicação.
ZYKAR UI 0.201
Fundamentos
Uma paleta curta, contraste claro e espaços consistentes.
Ink
#111315Paper
#F3F1EBZykar lime
#C8E86ASignal blue
#315CFF02
Controles
Estados de foco, seleção e desativado seguem o mesmo padrão.
Checkboxes
Use para escolhas independentes.
Switches
O estado está visível mesmo sem depender só da cor.
Seleção pesquisável
O seletor do painel mantém busca e teclado.
Campos
Rótulos ficam visíveis fora do campo.
Slider
Use para valores dentro de um intervalo contínuo.
03
Feedback
Respostas curtas para ações, carregamento e estados do sistema.
Status
Online3 regras ativasCarregamento
Notificações
04
Diálogos
Confirmações e entradas acontecem dentro do painel, sem caixas do navegador.
Confirmação destrutiva
Mostra o efeito da ação e oferece uma saída clara.