# Design

## Theme

An operator reviews AI intelligence on a desktop monitor in a normal evening work setting, scanning sources and deciding what to read next. The UI should be light, quiet, and information-forward.

## Color

- Use OKLCH color values.
- Background: softly tinted neutral, not pure white.
- Surface: near-white neutral panels with subtle borders.
- Text: ink-like neutral with a small cool tint.
- Accent: restrained green-cyan for primary actions, active navigation, and selected states.
- Semantic states: red for failed runs, amber for warnings, green for completed runs.

## Typography

- Use system UI fonts: `-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif`.
- Keep a compact product scale: strong page title, restrained section headings, dense row text.
- Body copy should stay readable for Chinese and English mixed content.

## Layout

- App shell with a narrow left rail and a content workspace.
- First screen prioritizes collected signals and latest report, not abstract metrics.
- Use tables/lists for intelligence items; use cards only for repeated signal rows and summary panels where framing helps.
- Mobile collapses to a single-column review flow.

## Components

- Primary button for triggering a collection run.
- Status pills for run state.
- Filter/search controls for topics and entities.
- Signal rows with title, summary, source, topic, entities, and published time.
- Report reader panel with latest Markdown content.
- Empty state that says no collected data exists yet and offers a run action.

## Motion

Use short 150-200ms transitions for hover, selection, and loading states. Respect reduced motion.