# Design Language for eyes.team ## Aesthetics and Tone A collaborative surveillance-awareness team workspace where collective eyes monitor and protect -- eyes.team renders as a team dashboard for a group dedicated to watching, analyzing, and documenting. The team-workspace aesthetic draws from project management tools but with a surveillance-awareness twist: task boards become watchlists, status indicators become alert levels, and team avatars become eye-shaped icons. The design communicates organized vigilance. The tone is team-captain-focused: clear, directive, mission-oriented. "Eyes on target. Report status. Stay sharp." ## Layout Motifs and Structure **Workspace System:** A Kanban-style board layout with columns representing different watch categories. **Section Flow:** 1. **The Briefing:** Hero with team name, mission statement, and team status indicators. 2. **The Board:** Kanban columns (3-4) with card items representing tasks/watches. 3. **The Feed:** A real-time-style activity feed showing team updates. 4. **The Roster:** Team member display with role labels and status indicators. ## Typography and Palette - **Headlines:** "Inter" at 1.5rem-2.5rem, weight 700. - **Body:** "Inter" at 0.9rem, weight 400, line-height 1.6. - **UI Labels:** "Inter" at 0.75rem, weight 600, all-caps, letter-spacing: 0.04em. **Palette:** Workspace Dark (#12141a), Card Surface (#1e2028), Active Blue (#3b82f6), Alert Amber (#f59e0b), Success Green (#22c55e), Danger Red (#ef4444), Text (#d1d5db), Muted (#6b7280), Border (#2a2d38). ## Imagery and Motifs **Kanban Columns:** Vertical columns with header labels, containing draggable-style cards with left-color-coded borders. **Status Dots:** Small circles (8px) in status colors (green=active, amber=alert, red=critical) next to items and team members. **Activity Feed:** A scrollable list with timestamp, actor, and action in compact monospace formatting. **Eye-Shaped Avatars:** Team member placeholders use ellipse-based eye shapes instead of circular avatar frames. ## Prompts for Implementation Build as a team operations dashboard. The board loads with Kanban columns appearing left to right (200ms stagger). Cards within columns appear top to bottom. Status dots pulse slowly (2s cycle) when in alert/critical state. The activity feed has the most recent entry highlighted. Eye-shaped avatars in the roster create team-theme cohesion. The entire interface should feel like a real-time team workspace. Hovering cards lifts them slightly (translateY: -2px). No marketing elements -- this is a working tool interface. ## Uniqueness Notes 1. **Kanban-as-surveillance-watch-board:** Repurposing project management layout for collective observation creates unique context. 2. **Eye-shaped team avatars:** Ellipse-based avatar frames reinforce the thematic focus on observation. 3. **Status-dot alert system:** Color-coded pulsing dots create a mission-control alert feel. 4. **Activity feed as team pulse:** The real-time-style update stream adds operational urgency. Document chosen seed/style: aesthetic: workspace-dashboard, layout: kanban-board, typography: ui-sans, palette: dark-status-colors, patterns: status-dots, imagery: kanban-cards, motifs: eye-avatars, tone: team-captain-focused