Otter — Hero
Light hero with top nav (Use Cases, Resources, Solutions, Enterprise, Pricing): 'Your AI notetaker is now also your Conversational Knowledge Engine' with Start for Free / Schedule demo CTAs and a meeting-summary product mock.
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