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

43 Best Nuxt Website Examples

Browse 43 of the best Nuxt website examples.

1–30 of 43

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 split into two camps: near-white or near-black

Across the 44 Nuxt websites in this set, 54.5% run near-white backgrounds while 27.3% go near-black. That leaves the middle almost empty: light, mid-tone, and true dark backgrounds combine for less than one in five sites. This is the clearest signal in the whole dataset. Nuxt builders treat background luminance as a binary decision, not a dial. Dr. Brett Grant and Caffettiera Carts show the white end with black-and-white and muted palettes respectively, while AmeriGuard Extermination and Revelator anchor the near-black end, both pairing dark surfaces with muted color and photography-led heroes. Browse the Nuxt Tech Websites and the pattern repeats: pick a pole and commit rather than settling for a gray middle ground.

Amber is the leading accent, but it’s a plurality, not a majority

Amber shows up on 30.2% of sites, ahead of blue at 14% and a cluster of neutral, red, and teal each around 11.6%. That means most Nuxt sites still choose something other than amber, but no single rival hue comes close to catching it. Legacy Outcomes uses amber buttons against a white, muted background, while Smart Business Spotlight and Dr. Brett Grant both lean on blue instead. The takeaway for anyone browsing Nuxt SaaS Websites for accent inspiration: amber is the safe default, but blue and neutral tones are common enough that straying from amber won’t look out of place.

Muted color dominates over vibrant and monochrome extremes

Muted palettes cover 61.4% of sites, more than double monochrome at 25% and well ahead of vibrant at 13.6%. Restraint wins. Even sites with bold structural choices, like Keep’n It Loco with its Archivo Black display type, still keep the palette muted rather than saturated. Vibrant treatments exist but stay rare, seen in Lazy Food Co. and Gorilla Mechanical, both of which pair the louder palette with a strong photographic or 3D hero to carry the energy instead of relying on color alone.

Photography carries the hero, and sans type carries the page

Photo-led heroes appear on 63.6% of sites, dwarfing text-only heroes at 20.5% and product mockups at 9.1%. Sans-serif body type follows the same logic at 72.1% versus serif’s 27.9%. Together these numbers describe a niche built for clarity over ornament: a photograph up top, a sans body below. Yust Interiors and California Olive Ranch both lead with photography, while Nouvelle Co. and Legacy Outcomes are among the minority reaching for serif headings to add warmth. Anyone assembling a page from the Nuxt Web Developer Portfolio Websites collection or checking the Nuxt AI Websites gallery can treat photo-plus-sans as the default path, reserving serif or illustration for a deliberate point of difference.