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 hero with product embed
- Gallery / Showcase — Dark bento grid with customer logos and hero cards
- Logo Wall — Customer logo grid on dark background
- Feature — Multi-feature showcase with agent-powered design system
- Feature — Community-driven platform dashboard with sidebar navigation
- Gallery / Showcase — Customer stories in four-column grid with logos and CTAs
- Hero — Get started with Framer — dual CTA and product interface preview
- Footer — Multi-column footer navigation with product categories