Design System Demo
Typography & Headings
H1 - Mission Critical
H2 - System Status
H3 - Sector Analysis
H4 - Operational Details
H5 - Technical Specs
This is body text using the primary monospace font. It maintains readability while providing that terminal aesthetic.
Secondary text for metadata and less important information.
Buttons & Actions
View Blog PostsStatus Tags & Indicators
HIGH RISKMEDIUMLOW
ALERT
WARNING
NORMAL
Stat Blocks
127
THREATS DETECTED
42
SYSTEMS MONITORED
99.8%
UPTIME
Vertical Stat Block
1,337
TOTAL OPERATIONS
CLASSIFIEDLayout & Dividers
This demonstrates the card container with proper spacing and borders.
Content separated by a solid divider.
Content with a half-width dashed divider.
Semi-Black Card Variant
This card uses the semi-black background variant for subtle layering effects.
Color Palette
BLACK
WHITE
RED ACCENT
ORANGE WARN
GRAY LIGHT
GRAY MEDIUM
GRAY DARK
GRAY MUTED