Framer — Bento Grid
A dense bento grid of dark capability cards — Performance, CMS, Site Settings, Collaboration, SEO, Localization, Security, A/B Testing and an Analytics card with line charts — including a large '99.99% uptime' metric callout.
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
#000000#1C1C1F#2B7FFF#E8E8E8
Fonts
GT Walsheim
Page types
Detail
UX patterns
Bento GridStats / KPIs
UI elements
CardChartTableBadge
Context
Other sections on this page
- Hero — Editor-mockup hero with AI prompt canvas
- Gallery / Showcase — 'Shipped with Framer' site gallery
- Logo Wall — Customer logo strip
- Feature — 'Agents that work alongside you' scroll narrative
- Gallery / Showcase — 'Built on a community' showcase
- Testimonial / Social Proof — 'Trusted by teams' case-study logo wall
- CTA / Sign-up — 'Get started with Framer' neon-toolbar CTA
- Footer — Multi-column dark footer