A fusão da leveza minimalista com a engenharia de alta performance. Um ecossistema visual paramétrico, cristalino e criado para a era da inteligência artificial.
Combinação de fontes grotescas e monoespaçadas carregadas via Google Fonts (CDN) para máxima clareza em dados densos.
Display & Headers (Primary)
Space Grotesk
Weights: 300, 500, 700 | Fallback: sans-serif
Body & UI (Secondary)
Inter
Weights: 300, 400, 500, 600 | Fallback: sans-serif
Data & Code (Monospace)
JetBrains Mono
Weights: 400, 500, 700 | Fallback: monospace
body-lg / Parágrafo maior para leitura.
Inter / 16px / Regbody / Parágrafo padrão do sistema.
Inter / 14px / RegCaptions & Labels
Mono / 12px / CapsNeutras (Fundo & Texto)
Pure White
#FFFFFF / Base Background
Lab 50
#F8FAFC / Surface Light
Lab 900
#0F172A / Primary Text
Primárias & Destaque
Blue Force
#3B82F6 / Primary Action (AAA)
Cyan Pulse
#06B6D4 / Secondary & Glow
Feedback (Contextual)
Success Green
#22C55E / Valid, Online
Alert Orange
#F97316 / Warning, Accent
Error Red
#EF4444 / Destructive, Failed
SYS.NODE_04 // ONLINE
Integração nativa com pipelines WebGL e shaders GLSL para renderização de milhões de pontos de dados sem engasgos no DOM, encapsulado em um design clean.
Latência Média
12ms
Taxa de Atualização
120Hz
Todos os componentes deste Design System foram instanciados e estão prontos para produção. A estética branca confere modernidade e leveza.
