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

Developer tools · Landing page · Custom code
Live page: https://nuxt.com/showcase
On Designly: https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase · JSON: https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase?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

Large Outfit headlines on a white background establish authority, while bright teal accents provide a technical edge. High-contrast brand logos are organized in a dense grid, placing social proof immediately below key growth metrics like monthly downloads and GitHub stars.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase#section-1) (y 0–64px of 3276) · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/0.webp · id sec_490ce5a87e384dd8beb4f02247708b6b
2. [Hero: "Trusted by brands you already know"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase#section-2) (y 64–506px of 3276) · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/1.webp · id sec_c0583372b1eb4c9ab1d411d739e24267
3. [Call to action: "Some of the teams shipping with Nuxt"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase#section-3) (y 554–626px of 3276) · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/2.webp · id sec_f0ee715766f64a1f82ab105de197b16d
4. [Content: "Content"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase#section-4) (y 642–2882px of 3276) · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/3.webp · id sec_42c7b2cb5c6b4f818adff67649fa85e2
5. [Footer: "Footer"](https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase#section-5) (y 2979–3276px of 3276) · image: https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/sections/4.webp · id sec_6e761f2ebbbc44e4bddc14330f3a1864

## Design tokens

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

## Images

- Desktop (1440×3276): https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/desktop.webp
- Mobile (390×5195): https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/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/docs/4.x?format=md) — /docs/4.x
- [Landing page](https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules?format=md) — /modules

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