Nuxt UI Pro v1.0 is out with 50+ Vue components.

Design Kit

Welcome to Nuxt design definition page. Identity was redefined by handpicking conscientiously colors, and shapes in order to express how easy & joyful Nuxt products are.

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 Timeline

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
Green
Black
Black
White
White
Green & white
Green & white
Black
Black
White
White
Green & black
Green & black

Color Palette

Our color palette is based on our iconic Nuxt green and colours have been carefully considered to work in harmony and consistency across various media. When creating Nuxt communications, use the colour values shown to make sure your designs stay on-brand.

Green

#00DC82

White

#FFFFFF

Gray

#020420