Cores

Verde-marca no centro; neutros quentes; status semânticos.

Marca

green-50

green-100

green-300

green-500

brand 500

green-600

green-700

green-800

green-900

Neutros

ink

ink-strong

ink-soft

muted

border

border-soft

surface

Status

success

warning

danger

info

Tipografia

Syne para H1/Display (marca). Figtree para interface. JetBrains Mono para IDs e valores.

Vai com a gente.

Syne 700 · 32px

Sua rota começa aqui

Syne 700 · 24px

Varredura de hoje

Figtree 600 · 24px

Manhã · Escola Vila Velha

Figtree 600 · 19px

Detalhes da rota

Figtree 400 · 16px

A van está a caminho. Você recebe um aviso quando o motorista iniciar a rota.

Figtree 400 · 15px

Atualizado às 09h02 · 8 alunos na rota

Figtree 400 · 13px

João Pedro · 3º ano

Figtree 600 · 12px

Varredura de hoje

Figtree 600 · 11px · UPPER

VAN-X7K2QXR-1J28 · R$ 450,00

JetBrains Mono · 12px

Botões

3 variantes × 4 tamanhos. Estados hover/pressed/focus/disabled via interação.

primary

secondary

tertiary

destructive

Botões especiais

Login social (S0-01). Formato pill com sombra suave.

Inputs

Tipos: default, search, password, dropdown, count, link. Estados focus/erro/disabled.

Nome completo

Como aparece no contrato.

Buscar aluno

Senha

Escola

Observações

0/120

Site

https://

CPF

CPF inválido. Confira os números.

Campo desabilitado

Checkbox

Aceite de termos, seleção múltipla.

Aceito os termos do serviçoReceber lembretes por WhatsAppAvisamos antes do vencimento da mensalidade.Opção desabilitada

Tags & Dots

Status de presença, pagamento e rota.

EmbarcouEm análiseFaltouEm rotaPausadoSem dot

Pago

Pendente

Atrasado

Ao vivo

Encerrado

Logomarca

Lockup e símbolo, em claro e escuro.

VaiVan

Ícones

Set Untitled UI (1167 ícones). Herdam currentColor; tamanhos 14/16/20/24.