# Conversational and Voice

## Purpose

Chat and voice interfaces.

## Decisions

### Chat and voice

Chat and voice are in scope when a project needs them.

- **Messages:** **the user's messages are violet bubbles; the other side is plain text next to an avatar** (no bubble). This is for conversation screens. Lists of chats and logs use two-line avatar rows ([Data Display](../components/data-display.md)); those are lists, not the conversation itself.
- **Listening (voice input):** a **pulsing ring around the microphone button**, and the pulse **follows the loudness of the sound** being heard.
- **Audio playing:** **violet bars that move with the audio**, matching the sound being played.
- **Reply in progress** depends on the kind of interface:
  - **Chat app** (a person is typing): three fading dots.
  - **AI chat:** the reply streams in as text, with a blinking cursor.
  - **Status indicator** ("Thinking…" with the small spinner): a separate status that can sit apart from the streamed reply.
- Reduced motion: the pulses, bars and dots stop moving; see [Motion](../foundations/motion.md).