Supabase — Pricing / Plans
A horizontal 4-column pricing layout with header text explaining scalable pricing. The Pro plan is highlighted as "Most Popular" with a dark badge. Each column contains a plan name, description, CTA button, pricing tier, and feature list with checkmarks. The Pro plan card has a prominent border to draw attention.
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-customer-stories-hero-with-green-wash.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #B6CEC3 |
| Contrast | 1.67 |
| Columns | 2 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.151 |
| Measured size | 1600×1104 px |
Palette
#FFFFFF#5FD3BC#1F2937#6B7280#D1D5DB
Fonts
Circular
Page types
Detail
UX patterns
Pricing ToggleStats / KPIs
UI elements
Pricing CardBadgeButton