# Modal, Careers

Developer tools · Careers · Custom code · New York, USA
Live page: https://modal.com/careers
On Designly: https://designly.sh/s/modal/careers · JSON: https://designly.sh/s/modal/careers?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 at 64px set against a black background gives this developer tool a high-end, technical feel. Soft green is used sparingly for the "We're hiring!" button and accent elements, while pill-shaped buttons and rounded corners soften the dark interface.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/modal/careers#section-1) (y 36–101px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/0.webp · id sec_64d46b5fbccb4603b490178f0a8696d8
2. [Hero: "Making cloud development work like magic"](https://designly.sh/s/modal/careers#section-2) (y 181–1247px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/1.webp · id sec_72bdc14f6cd54c4991b9dcfd7b95a257
3. [Logos: "Investors"](https://designly.sh/s/modal/careers#section-3) (y 1343–1593px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/2.webp · id sec_6c9c69be8e464e98a6bede9238be30e0
4. [Stats: "Visit Us"](https://designly.sh/s/modal/careers#section-4) (y 1689–1964px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/3.webp · id sec_602a4560822c4ee1818f7ad6590c98dc
5. [Contact: "Contact"](https://designly.sh/s/modal/careers#section-5) (y 2060–2241px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/4.webp · id sec_62eced3d84f74f15a72164d7d8a2637e
6. [Gallery: "Join Us"](https://designly.sh/s/modal/careers#section-6) (y 2337–2691px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/5.webp · id sec_18b77fc592084168b7625387811da1db
7. [Call to action: "Careers"](https://designly.sh/s/modal/careers#section-7) (y 2886–3109px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/6.webp · id sec_fc06847d5af94a0ba24e078a65643aaf
8. [Content: "Detection and Response Engineer"](https://designly.sh/s/modal/careers#section-8) (y 3117–4845px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/7.webp · id sec_15fd3f90f7864b2d8dcc480a6ab43565
9. [Team: "G&A"](https://designly.sh/s/modal/careers#section-9) (y 4885–5567px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/8.webp · id sec_bfd77968917b4ea0b5b7f210350469e2
10. [Team: "GTM"](https://designly.sh/s/modal/careers#section-10) (y 5607–6217px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/9.webp · id sec_62fb58a4950344a9bcf46624d7c4fd2d
11. [Logos: "Design"](https://designly.sh/s/modal/careers#section-11) (y 6257–6363px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/10.webp · id sec_272d067537a0497e8254ebb68c69550f
12. [Call to action: "Data"](https://designly.sh/s/modal/careers#section-12) (y 6403–6509px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/11.webp · id sec_ff687986504f4ef88099465f4314228a
13. [Content: "Legal Notice"](https://designly.sh/s/modal/careers#section-13) (y 6670–6934px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/12.webp · id sec_b1c42ca1b6cc4e769652c6460ad10459
14. [Call to action: "Ship your first app in minutes"](https://designly.sh/s/modal/careers#section-14) (y 7078–7718px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/13.webp · id sec_11dea8f43f524f2bb8678c519138ea1e
15. [Footer: "Footer"](https://designly.sh/s/modal/careers#section-15) (y 7830–8445px of 8445) · image: https://designly.sh/media/captures/cap_96a4cfb081aa4f3c8b3a7fc27430695e/sections/14.webp · id sec_52421dcacede4e60b90f833079bd2dd0

## Design tokens

- Colours: #040804 (background), #242424 (text), #7FEE64 (accent), #E3E5E1 (muted), #3E4A3C (surface)
- Fonts: ABC Diatype (display)
- Corner radius: 9999px
- Section padding: 72px
- Export: https://designly.sh/s/modal/careers?format=tokens.css · https://designly.sh/s/modal/careers?format=tokens.json · https://designly.sh/s/modal/careers?format=tokens.tailwind.css

## Images

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

## Related

- [Zed, Careers](https://designly.sh/s/zed/jobs?format=md) — Developer tools · Careers · Custom code · styles: type-led, serif, minimal, corporate · image: https://designly.sh/media/captures/cap_4c7bb499dda14aa496df9dfa92e7fcf2/desktop.webp
- [Vercel, Careers](https://designly.sh/s/vercel/careers?format=md) — Developer tools · Careers · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_37b3a45722c44e068cd05bd9c7e831e7/desktop.webp
- [Val Town, Careers](https://designly.sh/s/val-town/careers?format=md) — Developer tools · Careers · Custom code · Brooklyn, USA · styles: type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_b6f26e259305472484becf3c58a85d90/desktop.webp
- [Sentry, Careers](https://designly.sh/s/sentry/careers?format=md) — Developer tools · Careers · Custom code · San Francisco, USA · styles: dark, bold, illustrated, type-led · image: https://designly.sh/media/captures/cap_43f2ef8569fc4c93b25f0a3ee66639d4/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.