Nuxt: Branding & UI Design

Nuxt.js is a powerful framework for building fast, scalable, and universal web applications. It is based on Vue.js, a popular JavaScript framework, and extends its capabilities by providing server-side rendering, static site generation, and other advanced features.

With Nuxt.js, developers can create modern and interactive web experiences while maintaining excellent performance and SEO optimization. Its modular architecture and extensive ecosystem of plugins make it highly flexible and customizable.

Arriving at Nuxt, the new branding was in already in the pipe. The company ordered a new identity and logo to an Agency. Over time i designed an entire color palette based on the Nuxt new green that is now famous : #00DC82.

One of the key concept of this branding is green gems, those little rocks are here to highlight the power of Nuxt. Remaining parts of this is the 3D gem actually on the top of Nuxt.com, all the gems that were too illustrative were removed but the concept was kept through the hexagon shape that is reused everywhere on the branding.

Our chosen brand typeface is Roobert PRO, created by the Display Foundry. We specifically selected this typeface for its aesthetic resemblance to the Nuxt logo, evident in various aspects such as joints, apex, and vertex of the structure. By incorporating Roobert PRO, we enhance the modern and elegant look of our visual content while ensuring the accessibility of texts remains uncompromised.

Additionally, the font's versatility enables us to seamlessly adapt to diverse contexts, allowing for consistent branding across different mediums.

During a very long pediod, one of my main task at Nuxt was to design all the website interfaces including marketing pages, blog and even documentation.

Of course, the design has evolved significantly over time to align with the vision of Nuxt's founders and it’s still will so here are the snapshot of versions i did by the time for the company.