Beaucoup de sites sont une collection d’écrans dessiné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.
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 dessine 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é.
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 dessine 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.