Skip to main content

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 Posts

Status 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
CLASSIFIED

Layout & 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