Otter — Hero
Meeting transcription and searchable knowledge management from recorded conversations. The page uses a split layout with left-aligned hero text positioning the product as an AI notetaker that transcribes meetings and surfaces actionable insights, while the right side shows a preview of the transcription interface with participants, summary and transcript tabs, and individual speaker highlights from a sample kickoff meeting.
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-otter-ai-notetaker-hero.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #404E82 |
| Accents | #404E82 |
| Contrast | 7.98 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.148 |
| Measured size | 1600×677 px |
Palette
#FFFFFF#000000#1D25E2
Fonts
Circular
Page types
Detail
UI elements
Navigation BarCard
Context
Other sections on this page
- Logo Wall — Trusted-by logo wall
- Feature — Like having your own executive assistant
- Bento Grid — Workflow capability bento
- Feature — Whatever you do, Otter works for you
- Feature — Capture, scale and integrate
- Testimonial / Social Proof — Trusted by teams, loved by people
- Integrations — Connect to your favorite apps