Supabase — Feature
'Fine-tune your project' with a 'Cost Control' card mockup featuring a spend-cap toggle and usage configuration UI, framed as a way to cap costs beyond plan limits.
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-fine-tune-your-project-cost-control-configurator.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #B9B9B9 |
| Contrast | 1.93 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.049 |
| Measured size | 1600×914 px |
Palette
#ffffff#1c1c1c#3ecf8e#f8f8f8
Fonts
Circular
Page types
Detail
UX patterns
Usage MeterUpgrade Prompt
UI elements
CardToggleForm
Context
Other sections on this page
- Pricing / Plans — Four-tier pricing cards (Free / Pro / Team / Enterprise)
- Feature — How compute pricing works (interactive estimate panel)
- Comparison — Scale compute / disk configuration tables
- Comparison — Full plan-comparison feature matrix
- FAQ — Frequently asked questions (accordion)
- CTA / Sign-up — Build in a weekend, scale to millions CTA