Tendance nommée par l’industrie
Glassmorphism
Des cartes translucides et floutées posées sur un fond très coloré.
- Surface: Panneaux givrés
- Couleur: Fond coloré visible
- Géométrie: Bord clair fin
Atlas de styles UI
Apprenez les signaux distinctifs, formulez un brief fiable et vérifiez ce que votre agent a produit.
Chaque fiche sépare le nom, le statut terminologique, les signaux visuels et les contraintes d’implémentation.
Tendance nommée par l’industrie
Des cartes translucides et floutées posées sur un fond très coloré.
Langage visuel fournisseur
Les contrôles Apple flottent comme des lentilles au-dessus d’un contenu opaque.
Label contesté
Une page dense qui laisse visibles les matériaux par défaut du navigateur.
Tendance nommée par l’industrie
Des blocs saturés, des contours noirs épais et des ombres nettes sans flou.
Mouvement établi
L’interface imite un objet réel avec ses matières, son éclairage et ses détails physiques.
Tendance nommée par l’industrie
Des contrôles moulés dans une surface mate grâce à deux ombres très douces.
Mouvement établi
Des aplats simples, des icônes géométriques et aucune matière simulée.
Mouvement établi
Très peu d’éléments, beaucoup d’espace négatif et une hiérarchie typographique volontaire.
Le glassmorphism habille des surfaces de contenu. Liquid Glass réserve un matériau adaptatif aux contrôles et à la navigation Apple.
Glassmorphism vs Liquid GlassLe Neobrutalism dessine une apparence brute avec beaucoup de CSS. Le Web Brutalism expose réellement la structure et les matériaux natifs du web.
Neobrutalism vs Web BrutalismLe neumorphism moule tous les contrôles dans une surface abstraite unique. Le skeuomorphism imite des matériaux et objets réels que l’on peut nommer.
Neumorphism vs SkeuomorphismLe Flat Design décrit comment les surfaces sont rendues. Le minimalisme décrit combien d’éléments restent et comment l’attention est organisée.
Flat Design vs MinimalismUn style entre dans cet atlas lorsqu’il possède un nom défendable, des sources crédibles, quatre signaux observables et une limite claire avec ses voisins.
Les briefs Create, Modify et Repair traduisent ensuite ces critères en instructions vérifiables pour un agent de code.