← Hub index

Test 1 — AI Chat Composer (Density Pro)

slug: test1-ai-chat-composer · generated 2026-10-08 00:35 UTC

Screens

Desktop · 1280px
Desktop · 1280px
Narrow mobile · 320px
Narrow mobile · 320px
Standard mobile · 390px
Standard mobile · 390px
State: Attachment selected
State: Attachment selected
State: Attachment validation error
State: Attachment validation error
State: Disabled
State: Disabled
State: Empty
State: Empty
State: Generic failure (with Retry)
State: Generic failure (with Retry)
State: Offline
State: Offline
State: Ready to send
State: Ready to send
State: Stopped
State: Stopped
State: Streaming (with Stop)
State: Streaming (with Stop)
State: Typing
State: Typing
State: Attachment uploading
State: Attachment uploading
Tablet · 768px
Tablet · 768px

Direction 1

Direction 1 · Calm Focus — Desktop
Direction 1 · Calm Focus — Desktop
Direction 1 · Calm Focus — Mobile
Direction 1 · Calm Focus — Mobile

Direction 2

Direction 2 · Studio Canvas — Desktop
Direction 2 · Studio Canvas — Desktop

Direction 3

Direction 3 · Density Pro — Desktop
Direction 3 · Density Pro — Desktop
Direction 3 · Density Pro — Mobile
Direction 3 · Density Pro — Mobile

Brief

# Design Brief - Product/user: - Surface: - Scope: - Project mode: greenfield | extend | redesign - Problem/outcome: - Key design dimensions: - Content/brand constraints: - Accessibility constraints: - Technical constraints: - Fidelity target: - Output: design-only | design-and-code - Success criteria: - Taste profile used: yes | no - Recommended route: - Source roles: - Metered batch expected: - Approved by user: