DESIGN.md@site git:20260825.f9da68cA

Immutable. This exact content is served forever at /api/v1/blob/a72f0956b002bff8.

# Quiet Trust design system

JobAppAgent should feel calm, inspectable, and quietly capable—not like a gamified job board or a hustle product. The experience reduces cognitive load while keeping agency and evidence visible.

## Brand foundations

- **Libre Baskerville** carries the wordmark, hero, and editorial headings. Use regular and italic cuts with restrained tracking.
- **DM Sans** carries body copy, navigation, controls, and product language.
- **IBM Plex Mono** is reserved for telemetry, prices, run states, labels, and evidence.
- Forest `#173F35` is the primary trust color. Eucalyptus `#63B995` signals progress. Parchment `#F2E9D8` is the default canvas. Warm white `#FFFAF0` is the main surface.
- Supporting text uses `#486159`; muted text uses `#73867F`; borders use `#D8CCB7`.
- Coral is reserved for pauses, errors, and human-only decisions.

## Composition

- Use an editorial hierarchy with generous breathing room, warm flat surfaces, and deliberate asymmetry.
- Keep corners soft but not bubbly. Avoid decorative shadows, gradients, dashboard gloss, robots, sparkles, and stock job-board imagery.
- Use one clear primary action per section and prefer plain sentences over slogans.
- Motion is subtle and always respects reduced-motion preferences.

## Mark

The boundary-run mark is intentionally limited to three shapes: a parchment tile, a forest route, and an eucalyptus endpoint. It represents routine work moving within a clear boundary. It must stay legible at 16px and remain recognizable in monochrome. Use the same mark for favicon, installable app icon, header, and social identity.

## Voice and evidence

- Calm, direct, specific, and never breathless. Avoid hustle language, artificial urgency, or growth hype.
- Show evidence as receipts, thresholds, and run states. Never present illustrative numbers as real customer results.
- Lead cloud conversion with verified aggregate community proof. Label installations as installations, never as people.
- Keep the public journey focused on the hosted product; open-source provenance may remain in supporting copy without competing calls to action.
- Use this same system across `jobappagent.com` and `stats.jobappagent.com`.