# Design System

Design System

# Component Catalog

Static documentation generated from the same templ primitives used by the Go application.

## Tokens

Semantic colors and status roles used by the Go design system.

/tokens.html

## Buttons

Primary, secondary, ghost, and destructive actions built from shared templ primitives.

/buttons.html

## Badges

Semantic status labels for todo, in-progress, success, and destructive states.

/badges.html

## Icon Buttons

Compact icon-only actions for destructive and neutral controls.

/icon-buttons.html

## Inputs

Shared single-line and multiline text controls.

/inputs.html

## Selects

Single and multi-value select controls with a shared server-rendered shell.

/selects.html

## Form Fields

Labeled controls with optional hint and error messaging.

/form-fields.html

## Modals

Shared modal shell for focused create, edit, and confirm flows.

/modals.html

## Spacing

Fixed horizontal and vertical spacer primitives for composing gaps between UI components.

/spacing.html

## Tables

Shared table shell for server-rendered list views.

/tables.html

## Empty States

Centered fallback messaging with optional icon and action.

/empty-states.html

## Cards

Reusable bordered surfaces with optional header, body, and footer regions.

/cards.html