Modal — Comparison
'Why serverless?' compares two area charts on black panels: a red/orange 'Traditional cloud: $5,400' over-provisioned curve versus a green 'Modal serverless cloud: $4,740' autoscaling curve, each annotated with the GPU-hour math.
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/modal-why-serverless-traditional-vs-modal-cost-area-charts.
Palette
#DFEEDC#0A0A0A#E0473A
Fonts
Inter Variable
Page types
Detail
UX patterns
Stats / KPIs
UI elements
ChartCard
Context
- Parent page: Dev-tool pricing with live resource-cost table, three plan cards, and serverless cost-comparison charts
- All of Modal
Other sections on this page
- Hero — Split hero: giant headline + live resource-cost rate table
- Pricing / Plans — Three-tier plan cards (Starter / Team / Enterprise)
- Feature — Credit grants trio on mint panel with marker highlights
- Feature — Sandbox + Notebooks pricing with 3D isometric illustration
- Comparison — Compare features matrix across three plans
- FAQ — Frequently asked questions accordion
- CTA / Sign-up — Ship your first app in minutes with floating green cubes