Supabase — Feature
A backend-as-a-service database platform for building APIs and managing data without writing backend code. The page showcases four key features: spreadsheet-like table editing with no SQL required, a full SQL editor for direct query writing with syntax highlighting, automatic API generation from database schema, and production-ready starter templates. Layout alternates between feature titles on the left with supporting copy, and right-side product screenshots showing the UI in action, organized in distinct sections.
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