Codex
41 lines
1.6 KiB
Markdown
41 lines
1.6 KiB
Markdown
# 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.
|