AI chat panel · High Contrast
A chat panel for an AI assistant: message log, typing indicator, streaming replies with a caret, stop control and a keyboard-first composer.
Design · High Contrast20 / 20
Every message is a 2 px bordered box with a spelled-out 'You said' or 'Assistant said' label, 16 px text, a 48 px composer and a 4 px focus ring.
Motion
Replies fade in word by word behind a thin caret, after a pulsing typing indicator.
Accent
A chat panel for an AI assistant: message log, typing indicator, streaming replies with a caret, stop control and a keyboard-first composer.
chatassistantaistreamingmessagescomposertyping