44 Best Nuxt Website Examples

John Siciliano
Has affiliate links Published 5/27/2025 Updated 8/16/2026

Your homepage has about three seconds to prove your product is worth a closer look. Running the best Nuxt websites through Claude, I found they almost never fade their accent colours into grey. They commit to bold, saturated highlights that pop against dark or white sections. A strong accent colour and a confident background have to travel together. Lock those two choices down before touching anything else in this set, including the Nuxt SaaS sites.

Category

Platform

Style

1–30 of 44

Design Data

The colors, fonts, and layout choices used across 44 Nuxt websites.

4.5 Navigation links median across 32 sites

Background color

How dark or light the page background is (background luminance).

  • White / near white 54.5% (24)
  • Black / near black 27.3% (12)
  • Dark 9.1% (4)
  • Light 4.5% (2)
  • Mid-tone 4.5% (2)

Accent color

The color of each site's primary button, measured from its code (accent hue family).

  • Amber / orange 30.2% (13)
  • Blue 14% (6)
  • Black, white & gray 11.6% (5)
  • Red 11.6% (5)
  • Teal / cyan 11.6% (5)
  • Green 9.3% (4)
  • Pink 7% (3)
  • Purple 4.7% (2)

Hero layout

How the top section arranges its headline and imagery.

  • Text over a full-width image 32.4% (11)
  • Text left, image right 29.4% (10)
  • Text above full-width media 17.6% (6)
  • Centered text 14.7% (5)
  • Asymmetric 2.9% (1)

Hero imagery

The kind of visual the top section leads with.

  • Photography 68.2% (30)
  • No imagery 11.4% (5)
  • Product screenshot 9.1% (4)
  • Video 6.8% (3)
  • 3D artwork 4.5% (2)

Color intensity

How colorful the palette is, from black-and-white to bold color (saturation).

  • Soft, muted color 61.4% (27)
  • Black & white 25% (11)
  • Bold, vivid color 13.6% (6)

Percentages are the share of sites where each trait could be measured, with counts in parentheses. Last updated August 2026.

Best Nuxt website examples lean on serif body text far more than the rest of the web

Serif body copy shows up in 23.3% of Nuxt sites, more than triple the 7.5% rate across the gallery at large. That is ten sites setting paragraph text in a serif rather than reserving it for display headings only, and it changes the register of the whole page: these sites read more like editorial or brand-story pieces than software documentation. Legacy Outcomes pairs serif headings with a Lora-set body to reinforce a considered, professional tone, while Nouvelle Co. uses Playfair Display to push its copy toward the same literary feel. Anyone building in this space should treat serif body text as a real option rather than a stylistic risk, especially outside the more utilitarian corners like Nuxt Tech Websites or Nuxt SaaS Websites, where sans still dominates at 76.7%.

Accent colors skip neutral almost entirely

Only 11.6% of Nuxt sites choose a neutral accent hue, against 30.1% across the full gallery, tying neutral with red and teal for the smallest showing among eight hue families. Amber leads outright at 30.2%, more than double any other single hue, which means most Nuxt builders are picking an accent that visibly departs from grayscale rather than staying safely tonal. Legacy Outcomes commits to amber buttons against a muted palette, and AmeriGuard Extermination goes red instead of retreating to neutral. For a portfolio or agency site drawing from Nuxt Web Developer Portfolio Websites, this points to picking a genuine color rather than defaulting to gray-on-gray restraint.

Illustration has no place in the hero

Illustration is absent from hero media on this page, compared with 10.5% across the gallery, and photography fills that gap decisively at 68.2%. Every measured hero instead shows a photograph, product mockup, video, or 3D render. Dr. Brett Grant and Caffettiera Carts both lean on photography-led heroes, while Gorilla Mechanical breaks from photography with 3D artwork rather than illustration. Builders targeting Nuxt AI Websites or any other Nuxt niche should plan for a camera, a render, or a video, since drawn artwork has no foothold in this set.