Supabase — Gallery / Showcase
A 3-column grid layout showcasing six starter template cards, each with brand icons at the top, a bold title, descriptive text, and a "View Template" call-to-action link. Clean, minimal card design with consistent spacing and typography hierarchy.
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-simple-apis-split-with-javascript-code-block.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #D6D7D6 |
| Contrast | 1.42 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.084 |
| Measured size | 1600×1076 px |
Palette
#FFFFFF#2C2C2C#6B6B6B#F5F5F5#E0E0E0
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
- Bento Grid — Feature showcase grid with illustrated cards
- Logo Wall — Framework integrations and customer stories
- Gallery / Showcase — Customer stories and use-case cards with mixed sizing
- 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