Design system
A identidade do portal em componentes reutilizáveis. Tudo roda localmente: cores, fontes, ícones e interface, sem depender do Superdesign.
Cores
Tipografia
Seus aplicativos
Uma identidade, seis destinos.
Bricolage Grotesque 700/800 nos títulos. DM Sans 400/500/700 na interface.
Texto de corpo: clareza para escolher, espaço para respirar, sem conteúdo inventado.
Rótulos e informações auxiliares — mínimo legível, sem esconder contexto.Botões e estados
Altura mínima de 56px, borda de 3px e sombra rígida. Tab navega; Enter e Espaço acionam. Sem animações quando o sistema solicita redução de movimento.
Ícones dos aplicativos
Cards de acesso
Kimi
Document Flow
Refuel
ORCHYD
Ementario
Dicionario
Layout e tokens
Uma coluna abaixo de 700px · duas a partir de 700px · três a partir de 1100px.
Shell de 92% até 3360px. Ícones de 80–96px, padding de 24–36px, raio de 22px nos cards. Sombras 8px 8px e 5px 5px sem blur.
src/tokens.css · src/apps.json · DESIGN.md · tokens.dtcg.json
Coral usa texto escuro para contraste. Não há backend, login, SSO ou métricas fictícias. Configure apenas URLs reais em src/apps.json.