# Nuxt: The Full-Stack Vue Framework, Home

Developer tools · Home · Custom code
Live page: https://nuxt.com/
On Designly: https://designly.sh/s/nuxt-the-full-stack-vue-framework · JSON: https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=json
Site: [Nuxt: The Full-Stack Vue Framework](https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=md) (https://nuxt.com)
Styles: dark, type-led, geometric, corporate

## Why it works

Large Outfit type on a dark background establishes a technical authority, while bright teal and soft pink accents highlight interactive code elements and buttons. A grid of feature cards with 6px corners organizes complex documentation into digestible blocks, placing technical capabilities immediately below the hero.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-1) (y 0–64px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/0.webp · id sec_4a2d18b7323f485783e3546c02e64b75
2. [Hero: "The Full-Stack Vue Framework"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-2) (y 64–844px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/1.webp · id sec_e0ec918898eb41acb5d39fbba4b2dd7b
3. [Content: "Chosen by leading companies worldwide"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-3) (y 844–1044px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/2.webp · id sec_79765fc1fca7465daf831267e4eccb9f
4. [Features: "Everything you need, nothing you don't"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-4) (y 1044–1882px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/3.webp · id sec_d24ac30c7c28442cbd989c1d3d7d7928
5. [Content: "Content"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-5) (y 1882–2102px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/4.webp · id sec_38f93c0963544425a22eeeef0830dc5e
6. [Content: "Built on proven tools"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-6) (y 2102–2751px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/5.webp · id sec_fd133b3fa99749d5bbf4c59bbc353b15
7. [Logos: "Trusted by developers worldwide"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-7) (y 2750–3379px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/6.webp · id sec_42310463bd674d949c6eae0439e03295
8. [Content: "Extend Nuxt with plug & play modules"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-8) (y 3379–4119px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/7.webp · id sec_93837a92093e404d83e08bca06a12f1b
9. [Content: "Deploy anywhere"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-9) (y 4119–4815px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/8.webp · id sec_32e34506bbde4e53a397e1c88d2d42af
10. [Content: "Built by developers around the world"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-10) (y 4815–5520px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/9.webp · id sec_22b8d53e6bf447f29c7ffa2da96e5858
11. [Gallery: "Real-world Web Applications built with Nuxt"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-11) (y 5520–6489px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/10.webp · id sec_e749ca1c240e492a886e87315c9d8616
12. [Content: "Sponsors"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-12) (y 6570–7798px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/11.webp · id sec_cc0a064056c7425a9ba94003e5cacc73
13. [Footer: "Footer"](https://designly.sh/s/nuxt-the-full-stack-vue-framework#section-13) (y 7879–8176px of 8176) · image: https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/sections/12.webp · id sec_ea650dc730734e929e3e28df3aa11e77

## 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-the-full-stack-vue-framework?format=tokens.css · https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=tokens.json · https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=tokens.tailwind.css

## Images

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

## Other Pages of Nuxt: The Full-Stack Vue Framework

- [Blog](https://designly.sh/s/nuxt-the-full-stack-vue-framework/blog/v4-6?format=md) — /blog/v4-6
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs?format=md) — /docs
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=md) — /docs/4.x
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=md) — /modules
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase?format=md) — /showcase

## Related

- [Laravel, Home](https://designly.sh/s/laravel?format=md) — Developer tools · Home · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/desktop.webp
- [Nuxt: The Full-Stack Vue Framework, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=md) — Developer tools · Landing page · Custom code · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/desktop.webp
- [Nuxt: The Full-Stack Vue Framework, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs?format=md) — Developer tools · Landing page · Custom code · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/desktop.webp
- [Nuxt: The Full-Stack Vue Framework, Blog](https://designly.sh/s/nuxt-the-full-stack-vue-framework/blog/v4-6?format=md) — Developer tools · Blog · Custom code · styles: type-led, light, geometric, minimal · image: https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/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.