Skip to content

Design and theming

Describe the visual direction in everyday language: quiet typography, open backgrounds, rounded controls, or a compact information layout. Attach a reference when it helps explain the intended feel.

Give the main action a clear label. Keep secondary actions quieter and group related information. A dashboard should make status easy to compare; a voice experience should make microphone and session state obvious.

Check loading, empty, selected, disabled, and error states as well as the populated view. Make labels readable in light and dark appearances where offered. Test keyboard focus and narrow screens.

Keep labels steady while decorative elements move. Ask for a pause control for ongoing animation and reduced motion support. Short, quiet transitions help people follow a change without distracting from their task.

Preview · Design references