# Visual Design Contract

This app should have a deliberate visual direction, not an accidental starter
theme. Read `.agents/skills/frontend-design/SKILL.md` and its visual-direction
reference before building or restyling a user-facing surface.

## Product mode

- Mode: `operate` | `read` | `persuade` | `experience`
- Audience and cadence:
- Environment: bright office, dark room, mobile, shared screen, or other:
- Primary workflow:

## Visual direction

- Direction name:
- Palette family: choose one semantic accent family; do not default to warm
  beige plus terracotta.
- Type treatment: sans-first unless a content preview needs editorial contrast.
- Composition: focused workbench, dense console, document, canvas, or guided
  steps.
- Shape language: quiet corners, crisp geometry, or soft utility surfaces.
- Anti-references:

## Implementation contract

- Preserve existing brand tokens and local components when they exist.
- Keep app chrome semantic and let the domain accent do limited work.
- Keep the contextual AgentSidebar visibly distinct with a quiet boundary.
- Compare sibling apps before reusing their palette or composition.