Supabase — Gallery / Showcase
A mixed-grid layout showcasing 5 customer stories and use cases with varying card sizes. Top row features a larger featured card for Maergo, while smaller logo/name cards appear in a responsive grid. A secondary CTA section below promotes building with templates and examples.
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-enterprise-ready-three-card-security-grid.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #DADCDB |
| Contrast | 1.35 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.046 |
| Measured size | 1600×911 px |
Palette
#FFFFFF#F5F5F5#7AC396#808080#4A4A4A
Fonts
Circular
Page types
Detail
UX patterns
Bento GridFilter & Sorting
UI elements
Card
Context
Other sections on this page
- Hero — Build in a weekend—Scale to millions hero
- Bento Grid — Feature showcase grid with illustrated cards
- Logo Wall — Framework integrations and customer stories
- 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