Supabase — Hero
Top nav bar (Supabase logo, Product/Developers/Pricing/Docs/Blog) over a two-tone headline 'Postgres without the hassle' with a green 'Start your project' CTA. Below sits a large spreadsheet-style Postgres table mock showing rows of user records.
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-postgres-hero-with-data-table-mock.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #D9DEDC |
| Contrast | 1.34 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.079 |
| Measured size | 1600×1112 px |
Palette
#FFFFFF#1C1C1C#3ECF8E#F2F4F5
Fonts
Circular
Page types
Detail
UX patterns
Data Table
UI elements
Navigation BarTableBadge
Context
Other sections on this page
- Feature — Everything you need three-card feature row
- Testimonial / Social Proof — Centered pull-quote with avatar
- Feature — Built for scale two-column features
- Feature — Table Editor split feature
- Feature — SQL Editor split feature
- Feature — Auto-generated API split feature
- Gallery / Showcase — Production-ready templates grid
- CTA / Sign-up — Build in a weekend CTA with compliance badges