Xerberus Theme Demo
Showcasing the theme in Tailwind CSS
Responsive Breakpoints
Resize the window to see breakpoint changes in real-time
Live Updates
Loading breakpoint information...
Primary Colors
Theme-aware color palette
Background
Foreground
Primary
Secondary
Xerberus Colors
Brand-specific color palette
Highlight
Positive
Negative
Royal Blue
Typography
System font with medium weight headings
Heading 1 (2xl, medium)
Heading 2 (xl, medium)
Heading 3 (lg, medium)
Heading 4 (base, medium)
Paragraph text (base, normal)
Muted text
Loader Component
Animated SVG loader with Xerberus branding
Basic Loader
Loader with Message
Loading your data...
Risk Over Time
Interactive D3 line chart showing risk rating history
N/A
Interactive Elements
Buttons, links, and interactive components
Buttons
Links & Text
Link with hover effect
Text with highlighted content and positive indicators.