Framer — Feature
Dark-themed feature showcase with a 3-column layout highlighting core platform capabilities. Left column displays performance metrics (LCP, INP, CLS), center columns show CMS navigation tree and collaboration/localization features, and right column displays hosting/security stats and analytics. Heavy use of nested hierarchies, metric readouts, and labeled section anchors with arrows.
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-dashboard-bento.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #2D3B44 |
| Contrast | 1.82 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.205 |
| Measured size | 1600×2294 px |
Palette
#000000#1E40AF#06B6D4#0EA5E9#6B7280
Fonts
GT Walsheim
Page types
Detail
UX patterns
Dark ModeTabsStats / KPIsData Table
UI elements
CardBadgeTabsChart
Context
Other sections on this page
- Hero — AI website builder hero with product screenshot
- Gallery / Showcase — Framer site showcase grid
- Feature — AI agents with multi-screen workspace showcase
- Feature — Community-powered feature showcase with sidebar navigation
- Gallery / Showcase — Customer stories grid with logo wall
- CTA / Sign-up — Get started with Framer - dual CTA with product preview