Supabase — Feature
A three-column layout showcasing Supabase authentication features. Left column displays a grid of social provider icons, center column shows account creation and password reset UI mockups, and right column features a shield icon with data security messaging. Each column has a headline and supporting copy beneath.
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-six-card-product-feature-grid.
Measured spec
| Scheme | light |
| Background | #F3F3F3 |
| Text | #BAC5C0 |
| Contrast | 1.6 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.068 |
| Measured size | 1600×1402 px |
Palette
#FFFFFF#F5F5F5#10B981#6B7280#E5E7EB
Fonts
Circular
Page types
Detail
UX patterns
Social AuthMagic Link
UI elements
CardFormBadge
Context
Other sections on this page
- Hero — Authentication feature hero with split layout
- 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
- Gallery / Showcase — Production-ready templates grid with featured cards
- CTA / Sign-up — Hero CTA with trust badges and footer navigation