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;
text-sm / leading-snug

Core Components

Construídos com cantos vivos e interações matemáticas.

Buttons

Badges / Tags

DEFAULT
SECONDARY
ACTIVE
ERROR