Otter: Product Landing Page

AI · Landing Page

An AI-powered personal assistant and note-taking platform that helps users capture ideas, organize information, and automate tasks through conversational AI. The page uses a multi-section scroll layout with alternating left-right content blocks, feature showcase screenshots, social proof logos, integration partnerships, and a gradient-heavy visual design to demonstrate the product's capabilities across different use cases.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/otter-ai-notetaker-and-knowledge-engine.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Otter

More from Otter

• Feature — Capture, scale and integrate
• Integrations — Connect to your favorite apps
• Feature — Like having your own executive assistant
• Hero — Landing page hero – AI note-taker and knowledge engine
• Logo Wall — Trusted-by logo wall
• Testimonial / Social Proof — Trusted by teams, loved by people
• Feature — Whatever you do, Otter works for you
• Bento Grid — Workflow capability bento