iMessage Design Language
Colors, spacing, and typography sourced from the iOS 17 iMessage UI Kit (Community Figma file):
| Element | Color |
|---|---|
| Outgoing bubble | rgb(0, 122, 255) |
| Incoming bubble | rgb(233, 233, 235) |
| Bubble text (blue) | rgb(255, 255, 255) |
| Bubble text (gray) | rgb(0, 0, 0) |
| Timestamp | rgb(144, 144, 147) |
| Navigation bar | rgb(248, 248, 248) |
| Screen background | rgb(247, 247, 247) |
| Keyboard background | rgb(210, 213, 219) |
| Keyboard key | rgb(255, 255, 255) |
| Link / Send button | rgb(52, 120, 246) |