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.

1.6 KiB Raw Permalink Blame History