Mem — Hero
Mem is a note-taking and information organization tool that helps users dump ideas, meetings, and research and get it all organized automatically. The page features a left-aligned hero section with large dark sans-serif typography, supporting copy, and two primary CTAs (Download and Watch video), paired with a right-side showcase of the product in action: a note-card displaying flight information with departure and return details, a circular image of a user at a laptop, and circular icons representing information capture and organization.
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/mem-mem-hero.
Measured spec
| Scheme | light |
| Background | #FBF8F0 |
| Text | #A73F35 |
| Accents | #A73F35 |
| Contrast | 5.81 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.265 |
| Measured size | 1600×859 px |
Palette
#FCF8F1#100F31
Fonts
Ritual VF Variable
Page types
Detail
UI elements
Navigation BarCard
Context
Other sections on this page
- Feature — Customer Insights note demo
- Feature — Remembering is so yesterday
- Steps / How-it-works — Get things into Mem
- Feature — Use everything you save
- Feature — Answers questions about your notes
- Gallery / Showcase — The Memo blog tips
- Testimonial / Social Proof — A match for great minds
- Footer — Footer Navigation