Supabase — Hero
Left-aligned hero section with large black headline, gray supporting copy on the right, and two call-to-action buttons below. Clean, minimal layout with generous whitespace and a horizontal tab navigation above introducing the Storage product feature.
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-two-tone-headline-hero-with-green-cta.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #828785 |
| Contrast | 3.59 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.071 |
| Measured size | 1600×770 px |
Palette
#FFFFFF#000000#4ECCA8#777777
Fonts
Circular
Page types
Detail
UX patterns
Tab Bar Navigation
UI elements
Navigation BarTabsBadge
Context
Other sections on this page
- Feature — Three-column feature cards with icon illustrations
- Feature — Three-column bucket types comparison
- Feature — Simple and convenient APIs with code example
- Feature — Supabase Auth integration with policy examples
- Gallery / Showcase — Production-ready template cards with featured examples
- Gallery / Showcase — Four-card template and starter showcase grid
- Gallery / Showcase — Four-card template showcase grid
- Footer — Multi-column footer with security badges and social links