Otter AI

Otter.ai utilizes a clean, 'floating-device' strategy that emphasizes the UI's clarity and utility. By placing the phone frame against a consistent, soft pastel gradient, the design feels modern and airy, contrasting with the information-dense transcripts inside. The copywriting is purely functional and action-oriented, using verbs like 'auto-capture,' 'generate,' and 'access' to define value quickly. A standout design choice is the use of large, centered, sans-serif captions at the top of every frame, creating a rhythmic browsing experience. Designers can learn from the strategic use of UI overlays (like the record menu in slide 3) to explain features without cluttered diagrams. The color palette relies heavily on professional blues, reinforcing a sense of corporate reliability and intelligence.