# Neon, Pricing

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

## Why it works

Inter type set in light grey against a black background keeps the focus on the pricing tiers. Teal accents on the 'Get started' buttons and specific plan details provide a clear path through the usage-based models, while a grid of partner logos builds immediate credibility.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/neon/pricing#section-1) (y 36–100px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/0.webp · id sec_b623f85c99a742f69f08023c1a8685dd
2. [Pricing table: "Usage-based"](https://designly.sh/s/neon/pricing#section-2) (y 374–1068px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/1.webp · id sec_0a53945bc5a94fd4a7725218a204cb75
3. [Features: "Special programs"](https://designly.sh/s/neon/pricing#section-3) (y 1091–1507px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/2.webp · id sec_292e19435ec14785b5d9534f28899254
4. [Pricing table: "Free"](https://designly.sh/s/neon/pricing#section-4) (y 1707–4360px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/3.webp · id sec_80b1de9566674088a137dee0cef1aa1c
5. [Features: "Features"](https://designly.sh/s/neon/pricing#section-5) (y 4560–5380px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/4.webp · id sec_221ff13e388a4f54a3b48fb61e725f56
6. [FAQ: "Your questions, answered"](https://designly.sh/s/neon/pricing#section-6) (y 5580–6720px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/5.webp · id sec_6b08ba38eaa547e89cb8304fe175d054
7. [FAQ: "Still have questions? Ask our AI"](https://designly.sh/s/neon/pricing#section-7) (y 6903–7453px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/6.webp · id sec_8eb6ca4017124687bdd15b1b4aa4da71
8. [Footer: "Footer"](https://designly.sh/s/neon/pricing#section-8) (y 7453–7883px of 7883) · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/sections/7.webp · id sec_d2d02433ad174f86be135cd26f9c0772

## Design tokens

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

## Images

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

## Other Pages of Neon

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

## Related

- [Railway, Pricing](https://designly.sh/s/railway/pricing?format=md) — Developer tools · Pricing · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_25c41ebeda294867b8d9a64531102750/desktop.webp
- [PlanetScale, Pricing](https://designly.sh/s/planetscale/pricing?format=md) — Developer tools · Pricing · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_a4414cab158b481c9746671ddbb44e43/desktop.webp
- [Warp, Pricing](https://designly.sh/s/warp/pricing?format=md) — Developer tools · Pricing · Custom code · New York, USA · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_c36fbae467a34dfab667526b36d1c09b/desktop.webp
- [Vercel, Pricing](https://designly.sh/s/vercel/pricing?format=md) — Developer tools · Pricing · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_6ecbf2d79bd4456ca65a34da2d325c9e/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.