Design Kit

For machine-readable design tokens (colors, typography, spacing, components), see /design.md.

Logo History

The Nuxt logo has evolved gradually over time, but the mountain shape and wordmark have been constant elements in its design.

Nuxt Logo

The logo is made from two elements: the triangular mountains and the wordmark. In most cases, they should appear together as the opposite master lockup shows. The triangular mountains can be used on their own as an icon, profile picture or badge, but the wordmark should never be used without this symbol on the side.

Icon

Green

svgpng

Black

svgpng

White

svgpng

Logo

Green & white

svgpng

Black

svgpng

White

svgpng

Green & black

svgpng

Color Palette

Our color palette is based on our iconic Nuxt green, paired with true neutrals so the green carries every accent. When creating Nuxt communications, use the colour values shown to make sure your designs stay on-brand.

Typography

Headings are set in Outfit, a geometric sans-serif whose rounded shapes echo the Nuxt mountains. Body copy and interface text use Inter, designed for legibility on screens at every size.