Void Teal
Zenith design system preview — colors, typography, and the core `components/ui` primitives. The palette is derived from the Foozle Void (CC0) pixel assets. This page is a working reference, not final page content.
Colors
Void Deep
--color-void-deep
Void Mid
--color-void-mid
Void Surface
--color-void-surface
Teal
--color-teal
Teal Dim
--color-teal-dim
Pink
--color-pink
Ink
--color-ink
Ink Muted
--color-ink-muted
Typography
Display — Press Start 2P
Body — Nunito. Used for every paragraph of real content; the pixel font stays limited to short headlines and labels so longer text stays comfortably readable.
Stat/tag — VT323 — Lv. 20 · React · ESP32 · 3.73 GPA
PixelPanel
Nebula variant
Default HUD-style panel — light ink text on a void-surface fill with a teal notched border and hard offset shadow.
Void variant
Deepest dark fill for nested/inner panels — a dim teal border on a void-mid surface. Use for a panel inside a panel.