Crisp Teal Chat
A clean, fresh messaging/chat screen: white ground, teal outgoing bubbles and soft-grey incoming, a header with avatar + call/video, a timestamp divider, a link-preview card, a typing indicator, and an input bar with a teal send button.
Summary
A modern, friendly messaging / chat CONVERSATION screen: a header (back + avatar + name + 'Active now' + call / video / menu), a centered timestamp divider, incoming message bubbles (soft grey, with a small sender avatar) and outgoing bubbles (fresh teal, white text) with a 'Read' receipt, a link-preview card, a 'typing…' indicator, and a bottom input bar (+ , a rounded message field with an emoji icon, and a teal send button). Crisp and high-contrast.
Style
Fresh teal messaging: white/light ground, teal/emerald outgoing bubbles + soft-grey incoming, clean and high-contrast.
Layout & Structure
Single mobile chat screen, vertical: status bar, chat header, timestamp divider, message bubbles (in/out), link preview, typing indicator, input bar.
Header
Timestamp divider
Incoming bubbles
Outgoing bubbles
Link preview
Typing indicator
Input bar
Components
Two-tone bubbles
In vs out.
Teal send button
The accent action.
Special Notes
Teal is the single accent; keep incoming/outgoing contrast high. Real mobile proportions; reflow at 360/768. No warm clay, no slop-indigo.