Supabase — Feature
A two-column layout showcasing four distinct product features—Table Editor, SQL Editor, APIs, and Templates—with left-aligned feature titles and descriptions paired with right-aligned interactive screenshots and code examples. Each feature includes an icon-based navigation menu on the left.
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-full-plan-comparison-feature-matrix.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #DEDEDE |
| Contrast | 1.32 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.052 |
| Measured size | 1600×3704 px |
Palette
#FFFFFF#F8F9FA#2D3748#3B82F6#10B981
Fonts
Circular
Page types
Detail
UX patterns
Bento GridProgressive OnboardingCode BlockData Table
UI elements
Navigation BarCardCode BlockBadgeForm
Context
Other sections on this page
- Feature — Postgres Database Table Display with Hero Text
- Feature — Full database capabilities with Postgres and fine-grained access
- Feature — Three-column feature cards with icons, code, and UI mockups
- Feature — Two-column feature cards with checkmarks
- Gallery / Showcase — Four-card project showcase grid with mockups
- Footer — Multi-column footer with CTAs, compliance badges, and social links