NyxWorks.
Orbitron Bold · var(--color-text-primary)
ai
Orbitron Bold · #8A5CFF
icon-dark.png
logo-dark.png
icon-light.png
logo-light.pngmix-blend-multiply on the light icon variant to eliminate white background artifacts.bg
--color-bg
#0B0F1A · Page background
bg-card
--color-bg-card
#12162A · Card / panel backgrounds
bg-card-hover
--color-bg-card-hover
#1A1F36 · Card hover state
border
--color-border
#1E2440 · Borders, dividers
text-primary
--color-text-primary
#E8EAF0 · Headings, body text
text-secondary
--color-text-secondary
#C9CCD6 · Descriptions, secondary text
text-muted
--color-text-muted
#7B7F8E · Captions, placeholders
accent
--color-accent
#5B3FD6 · Primary brand color, buttons
accent-light
--color-accent-light
#8A5CFF · Hover states, highlights
accent-dark
--color-accent-dark
#4A2FC0 · Active states, gradients
success
--color-success
#22c55e · Success states, confirmations
success-light
--color-success-light
#4ade80 · Success highlights
warning
--color-warning
#f59e0b · Warnings, cautions
warning-light
--color-warning-light
#fbbf24 · Warning highlights
error
--color-error
#ef4444 · Errors, destructive actions
error-light
--color-error-light
#f87171 · Error highlights
info
--color-info
#3b82f6 · Informational states
info-light
--color-info-light
#60a5fa · Info highlights
Geist Sans
--font-sans
Body text, UI elements
Geist Mono
--font-mono
Code, data, technical content
The quick brown fox — xs
The quick brown fox — sm
The quick brown fox — base
The quick brown fox — lg
The quick brown fox — xl
The quick brown fox — 2xl
The quick brown fox — 3xl
The quick brown fox — 4xl
The quick brown fox — 5xl
Lucide React — use at sizes 14, 16, 18, 20, or 24.