Beaucoup de sites sont une collection d’écrans designés un par un. Chaque page a ses tailles, ses marges, ses couleurs approchantes. De loin, ça tient. De près, rien n’est aligné : le titre de la page A ne pèse pas comme celui de la page B, un même bouton a trois hauteurs. Personne ne l’a décidé. C’est arrivé, page après page.
La collection contre le système
Un site fait d’écrans isolés vieillit mal et se modifie encore plus mal. Chaque changement se répète à la main, page après page, avec une occasion de plus de se tromper à chaque fois. En fin de course, plus rien n’est tout à fait cohérent, et personne n’ose plus y toucher. Le désordre visuel n’est que la surface d’un désordre de méthode.
Ce qui change d'une rangée à l'autre n'est pas le dessin des pages, c'est la mesure du même bouton.
Une source de vérité
Un design system pose l’intention une fois : une échelle typographique, un rythme d’espacement, une palette, des composants. Tout le site en découle. Changer une valeur à la source la propage partout, en cohérence. On ne designe plus des écrans, on décline un système. C’est moins spectaculaire qu’une belle maquette isolée. C’est ce qui sépare un site tenu d’un site rafistolé.
En haut la valeur ne change qu'une fois, en bas elle change à chaque page, et chaque reprise est un endroit où elle peut diverger.
Fluide et cohérent de bout en bout
EVA CSS pousse ce principe jusqu’au sizing : une seule échelle en clamp(), déclinée du mobile au grand écran, avec une courbe d’easing dans le redimensionnement. L’harmonie ne dérive pas, quel que soit le format. Le SCSS structure le reste, variables et composants, une architecture pensée pour durer plutôt qu’un empilement de rustines.
Un écran isolé, l’IA en designe mille à la demande. Un système cohérent, ça demande encore une décision et une main. C’est là, je crois, que se joue la qualité qui dure.
