# Modal, Pricing

Developer tools · Pricing · Custom code · New York, USA
Live page: https://modal.com/pricing
On Designly: https://designly.sh/s/modal/pricing · JSON: https://designly.sh/s/modal/pricing?format=json
Site: [Modal](https://designly.sh/s/modal?format=md) (https://modal.com)
Styles: dark, type-led, minimal, corporate

## Why it works

ABC Diatype in light grey against a black background gives this developer tool a technical, high-end feel. Soft green is used sparingly for the "Get started" button and specific data points, ensuring the most important actions and costs stand out within the dense pricing tables.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/modal/pricing#section-1) (y 36–101px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/0.webp · id sec_e81a38267a2342068a0573b4f7ed3be0
2. [Pricing table: "Pricing as magical as our product"](https://designly.sh/s/modal/pricing#section-2) (y 101–1493px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/1.webp · id sec_08d38426664a470c94e1e73dc798f1e9
3. [Pricing table: "Pricing plans"](https://designly.sh/s/modal/pricing#section-3) (y 1493–2540px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/2.webp · id sec_7651e171cf4a48f19ed405a14d95c9f2
4. [Content: "Programs and purchasing options"](https://designly.sh/s/modal/pricing#section-4) (y 2540–3165px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/3.webp · id sec_d88d1715fb914f2eb7a2f06255f8e57e
5. [Pricing table: "Modal Sandbox pricing"](https://designly.sh/s/modal/pricing#section-5) (y 3165–4007px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/4.webp · id sec_29b112006edd4c22ad631335ec47baee
6. [Pricing table: "Why serverless?"](https://designly.sh/s/modal/pricing#section-6) (y 4007–5223px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/5.webp · id sec_6ef816324c5a461f96d294a14b0428e8
7. [Pricing table: "Compare features"](https://designly.sh/s/modal/pricing#section-7) (y 5367–5587px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/6.webp · id sec_2ecccb60a6a14de8b518b63cbf99e387
8. [Content: "Workspace"](https://designly.sh/s/modal/pricing#section-8) (y 5587–5724px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/7.webp · id sec_6f0f28f5d7b94cce938abb6fb02f524c
9. [Pricing table: "Credits and variable costs"](https://designly.sh/s/modal/pricing#section-9) (y 5724–5910px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/8.webp · id sec_4b00c86ce20e459b81975439e76af2ca
10. [Features: "Features"](https://designly.sh/s/modal/pricing#section-10) (y 5910–6953px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/9.webp · id sec_7838f9b040f344cb92609007283223c5
11. [Content: "Security"](https://designly.sh/s/modal/pricing#section-11) (y 6953–7335px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/10.webp · id sec_6454881d832145819a1025aed8f5c10b
12. [FAQ: "Frequently asked questions"](https://designly.sh/s/modal/pricing#section-12) (y 7479–8719px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/11.webp · id sec_fb34ce6a64ee45ecae1587d7f07427b8
13. [Call to action: "Ship your first app in minutes"](https://designly.sh/s/modal/pricing#section-13) (y 8863–9503px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/12.webp · id sec_b217ff8f907c4227a38e52335ddbdda1
14. [Footer: "Footer"](https://designly.sh/s/modal/pricing#section-14) (y 9615–10230px of 10230) · image: https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/sections/13.webp · id sec_dc22ed9e27954ff8a439c18bd0964c1f

## Design tokens

- Colours: #040804 (background), #A8ABA6 (text), #7FEE64 (accent), #181818 (surface), #E3E5E1 (muted)
- Fonts: ABC Diatype (display)
- Corner radius: 48px
- Section padding: 144px
- Export: https://designly.sh/s/modal/pricing?format=tokens.css · https://designly.sh/s/modal/pricing?format=tokens.json · https://designly.sh/s/modal/pricing?format=tokens.tailwind.css

## Images

- Desktop (1440×10230): https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_cdec35f1215442df8b750d312683414e/mobile.webp
- Captured: 2026-10-26

## Other Pages of Modal

- [Home](https://designly.sh/s/modal?format=md) — /
- [Blog](https://designly.sh/s/modal/blog?format=md) — /blog
- [Careers](https://designly.sh/s/modal/careers?format=md) — /careers
- [Product](https://designly.sh/s/modal/products/inference?format=md) — /products/inference

## Related

- [Zed, Pricing](https://designly.sh/s/zed/pricing?format=md) — Developer tools · Pricing · Custom code · styles: type-led, minimal, corporate, serif · image: https://designly.sh/media/captures/cap_b51e3c27ccb24c3780a1209dda65c8ac/desktop.webp
- [Val Town, Pricing](https://designly.sh/s/val-town/pricing?format=md) — Developer tools · Pricing · Custom code · Brooklyn, USA · styles: minimal, type-led, corporate · image: https://designly.sh/media/captures/cap_01bd2646feb643f094e739d4a4029540/desktop.webp
- [Sentry, Pricing](https://designly.sh/s/sentry/pricing?format=md) — Developer tools · Pricing · Custom code · San Francisco, USA · styles: corporate, type-led, geometric · image: https://designly.sh/media/captures/cap_3319ad6404f84074bfb202715b1feb2a/desktop.webp
- [Raycast, Pricing](https://designly.sh/s/raycast/pricing?format=md) — Developer tools · Pricing · Custom code · London, UK · styles: dark, type-led, minimal, corporate, bold · image: https://designly.sh/media/captures/cap_3b955e69cb0c4811a03aa89c3285b821/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.