Supabase — Bento Grid
A 2x4 bento grid layout presenting eight product features with icons, headings, descriptions, and illustrative graphics. Each card uses a light border design with mixed content hierarchy—bold keywords in descriptions draw emphasis to key capabilities.
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/supabase-three-column-everything-you-need-feature-panels.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #D1D2D2 |
| Contrast | 1.52 |
| Columns | 4 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.085 |
| Measured size | 1600×1259 px |
Palette
#FFFFFF#F5F5F5#E8E8E8#00B9A3#4F46E5
Fonts
Circular
Page types
Detail
UX patterns
Bento Grid
UI elements
Card
Context
Other sections on this page
- Hero — Build in a weekend—Scale to millions hero
- Logo Wall — Framework integrations and customer stories
- Gallery / Showcase — Customer stories and use-case cards with mixed sizing
- Gallery / Showcase — Six template cards with icons and descriptions
- Feature — Table Editor dashboard with capabilities overview
- CTA / Sign-up — Hero CTA with social proof badge and dual action buttons
- Footer — Multi-column footer with product navigation and trust badges