Nox Product UI

Bref

Interface et design tokens pour un espace de travail B2B, conçus pour des versions hebdomadaires afin que le métier suive l’ingénierie sans perdre la marque.

Année
2026
Secteur
Logiciel B2B
Périmètre
/ Product UI / Tokens
Cadence
14 weeks

Nox

01

( Surfaces )

Fichiers 4

nox
nox
Campaign
Campaign
Campaign
Campaign
Live issue
Live issue

02

( Le logo )

Trois règles

Un espace de travail livré chaque semaine sans jamais s’écarter de la marque.

( 01 )

Les tokens avant les écrans

Couleur, espace et typo ont d’abord été définis sous forme de tokens : un nouvel écran démarre donc dans la marque.

( 02 )

Les états, c’est du design

Les états vide, de chargement et d’erreur ont été dessinés avec le même soin que le parcours nominal.

( 03 )

L’ingénierie en salle

Le responsable front-end a relu chaque composant avant son entrée dans la bibliothèque.

03

( Dans le fichier )

Système

Northline type lockup on a warm paper field
Type
Northline color study — glass bottles on a warm field
Color
Northline grid study — white cube and black volumes on a green field
Grid
Northline lockup still — figure in a red field
Lockup
  • Jeu de tokens pour le web et l’app
  • Bibliothèque de composants dans Figma
  • Couverture des états et des cas limites
  • Notes de passation front-end

04

( Bureau )

Nox

“Nous sommes arrivés avec un produit qui fonctionnait et un récit qui ne fonctionnait pas. Leur équipe a resserré les deux — identité, web et motion réunis en un seul système que notre équipe peut réellement continuer à livrer.”

Jonah Ellis

Directeur produit, Kite

Jonah Ellis · Directeur produit, Kite

05

( Ce qui a tenu )

Fichier

42

Components

6

Release cycles

14 wk

Cadence