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 headline
- Feature — Three-column feature cards with checkmarks
- Feature — Simple APIs and powerful libraries with code example
- Feature — User permissions with code example
- Gallery / Showcase — Production-ready templates grid with featured cards
- CTA / Sign-up — Hero CTA with trust badges and footer navigation