Design System

This design system follows atomic design principles, organizing components from basic building blocks (atoms) to complex page layouts (templates).

Atoms

The basic building blocks of the interface. These are the smallest, indivisible components.

Buttons
Basic button variants for different contexts
Badges
Small status indicators and labels
Default Badge
Secondary Badge
Outline Badge
Destructive Badge
Form Inputs
Basic form input elements
Icons
Common interface icons