# Neon, Home

Developer tools · Home · Custom code · San Francisco, USA
Live page: https://neon.com/
On Designly: https://designly.sh/s/neon · JSON: https://designly.sh/s/neon?format=json
Site: [Neon](https://designly.sh/s/neon?format=md) (https://neon.com)
Styles: dark, type-led, corporate, geometric

## Why it works

Inter type on a black background uses teal accents to highlight technical capabilities. A grid of small, dark surfaces and video elements provides density, while the placement of 'Get started' and 'Read the docs' alongside high-profile logos like Meta and DoorDash establishes immediate technical authority.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/neon#section-1) (y 36–100px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/0.webp · id sec_ce94f8dfab86485b80a10684ff2f6bd8
2. [Hero: "Hero"](https://designly.sh/s/neon#section-2) (y 100–841px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/1.webp · id sec_7daf6ce249d441cdb3453e6ac12575be
3. [Content: "Content"](https://designly.sh/s/neon#section-3) (y 969–1607px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/2.webp · id sec_0372f133a4e845b58c85914559a6735b
4. [Content: "Content"](https://designly.sh/s/neon#section-4) (y 1735–2736px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/3.webp · id sec_a0c5fd0e7f3e4bd68498e9c59237d000
5. [Content: "Content"](https://designly.sh/s/neon#section-5) (y 2864–3023px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/4.webp · id sec_a4943a1aa2c744c783a4977b91f38f55
6. [Content: "100K+"](https://designly.sh/s/neon#section-6) (y 3087–4064px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/5.webp · id sec_dbb0156d9f374cc787b4521c821ac0bf
7. [Gallery: "Where Agent Platforms Deploy"](https://designly.sh/s/neon#section-7) (y 4064–5088px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/6.webp · id sec_afbcaee56d5440a3a7781ad69f3f86cb
8. [Stats: "70%"](https://designly.sh/s/neon#section-8) (y 5088–6139px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/7.webp · id sec_9cd9ad0fa92b4b408b0a79c4f5bd0d5f
9. [Content: "The way we build software is changing, but…"](https://designly.sh/s/neon#section-9) (y 6139–7325px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/8.webp · id sec_6afb579ade094a09ac0921125af11a58
10. [Content: "Autoscaling scales compute in real-time…"](https://designly.sh/s/neon#section-10) (y 7325–8112px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/9.webp · id sec_ff2e558fae194b35a3ce29317ac669d7
11. [Logos: "Databricks"](https://designly.sh/s/neon#section-11) (y 8111–8861px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/10.webp · id sec_c82db4112469420cba3ab92809ba1130
12. [Features: "Features"](https://designly.sh/s/neon#section-12) (y 8861–9901px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/11.webp · id sec_5863b4c0b2814daaa783d3661a918ac6
13. [Logos: "The world's most advanced backend platform"](https://designly.sh/s/neon#section-13) (y 9901–10609px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/12.webp · id sec_725f87113db34d27b01f7435a367b2c4
14. [Footer: "Footer"](https://designly.sh/s/neon#section-14) (y 10609–11039px of 11039) · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/sections/13.webp · id sec_1e97693f807a4336b87e75aad5658a88

## Design tokens

- Colours: #000000 (background), #FFFFFF (text), #34D59A (accent), #18191B (surface), #797D86 (muted)
- Fonts: Inter (display)
- Corner radius: 4px
- Spacing: 128px
- Export: https://designly.sh/s/neon?format=tokens.css · https://designly.sh/s/neon?format=tokens.json · https://designly.sh/s/neon?format=tokens.tailwind.css

## Images

- Desktop (1440×11039): https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/mobile.webp
- Captured: 2026-10-24

## Other Pages of Neon

- [About](https://designly.sh/s/neon/about-us?format=md) — /about-us
- [Blog](https://designly.sh/s/neon/blog?format=md) — /blog
- [Pricing](https://designly.sh/s/neon/pricing?format=md) — /pricing

## Related

- [Tailwind CSS, Home](https://designly.sh/s/tailwind-css?format=md) — Developer tools · Home · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_61504a7284704616a385dbce8d7f3de7/desktop.webp
- [Railway, Home](https://designly.sh/s/railway?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, bold, corporate, minimal · image: https://designly.sh/media/captures/cap_545bc48407e4455687721c2a722801ae/desktop.webp
- [PlanetScale, Home](https://designly.sh/s/planetscale?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/desktop.webp
- [Warp, Home](https://designly.sh/s/warp?format=md) — Developer tools · Home · Custom code · New York, USA · styles: type-led, tech, minimal, geometric · image: https://designly.sh/media/captures/cap_e9d76fb8c8064b6d8f14e58b510d9414/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.