Supabase — Gallery / Showcase
A two-column grid layout showcasing integration templates with two larger featured cards on top (Stripe and Next.js) and four smaller cards below. Each card displays a brand logo, title, description, and mockup preview in a clean card-based layout with subtle borders and rounded corners.
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-community-feedback-masonry-wall.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #CECED1 |
| Contrast | 1.57 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.078 |
| Measured size | 1600×846 px |
Palette
#FFFFFF#6366F1#7C3AED#F3F4F6#1F2937
Fonts
Circular
Page types
Detail
UX patterns
Bento Grid
UI elements
Card
Context
Other sections on this page
- Hero — Authentication feature hero with split layout
- Feature — Three-column authentication feature showcase with social providers, account creation, and data security
- Hero — Enterprise security headline
- Feature — Three-column feature cards with checkmarks
- Feature — Simple APIs and powerful libraries with code example
- Feature — User permissions with code example
- CTA / Sign-up — Hero CTA with trust badges and footer navigation