Supabase — Feature
Two-column layout with left-aligned text hierarchy and right-aligned code block. Left side presents feature benefits through a heading, subheadings with descriptive text, and right side shows a bordered code snippet demonstrating SQL authorization setup with documentation link.
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-dashboard-product-screenshot-with-tabs.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #8D8D8D |
| Contrast | 3.26 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.058 |
| Measured size | 1600×1109 px |
Palette
#FFFFFF#2D3748#6B7280#7C3AED#F59E0B
Fonts
Circular
Page types
Detail
UX patterns
Code Block
UI elements
Code BlockCard
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
- Gallery / Showcase — Production-ready templates grid with featured cards
- CTA / Sign-up — Hero CTA with trust badges and footer navigation