System Active
Spatial Precision
Laboratório de Interface e tokens base da OSA Agência Digital. Foco em estética Dark Industrial, formas engenhadas e interações matemáticas para interfaces 3D imersivas.
OSA // DASHBOARD
System Colors
Escala tonal e aplicações semânticas.
#050505
Surface Base
--background
#121212
Surface Raised
--card
#1E1E1E
Surface Overlay
--secondary
#0070F3
Accent Eletric
--accent
#E0E0E0
Text Primary
--foreground
#717171
Text Muted
--muted-foreground
#3F3F3F
Border Default
--border
#0CBA52
Success State
--success
Typography
Inter para legibilidade, JetBrains Mono para dados.
Sans-Serif (Inter/DM Sans)
Heading 1
font-bold / tracking-tighter
Heading 2
font-semibold / tracking-tight
Corpo de texto primário focado em clareza extrema. O espaçamento entre linhas foi milimetricamente ajustado para garantir que blocos de texto denso em painéis de software permaneçam perfeitamente legíveis.
text-base / leading-relaxed
Monospace (JetBrains)
NUMERICS 123.45
font-bold
KEY_VALUE_PAIR = ACTIVE
text-accent
// Usado para exibições de métricas 3D,
// coordenadas, código e logs do sistema.
const isSystemReady = true;
// coordenadas, código e logs do sistema.
const isSystemReady = true;
text-sm / leading-snug
Core Components
Construídos com cantos vivos e interações matemáticas.