# Nuxt, Home

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

## Why it works

Large Outfit headlines on a white background establish a technical yet approachable tone. Bright teal and soft pink accents highlight functional buttons and code snippets, while a grid of feature cards uses 6px corners to organize complex documentation into digestible blocks.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt#section-1) (y 0–64px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/0.webp · id sec_9ea03870bf5f4cc994916de03841e491
2. [Hero: "The Full-Stack Vue Framework"](https://designly.sh/s/nuxt#section-2) (y 64–844px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/1.webp · id sec_ab3bc359cd8d42f2bc67274ce34ccf77
3. [Content: "Chosen by leading companies worldwide"](https://designly.sh/s/nuxt#section-3) (y 844–1044px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/2.webp · id sec_5a543a18462548818d6ad7c3f752518e
4. [Features: "Everything you need, nothing you don't"](https://designly.sh/s/nuxt#section-4) (y 1044–1882px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/3.webp · id sec_5c91d3eb19874efaa384a5091692fd25
5. [Content: "Content"](https://designly.sh/s/nuxt#section-5) (y 1882–2102px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/4.webp · id sec_bea418bfbed14a219b4aec1f8857810b
6. [Content: "Built on proven tools"](https://designly.sh/s/nuxt#section-6) (y 2102–2751px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/5.webp · id sec_702da266c72641f8a5bb644a5d392159
7. [Logos: "Trusted by developers worldwide"](https://designly.sh/s/nuxt#section-7) (y 2750–3379px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/6.webp · id sec_9a33b8ed1188435a970e7d268e99da7c
8. [Content: "Extend Nuxt with plug & play modules"](https://designly.sh/s/nuxt#section-8) (y 3379–4119px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/7.webp · id sec_cffe0deb93df4dfaadff4f8a73ac7a4c
9. [Content: "Deploy anywhere"](https://designly.sh/s/nuxt#section-9) (y 4119–4815px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/8.webp · id sec_e9b80432e9c14c55afd25f06999b16e7
10. [Content: "Built by developers around the world"](https://designly.sh/s/nuxt#section-10) (y 4815–5520px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/9.webp · id sec_373a271f5e804be9be8d9efa48b38c73
11. [Gallery: "Real-world Web Applications built with Nuxt"](https://designly.sh/s/nuxt#section-11) (y 5520–6489px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/10.webp · id sec_182900f2c14a47848d88a5f85fdf1977
12. [Content: "Sponsors"](https://designly.sh/s/nuxt#section-12) (y 6570–7798px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/11.webp · id sec_66c2d4089eef49d78b04a54524b7527a
13. [Footer: "Footer"](https://designly.sh/s/nuxt#section-13) (y 7879–8176px of 8176) · image: https://designly.sh/media/captures/cap_b1e8c92446874ef98de68bab8abe03ff/sections/12.webp · id sec_b0812b414f9a4ea99f1c9815553f051f

## Design tokens

- Colours: #FFFFFF (background), #FB848E (accent), #00DC82 (surface), #F07178 (muted), #22C55E (surface-2)
- Fonts: Outfit (display), Inter (body)
- Corner radius: 6px
- Spacing: 128px
- Export: https://designly.sh/s/nuxt?format=tokens.css · https://designly.sh/s/nuxt?format=tokens.json · https://designly.sh/s/nuxt?format=tokens.tailwind.css

## Images

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

## Other Pages of Nuxt

- [Services](https://designly.sh/s/nuxt/enterprise/agencies?format=md) — /enterprise/agencies
- [Product](https://designly.sh/s/nuxt/modules?format=md) — /modules
- [Gallery](https://designly.sh/s/nuxt/templates?format=md) — /templates
- [Blog](https://designly.sh/s/nuxt/updates?format=md) — /updates

## Related

- [Neon, Home](https://designly.sh/s/neon?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/desktop.webp
- [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

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.