Tailwind CSS home page

Showcase

KeepGrading

Screenshot from the animated introduction to the KeepGrading website.
Technologies
Tailwind CSS, Nuxt.js, Vue
Date
URL
www.keepgrading.com
Go to website

KeepGrading

Post-production for Justin Bieber and Louis Vuitton.

KeepGrading is a post-production studio focused on color grading. Based in Paris, France, KeepGrading works with some of the World's largest brands and artists. The KeepGrading website is built on Nuxt.js and uses Tailwind CSS.

Screenshot of the 'Work' page on the KeepGrading website. At the top of the screen is the KeepGrading logo, a menu button, and the 'Work' page heading. There are two dropdowns labelled 'Type' and 'Colourist', followed by a grid of images.
Work page on the KeepGrading website featuring past projects filterable by type and colorist.
Screenshot of the KeepGrading home page. The KeepGrading logo and menu button appear at the top of the screen. The screen is mostly black, with a series of images scattered around the page. There is a 'Show me more' button at the bottom of the screen.
The homepage features past work projects. Browsing starts in the middle of the page, where you can navigate toward the edges using your mouse cursor.
Mobile screenshot of the 'Colourists' page of the KeepGrading website. The header contains the KeepGrading logo and a menu button. The colourists are listed with their roles and location, with background images showcasing their work.
Mobile screenshot of the KeepGrading website's main navigation. The header contains the KeepGrading logo and a close button. The pages are listed in large text in the center of the screen. Additional buttons labelled 'Contact' and 'Instagram' sit at the bottom of the screen.
Mobile screenshot of the 'Work' page on the KeepGrading website. At the top of the screen is the KeepGrading logo, a menu button, and the 'Work' page heading. There are two dropdowns labelled 'Type' and 'Colourist', followed by a grid of images.
The KeepGrading website experience on mobile devices.
Screenshot of the KeepGrading website's main navigation. The header contains the KeepGrading logo and a close button. The pages are listed in large text in the center of the screen. Additional buttons labelled 'Contact' and 'Instagram' sit at the top of the screen.
The site menu takes over the entire screen when toggled and looks different across the site.
Screenshot of the 'Work' page on the KeepGrading website. A fixed header contains the KeepGrading logo, and a menu button. A grid of images is below, with rows containing one, two, or three images.
On the Work page, the KeepGrading logo and menu button are fixed as you scroll through the page.