Framer — Hero
Left headline 'Framer is the AI website builder for standout sites' with Get started / Download app buttons; right shows a dark browser/canvas mockup with an AI chat panel generating a portfolio site.
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/framer-split-hero-with-ai-builder-canvas-mockup.
Measured spec
| Scheme | dark |
| Background | #161616 |
| Text | #3D474D |
| Contrast | 1.9 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.576 |
| Measured size | 1600×1489 px |
Palette
#000000#141414#1d6cf0#ffffff
Fonts
GT Walsheim
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarCardForm
Context
Other sections on this page
- Gallery / Showcase — 'Shipped with Framer' site gallery + logo wall
- Feature — 'Agents that work alongside you' scroll sequence
- Bento Grid — 'Not just vibes, a full platform' dashboard bento
- Feature — 'Built on a community' interface showcase
- Logo Wall — 'Trusted by teams shipping big sites' case studies
- CTA / Sign-up — 'Get started with Framer' glowing canvas CTA