# Modal, Home

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

## Why it works

ABC Diatype in off-white against a dark charcoal background establishes a technical authority. Soft green accents on the buttons and feature graphics provide a high-contrast focal point for the primary actions, while a row of monochrome client logos immediately follows the hero to build credibility.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/modal#section-1) (y 36–101px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/0.webp · id sec_d6ca126bada04d5898a30e7558fe8291
2. [Hero: "The platform for production AI"](https://designly.sh/s/modal#section-2) (y 101–1140px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/1.webp · id sec_7d806dee3c414349a8b6842baab66ee8
3. [Content: "Container infrastructure that won’t box you in"](https://designly.sh/s/modal#section-3) (y 1284–1943px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/2.webp · id sec_61bb5af67ec34c2ab32d7eff543815d2
4. [Content: "Reinforcement learning and research at scale"](https://designly.sh/s/modal#section-4) (y 2143–2661px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/3.webp · id sec_cdd34152c0c94106961649fb894aa5da
5. [Features: "Computers for agents"](https://designly.sh/s/modal#section-5) (y 2861–3403px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/4.webp · id sec_f6ac45ed92954d32831eb2f279f21c02
6. [Content: "Build complex, compute-heavy applications"](https://designly.sh/s/modal#section-6) (y 3603–4102px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/5.webp · id sec_3003fa36caf14f8bb1cd61d67fa18758
7. [Content: "Infrastructure reimagined for the demands of AI…"](https://designly.sh/s/modal#section-7) (y 4246–5409px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/6.webp · id sec_4abcd2df1b7f4db99760f0ecb92954cc
8. [Content: "Capacity that scales with your ambition"](https://designly.sh/s/modal#section-8) (y 5409–6536px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/7.webp · id sec_cb0c4021054a4b90b1459da51ca7474b
9. [Features: "Production-ready from day one"](https://designly.sh/s/modal#section-9) (y 6536–7608px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/8.webp · id sec_2e90f9eaa15c475faa35a44506018108
10. [Testimonials: "Testimonials"](https://designly.sh/s/modal#section-10) (y 7608–8750px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/9.webp · id sec_0b54155b986b4a9a910eccecd629e883
11. [Content: "Latest updates"](https://designly.sh/s/modal#section-11) (y 8750–9569px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/10.webp · id sec_5c7d06b6283047b6808dfc49b9c67c8c
12. [Call to action: "Ship your first app in minutes"](https://designly.sh/s/modal#section-12) (y 9713–10353px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/11.webp · id sec_ba72f256845b4d7381a87b7a62e66168
13. [Footer: "Footer"](https://designly.sh/s/modal#section-13) (y 10465–11080px of 11080) · image: https://designly.sh/media/captures/cap_c0fc6096a158412b802e22ac89c374a9/sections/12.webp · id sec_21646c4f42d94150b54005c0085bfad8

## 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?format=tokens.css · https://designly.sh/s/modal?format=tokens.json · https://designly.sh/s/modal?format=tokens.tailwind.css

## Images

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

## Other Pages of Modal

- [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
- [Product](https://designly.sh/s/modal/products/inference?format=md) — /products/inference

## Related

- [Zed, Home](https://designly.sh/s/zed?format=md) — Developer tools · Home · Custom code · styles: type-led, serif, minimal, editorial · image: https://designly.sh/media/captures/cap_b64c41a459a24ca88d6c9660f880a1c9/desktop.webp
- [Val Town, Home](https://designly.sh/s/val-town?format=md) — Developer tools · Home · Custom code · Brooklyn, USA · styles: type-led, light, geometric, minimal · image: https://designly.sh/media/captures/cap_aaa429a5fd8e46e1847e72efbeb5cf2e/desktop.webp
- [Sentry, Home](https://designly.sh/s/sentry/welcome?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, bold, tech · image: https://designly.sh/media/captures/cap_51aa0a7c667f45a5a29f2536b056a61f/desktop.webp
- [PostHog, Home](https://designly.sh/s/posthog?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: type-led, playful, light, geometric · image: https://designly.sh/media/captures/cap_d3ed1e4cfb754949a41a76ecda3f0065/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.