Design System 1.6.0
RADICALLY PERSONAL.
TECHNICAL DESIGN TOKENS.
Experience the official CYRONIX Design System. Every user-visible system surface resolves from centralized tokens—from OLED black backgrounds to Space Grotesk tabular numerals.
Live Palette Engine
Click any accent swatch to test the live theme across this entire website in real-time:
ACCENT OVERLAYS
SURFACE MODE
Framework-Wide Overlays
On Android 11, Cyronix injects these palettes into both Theme.DeviceDefault and Theme.Material so third-party apps adopt harmonious dark surfaces instead of jarring grey.
Design Token Manifest (1.6.0)
| Token | Dark Value | Light Value |
|---|---|---|
accent_primary | #2EE6C5 | #0B7F6C |
background_window | #0B0F14 | #F5F7FA |
surface_primary | #121820 | #FFFFFF |
surface_elevated | #19212B | #FFFFFF |
dialog_radius | 20 dp | 20 dp |
button_radius | 10 dp | 10 dp |
body_font | Inter 4.1 | Inter 4.1 |
clock_font | Space Grotesk | Space Grotesk |
mono_font | JetBrains Mono | JetBrains Mono |