# Nuxt, Gallery

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

## Why it works

Outfit headlines on a dark background give this developer resource a technical, structured feel. Bright teal is used sparingly for the 'Nuxt Starters' button and small UI accents, ensuring the grid of template previews remains the primary focus.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/nuxt/templates#section-1) (y 0–64px of 5104) · image: https://designly.sh/media/captures/cap_3163d0d175e3465d9cff26d2405326bd/sections/0.webp · id sec_14d2e602d9134f92903d2ce052b87c58
2. [Hero: "Nuxt Templates"](https://designly.sh/s/nuxt/templates#section-2) (y 64–1203px of 5104) · image: https://designly.sh/media/captures/cap_3163d0d175e3465d9cff26d2405326bd/sections/1.webp · id sec_f73c59c0547d489ba24d956a961a7830
3. [Content: "Other"](https://designly.sh/s/nuxt/templates#section-3) (y 1299–4710px of 5104) · image: https://designly.sh/media/captures/cap_3163d0d175e3465d9cff26d2405326bd/sections/2.webp · id sec_6aa02a90498a4e6faab1117858b324d2
4. [Footer: "Footer"](https://designly.sh/s/nuxt/templates#section-4) (y 4807–5104px of 5104) · image: https://designly.sh/media/captures/cap_3163d0d175e3465d9cff26d2405326bd/sections/3.webp · id sec_77658f08fd2a4d3c8f16bbe60461ffa5

## Design tokens

- Colours: #FFFFFF (background), #00DC82 (accent)
- Fonts: Outfit (display), Inter (body)
- Corner radius: 6px
- Spacing: 80px
- Export: https://designly.sh/s/nuxt/templates?format=tokens.css · https://designly.sh/s/nuxt/templates?format=tokens.json · https://designly.sh/s/nuxt/templates?format=tokens.tailwind.css

## Images

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

## Other Pages of Nuxt

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

## Related

- [Tailwind CSS, Gallery](https://designly.sh/s/tailwind-css/showcase?format=md) — Developer tools · Gallery · Custom code · styles: type-led, minimal, geometric, light · image: https://designly.sh/media/captures/cap_2b4073265d7b458e856fd18bddcde6b4/desktop.webp
- [Neon, Blog](https://designly.sh/s/neon/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: dark, type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_362cace607f041ef93832bdcd33206da/desktop.webp
- [Neon, Pricing](https://designly.sh/s/neon/pricing?format=md) — Developer tools · Pricing · Custom code · San Francisco, USA · styles: dark, type-led, corporate, minimal · image: https://designly.sh/media/captures/cap_908e6be918d6451ead412e1ecf49f80e/desktop.webp
- [Neon, About](https://designly.sh/s/neon/about-us?format=md) — Developer tools · About · Custom code · San Francisco, USA · styles: dark, type-led, tech, geometric · image: https://designly.sh/media/captures/cap_d9a8312b54ec41b799969cd4d67644b2/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.