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.

Buttons

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

Badges

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

Icon Buttons

Compact icon-only actions for destructive and neutral controls.

Inputs

Shared single-line and multiline text controls.

Form Fields

Labeled controls with optional hint and error messaging.

Modals

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

Spacing

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

Tables

Shared table shell for server-rendered list views.

Empty States

Centered fallback messaging with optional icon and action.

Cards

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