Typographie · Outils

Utopia

Générateur d’échelles fluides de typographie et d’espacements pour le web adaptatif.

Visiter utopia.fyi (nouvelle fenêtre)

Utopia est une approche de la conception adaptative, imaginée par James Gilyead et Trys Mudford. Le site la présente non comme un produit, un plugin ou un framework, mais comme une manière de penser.

Le principe consiste à définir une échelle de tailles de texte et d’espacements pour un petit écran, une autre pour un grand écran, puis à laisser le navigateur interpoler entre les deux selon la largeur de la fenêtre, sans multiplier les points de rupture. Le site propose des outils gratuits pour générer ces échelles, notamment pour la typographie, l’espacement, la grille et la fonction CSS clamp, ainsi qu’un blog et une galerie de réalisations.

Un·e graphiste ou un·e intégrateur·rice y trouve une méthode pour garder des proportions cohérentes sur tous les formats d’écran. L’approche suppose de connaître un peu de CSS.

Dans la même rubrique