45 lines
1.7 KiB
Markdown
45 lines
1.7 KiB
Markdown
# Claude Code prompt (opus-4.6): design + IA pass
|
|
|
|
Goal: Do a design pass on the every.channel web site and apply the same information architecture and language to the desktop app UI.
|
|
|
|
Constraints:
|
|
|
|
- Keep it clean and minimal, but warmer (a subtle nod to old TV).
|
|
- Do not use protocol jargon in user-facing labels. Avoid words like "MoQ", "mDNS", "DHT", "endpoint", "broadcast", "track", "gossip", "pkarr".
|
|
- Prefer plain language:
|
|
- "Watch a link"
|
|
- "Nearby (same Wi-Fi)"
|
|
- "Public (internet)"
|
|
- "Directory"
|
|
- "Sharing key"
|
|
- Keep layout readable on mobile and desktop.
|
|
- Reuse the existing visual direction (soft gradient background, rounded cards) but tighten typography and spacing.
|
|
- Preserve existing functionality. This is a design and IA pass, not a behavior rewrite.
|
|
|
|
Scope:
|
|
|
|
1. Web site IA and design
|
|
- Implemented site lives at `apps/web/`:
|
|
- `apps/web/src/main.rs`
|
|
- `apps/web/style.css`
|
|
- `apps/web/index.html`
|
|
- Improve the IA and copy, but keep the same sections: Watch, Directory, Participate, About.
|
|
- Make the top nav and sections feel cohesive and calm.
|
|
- Add small touches that feel "old TV" without being kitsch. Very subtle scanlines/noise is OK.
|
|
|
|
2. App UI IA and design alignment
|
|
- Desktop UI lives at:
|
|
- `apps/tauri/ui/src/main.rs`
|
|
- `apps/tauri/ui/style.css`
|
|
- Ensure the same language and IA as the web site.
|
|
- Hide advanced fields. Default flows should be link-first.
|
|
- Make the Directory controls read like product features, not network plumbing.
|
|
|
|
3. Deliverables
|
|
- Update CSS and UI copy.
|
|
- If you add new components, keep them in the same files for now.
|
|
- Keep changes reversible and minimal in surface area.
|
|
- Provide a short summary of what changed and why.
|
|
|
|
Please edit the repo directly.
|
|
|