NEUV
Case studyScroll

NEUV

Discipline
Art Direction · Website
Status
Studio website, designed and built in-house
Deliverables
Mark · Type & colour · WebGL entrance · Code

A mark you walk through.

The studio’s own site: the logo opens onto the work, and every layer, from the grid to the code, is done in-house.

Construction drawing of the NEUV mark: a grid of five by four square modules, stroke widths of 0.36, 0.27 and 0.32 of its height, round terminals and a 2:1 slot
Fig. 01The mark, construction
The mark under the cursor: the WebGL fluid pulls the letters like ink, then they settle back into shape
Fig. 02The mark, liquid under the cursor
Context
NEUV sells art direction to agencies and studios. The site is the first piece of work a visitor sees.
Intention
Let the mark carry the entrance, keep the typography radical and everything else quiet, so the projects speak.
Intervention
Construction of the mark, a three-typeface system, a WebGL entrance in which the logo becomes a window, liquid ink previews, and the code itself.
Screen recording of the entrance: the mark fills with images, the camera flies through four projects, then the phrase Radical art direction composes on the grid
Fig. 03The entrance, screen recording
Timeline of the entrance in screens of scroll: focus, zoom into the mark, flight through four projects, the phrase, the flash from black to ivory
Fig. 04Timeline
The phrase Radical art direction on its grid: ART stays fixed, RADICAL ends on its right edge and DIRECTION starts on its left edge
Fig. 05ART never moves
Typography and colour: Archivo 900 at width 62, Instrument Serif and JetBrains Mono, with six colour values from ivory to ink
Fig. 06Typography & colour
Brand kit: the mark in ink on ivory, ivory on black and ivory on an image, its clear space of one module, and its sizes from 16 to 48 px
Fig. 07Brand kit · download (.zip) ↓
The Services section with its twelve columns shown: 24 px gutters and 32 px margins
Fig. 08Twelve columns
The Works list: hovering Eclipse reveals its image as liquid ink under the cursor
Fig. 09Works, liquid ink on hover
The site on a phone: the mark, the composition on its grid, the Works list with ink, and Services
Fig. 10On a phone
Motion
Every movement is eased against real time, so it feels the same at 60 and 120 Hz.
Performance
Images in WebP and a pre-rendered blur in place of a live filter: the entrance holds 60 fps in our tests (Chrome, Apple M4, 1440 to 2560 px).
Access
A calm version for reduced motion, every page readable without JavaScript, 44 px touch targets.

Have a project in mind?

← Back to works contact@neuv.fr

NEUV · Independent creative office · Théo Loisel, France© 2026 · Legal notice & GDPR