House style for agents.

This page is the design-system foundation's live consumer: token-driven Button, Input, Textarea, and a composed Contact form, rendered mobile-first. Resize the viewport — the header's nav moves inline and the button grid below gains columns at the sm/md breakpoints; nothing about the base layout assumes a wide viewport first.

Button states

Every variant below reads its colors, spacing, radius, and motion from tokens/ — none are hard-coded.

The icon-only Settings button uses size="sm" (32px): a dense, desktop-only size. GUI.md never makes it the only way to reach an action on a touch viewport.

Input states

Label and Input compose at the call site. Tab into a field to see the shared focus-visible ring. Colors and radii come from tokens/ only.

Disabled

Username

That username is already taken.

Link states

Thin text-link primitive for in-content navigation and secondary CTAs — Button stays the primary-action control. Tab through to see the shared focus-visible ring.

Default (inline)Subtle Disabled

Contact

Label, Input, Textarea, and Button composed into one validated flow. Submit empty to see field errors; submit valid values to see loading, then success.