instrument de précision de minuit

Le système de design Linear est un centre de commande nocturne construit sur des surfaces quasi noires (#08090a) avec une typographie blanche éclatante et une unique touche vert citron (#e4f222) faisant office de lampe torche fonctionnelle: petite, à fort contraste et utilisée avec parcimonie pour indiquer des actions. L’interface considère l’obscurité comme un élément fondamental plutôt qu’un thème: le texte est d’un blanc pur avec un espacement réduit entre les lettres (-0,022 em), les graisses de police se situent entre 400 et 510 plutôt qu’en gras, et les bordures sont ultra-fines (0,5 px) pour laisser la géométrie jouer le rôle habituellement dévolu aux ombres. Les composants semblent conçus avec précision: rayons de 6 et 12 px, marges compactes de 8 à 12 px et absence quasi totale d’éléments décoratifs, permettant à l’interface utilisateur du produit (cartes de tâches, tableaux Kanban, panneaux d’agents IA) d’être la seule texture visuelle dans un système par ailleurs serein.

La mise en page a une largeur maximale d'environ 1200 px, centrée, avec un fond sombre s'étendant jusqu'aux bords de la fenêtre. L'élément principal est un grand titre, aligné à gauche (64-72 px), associé à un appel à l'action (CTA) aligné à droite, suivi d'une grande capture d'écran du produit qui dépasse légèrement la largeur maximale. Le rythme des sections alterne entre des compositions à deux colonnes avec du texte à gauche et une image à droite, et des bandes d'affichage de produits en pleine largeur séparées par des marges verticales de 96 px. La bande avec le logo du client est une simple ligne horizontale. La page n'utilise jamais de grilles à trois colonnes ni de structures en mosaïque; la densité d'informations reste faible, la plupart des sections utilisant un espace blanc important et un seul élément central à l'écran. La navigation est une barre supérieure fixe avec un logo aligné à gauche et des liens alignés à droite, sans barre latérale ni méga-menu.

L'identité visuelle de Linear repose sur des captures d'écran du produit: les illustrations en introduction et dans les sections sont des images réelles de l'interface utilisateur de l'application Linear, capturées avec un maximum de détails (cartes de tâches, tableaux Kanban, tableaux de bord des agents IA, palettes de commandes), placées dans des cadres fins. Pas de photos libres de droits, pas d'images lifestyle, pas d'illustrations abstraites. Les logos sont affichés sous forme d'une bande grise neutre (#8a8f98) de taille uniforme. Les icônes sont des images SVG linéaires minimalistes en niveaux de gris monochromes. La capture d'écran en haut de la page flotte sur un subtil dégradé linéaire (du foncé au clair), créant une profondeur atmosphérique sans utiliser de paysages réels. Chaque élément visuel est un élément fonctionnel du produit.