Supabase — Feature
Feature showcase combining a headline with supporting subtext, segmented tab navigation, feature checklist with checkmarks, and a full-width dashboard mockup below. The layout uses a clear hierarchy with tabs for different editor types (Table Editor, SQL Editor, RLS Policies).
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-user-permissions-split-with-sql-row-level-security.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #D3D5D4 |
| Contrast | 1.45 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.047 |
| Measured size | 1600×1405 px |
Palette
#FFFFFF#1F2937#10B981#E5E7EB#6B7280
Fonts
Circular
Page types
Detail
UX patterns
Tab Bar NavigationEmpty State
UI elements
TabsSidebarBadgeForm
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
- Gallery / Showcase — Six template cards with icons and descriptions
- CTA / Sign-up — Hero CTA with social proof badge and dual action buttons
- Footer — Multi-column footer with product navigation and trust badges