Modal — Pricing / Plans
Three side-by-side cards with green-gradient tops: Starter $0, Team $250, Enterprise Custom, each with a CTA button and a green-check feature list (free credits, seats, containers, GPU concurrency).
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-three-tier-plan-cards-starter-team-enterprise.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #DBF1D8 |
| Accents | #395B3A, #233D24 |
| Contrast | 17.59 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.361 |
| Measured size | 1600×845 px |
Palette
#0A0A0A#1C3320#7DF36B
Fonts
Inter Variable
Page types
Detail
UX patterns
Dark Mode
UI elements
Pricing CardCardBadge
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
- Feature — Credit grants trio on mint panel with marker highlights
- Feature — Sandbox + Notebooks pricing with 3D isometric illustration
- Comparison — Why serverless? Traditional vs Modal cost area charts
- 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