# Modal, Product

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

## Why it works

ABC Diatype in light grey against a black background establishes a technical, high-performance tone. Soft green is used sparingly for buttons and data visualizations, while 48px corner radii soften the interface of the code and terminal components.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/modal/products/inference#section-1) (y 36–101px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/0.webp · id sec_530b132d60ec4953a187a2ba047bc4af
2. [Hero: "Infra for Inference"](https://designly.sh/s/modal/products/inference#section-2) (y 101–893px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/1.webp · id sec_28bb7ca2171446489651d50aaafb7473
3. [Pricing table: "Optimized inference from endpoint to engine"](https://designly.sh/s/modal/products/inference#section-3) (y 893–2168px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/2.webp · id sec_242a31d8b756410db84f25b112b0eed6
4. [Content: "Engineered for speed at scale"](https://designly.sh/s/modal/products/inference#section-4) (y 2168–3207px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/3.webp · id sec_821b514a4d0040c0acb00f9425b2458f
5. [Content: "Powerful primitives for production inference"](https://designly.sh/s/modal/products/inference#section-5) (y 3207–4276px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/4.webp · id sec_75f1dff8eb05455b8305970584055ff6
6. [Testimonials: "Testimonials"](https://designly.sh/s/modal/products/inference#section-6) (y 4276–5482px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/5.webp · id sec_85b7d1ebac4947288420b65e8fda66ab
7. [Content: "Pushing the Pareto frontier"](https://designly.sh/s/modal/products/inference#section-7) (y 5482–6349px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/6.webp · id sec_7971a21999a34a938f33b7bf816a27d9
8. [Call to action: "Ship your first app in minutes"](https://designly.sh/s/modal/products/inference#section-8) (y 6492–7132px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/7.webp · id sec_212be7d4aa9c4ec18acd6fb6c173fd8e
9. [Footer: "Footer"](https://designly.sh/s/modal/products/inference#section-9) (y 7244–7859px of 7859) · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/sections/8.webp · id sec_f0301120ae9d485da0aaf3ee59e07798

## Design tokens

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

## Images

- Desktop (1440×7859): https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/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
- [Pricing](https://designly.sh/s/modal/pricing?format=md) — /pricing

## Related

- [Val Town, Product](https://designly.sh/s/val-town/features?format=md) — Developer tools · Product · Custom code · Brooklyn, USA · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/desktop.webp
- [Sentry, Product](https://designly.sh/s/sentry/product/error-monitoring?format=md) — Developer tools · Product · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_ebe80b54d5404e4cb196ab0a79a0d5ec/desktop.webp
- [Raycast, Product](https://designly.sh/s/raycast/pro?format=md) — Developer tools · Product · Custom code · London, UK · styles: dark, type-led, corporate, minimal · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/desktop.webp
- [Oxide Computer, Product](https://designly.sh/s/oxide-computer/product/compute?format=md) — Developer tools · Product · Custom code · Emeryville, USA · styles: dark, type-led, geometric, corporate · image: https://designly.sh/media/captures/cap_e215bfe4e882440f937021993fa5af65/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.