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

Developer tools · Landing page · Custom code
Live page: https://nuxt.com/docs
On Designly: https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs · JSON: https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs?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 active links and code highlights, while a dense sidebar navigation allows developers to jump between technical sections without losing context.

## Sections, top to bottom

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

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

## Images

- Desktop (1440×4072): https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/desktop.webp
- Mobile (390×6497): https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/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/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

- [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/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.