Supabase — Feature
Two-column layout with left-aligned headline and feature list on the left, paired with a right-aligned code block example. Clean hierarchy using large bold headline with supporting description text above an icon-labeled feature list.
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-starter-template-gallery.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #A1A1A1 |
| Contrast | 2.54 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.049 |
| Measured size | 1600×696 px |
Palette
#F5F5F5#6B7280#000000#4F46E5#10B981
Fonts
Circular
Page types
Detail
UX patterns
Stats / KPIsCode Block
UI elements
Code BlockBadge
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 — User permissions with code example
- Gallery / Showcase — Production-ready templates grid with featured cards
- CTA / Sign-up — Hero CTA with trust badges and footer navigation