AutonomOps Design System Test

Typography

Heading 0 - Hero Title
Heading 1 - Page Title
Heading 2 - Section Title
Heading 3 - Subsection
Heading 4 - Component Title
Heading 5 - Small Title
Heading 6 - Micro Title
Body Large - Important text
Body - Default text
Body Small - Secondary text
Caption - Micro text

Colors

Primary Blue
Accent Purple
Accent Cyan
Glass Morphism Card with backdrop blur

Spacing (8px base)

xs
sm
md
lg
xl

Animations

Float Animation
Pulse Glow
Gradient Shift

Interactive States

Interactive Card

Utility Classes

Flex Center
FlexBetween