Framer — Bento Grid
A 3x3 bento grid layout showcasing modular product features across Performance, CMS, SEO, Hosting, Collaboration, Localization, Security, and Analytics sections. Each card displays interactive UI previews with purple accent elements and analytics charts, arranged in a dark dashboard-style interface.
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-not-just-vibes-a-full-platform-product-bento.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #2D3B44 |
| Contrast | 1.82 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.194 |
| Measured size | 1600×2426 px |
Palette
#0a0a0a#1a1a2e#0099ff#7c3aed#ffffff
Fonts
GT Walsheim
Page types
Detail
UX patterns
Bento GridStats / KPIs
UI elements
CardChartBadgeTabs
Context
Other sections on this page
- Hero — AI website builder editor with live preview
- Gallery / Showcase — Landing page with featured case studies
- Logo Wall — Customer logo grid on dark background
- Feature — AI Agents Feature Overview
- Feature — Community Feed & Marketplace
- Gallery / Showcase — Customer stories in four-column grid with logos and CTAs
- Hero — Get started with Framer — dual CTA and product interface preview
- Footer — Navigation footer with product, community, resources, tools, and business links