# Nuxt: The Full-Stack Vue Framework, Landing page

Developer tools · Landing page · Custom code
Live page: https://nuxt.com/docs/4.x
On Designly: https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x · JSON: https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?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: type-led, minimal, corporate, light

## Why it works

Outfit headlines on a white background provide a structured, technical feel for documentation. Bright teal is used sparingly for links and active states, while a dense sidebar of navigation links ensures deep content is reachable without excessive scrolling.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x#section-1) (y 0–112px of 4072) · image: https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/sections/0.webp · id sec_a1e7b414e0ba49c9854f83daf1315f9e
2. [Hero: "Introduction"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x#section-2) (y 112–3774px of 4072) · image: https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/sections/1.webp · id sec_cf6cc73265a54455827df00a6bd6d996
3. [Footer: "Footer"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x#section-3) (y 3775–4072px of 4072) · image: https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/sections/2.webp · id sec_eb503451823c433bbe84fa6c33253c73

## Design tokens

- Colours: #FFFFFF (background), #00DC82 (accent)
- Fonts: Outfit (display), Inter (body)
- Corner radius: 6px
- Export: https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=tokens.css · https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=tokens.json · https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x?format=tokens.tailwind.css

## Images

- Desktop (1440×4072): https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/desktop.webp
- Mobile (390×6497): https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/mobile.webp
- Captured: 2026-10-21

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

- [Home](https://designly.sh/s/nuxt-the-full-stack-vue-framework?format=md) — /
- [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/modules?format=md) — /modules
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase?format=md) — /showcase

## Related

- [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, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=md) — Developer tools · Landing page · Custom code · styles: bold, type-led, geometric, colourful · image: https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/desktop.webp
- [Nuxt: The Full-Stack Vue Framework, Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase?format=md) — Developer tools · Landing page · Custom code · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/desktop.webp
- [Laravel, Landing page](https://designly.sh/s/laravel/nightwatch?format=md) — Developer tools · Landing page · Custom code · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_5e2f41fee6d0477b96c679e4c08574eb/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.