Supabase — Feature
Section titled 'How compute pricing works' showing a mock Supabase project dashboard panel with a Pro plan summary and line-item compute add-ons, presented as a live billing-estimate widget.
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-how-compute-pricing-works-interactive-estimate-panel.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #EBEBEC |
| Contrast | 1.17 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.063 |
| Measured size | 1600×1115 px |
Palette
#ffffff#1c1c1c#3ecf8e#ededed
Fonts
Circular
Page types
Detail
UX patterns
Usage Meter
UI elements
CardTableBadge
Context
Other sections on this page
- Pricing / Plans — Four-tier pricing cards (Free / Pro / Team / Enterprise)
- Comparison — Scale compute / disk configuration tables
- Feature — Fine-tune your project / Cost Control configurator
- Comparison — Full plan-comparison feature matrix
- FAQ — Frequently asked questions (accordion)
- CTA / Sign-up — Build in a weekend, scale to millions CTA