Cap — Hero
Top nav with Cap logo and menu over an asymmetric hero: left 'Record and edit locally' heading with dark download/CTA buttons, right a wide app mockup showing a dark recording canvas, central blue play button, and a swatch toolbar.
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/cap-split-hero-tight-headline-column-editor-mockup-with-play-button.
Measured spec
| Scheme | light |
| Background | #F2F2F2 |
| Text | #474950 |
| Contrast | 8.03 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.234 |
| Measured size | 1600×734 px |
Palette
#FFFFFF#0E0E12#2563EB#E5E7EB
Page types
Detail
UI elements
Navigation BarCardBadge
Context
- Parent page: Screen-recorder landing with split hero player and stacked product-shot feature blocks
- All of Cap
Other sections on this page
- Logo Wall — Grayscale customer logos (TyTech, Coinbase, IBM)
- Feature — 'One app, every workflow' intro + screen-share feature card
- Feature — 'Record in full quality, edit before you share' editor card
- Feature — 'Capture, beautify, share' dark-canvas feature card
- Bento Grid — 'Built For How You Actually Work' feature grid
- Testimonial / Social Proof — 'Loved By Builders' tilted scattered testimonial cards
- Pricing / Plans — 'Simple, Honest Pricing' two-column comparison
- FAQ — 'Questions? We've Got Answers' accordion list
- Footer — Multi-column mega-footer with link groups