Modal — Feature
On the same mint background, 'Modal Sandbox + Notebooks Pricing' shows a compact compute-cost table (CPU/Memory/GPU) with a Per hour / Per second toggle beside a glossy green isometric 3D stacked-layers illustration.
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-sandbox-notebooks-pricing-with-3d-isometric-illustration.
Measured spec
| Scheme | light |
| Background | #DFF0DD |
| Text | #000000 |
| Accents | #74D578 |
| Contrast | 17.65 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.161 |
| Measured size | 1600×931 px |
Palette
#DFEEDC#3BD13B#0A0A0A
Fonts
Inter Variable
Page types
Detail
UX patterns
Pricing Toggle
UI elements
TableToggle
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
- 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