Preview image. Unlock full-res
Dark split calculator with MAU input, product toggles left, and recommended Pro summary card right.
Summary
Self-serve pricing calculator mapping MAU and selected products to a recommended Pro plan price.
Visual description
Black page. PRICING CALCULATOR caps label and headline "Get the right plan for your business." Left: Monthly active users field showing 1,000 in purple, Products required list with Comments, Notifications, Text Editor, Realtime APIs each with colored icon, info dot, and purple-on toggles. Right dark card with RECOMMENDED badge, Pro $230/month for 1,000 MAU, audience line, white Sign up button.
Key takeaway
Pairing inputs and live quote card reduces pricing anxiety for modular APIs. Purple toggle state ties interactive controls to recommended badge.
Reuse notes
Place below static pricing table. Calculator should update price dynamically in production. Keep product list aligned with icon set from pricing cards.
