Supabase — Hero
Left-aligned hero section with large black headline and supporting gray copy on the left, paired descriptive text on the right. Includes two CTAs (filled green button and outlined secondary button) and spans full width with subtle bottom border divider.
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-centered-hero-with-green-accent-headline.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #7E8280 |
| Contrast | 3.83 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.083 |
| Measured size | 1600×909 px |
Palette
#FFFFFF#1A1A1A#14B8A6#6B7280#F0F4F8
Fonts
Circular
Page types
Detail
UI elements
Navigation Bar
Context
Other sections on this page
- Feature — Three-column authentication feature showcase with social providers, account creation, and data security
- Hero — Enterprise security positioning
- Feature — Three-column feature cards with checkmarks
- Feature — API Authentication Documentation Hero
- Feature — Row-level security setup guide
- Gallery / Showcase — Templates Gallery
- CTA / Sign-up — Hero landing page with CTAs and security badges