Colors are the building blocks of our design system. We use Tailwind colours with some overrides as shown below.

Badges are used to indicate the status of a task or item, to categorize content, or to provide additional information.

Buttons have a built in loading state that preserves the size of the component to minimize layout shift and does not require additional logic.

Selects should (optionally) be clearable without an external button that modifies the state of the component.

Input components have built in leading and trailing icon slots that can be configured to have actions or serve as a visual indicator.