Surface
Panneaux givrés
Une surface semi-transparente floute ce qui passe derrière elle sans le masquer complètement.
Tendance nommée par l’industrie
Des cartes translucides et floutées posées sur un fond très coloré.
Aussi appelé: frosted glass UI, glass UI, frosted panels
Le glassmorphism utilise des panneaux translucides, un flou d’arrière-plan et un bord clair pour créer une profondeur décorative. Le fond visible à travers le verre fournit une grande partie de la palette.
Périmètre: Ce style couvre les surfaces vitrées génériques, comme les cartes et tableaux de bord. Il ne désigne pas le matériau adaptatif Liquid Glass d’Apple.
Un exemple crédible doit rendre ces signaux visibles sans dépendre du nom du style.
Surface
Une surface semi-transparente floute ce qui passe derrière elle sans le masquer complètement.
Couleur
Une image ou un dégradé saturé reste lisible à travers les panneaux et porte la palette.
Géométrie
Un trait clair et discret sépare le verre des surfaces voisines.
Profondeur
Des ombres larges et douces montrent plusieurs feuilles de verre superposées.
Choisissez l’intention adaptée au travail réel. Chaque brief conserve les signaux et les garde-fous du style.
Crée cette surface en glassmorphism. Utilise des panneaux semi-transparents avec backdrop-filter, un fond coloré visible, un bord clair de 1 px et des ombres douces. Prévois un fond quasi opaque lorsque le flou ou la transparence sont réduits.
Modifie uniquement la couche visuelle des cartes existantes. Conserve la structure et les composants, puis ajoute transparence, flou, bord clair et profondeur. Vérifie le contraste sur la zone la plus claire du fond.
Répare ce glassmorphism sans ajouter plus de verre. Rends le fond visible, limite le traitement aux surfaces secondaires, augmente l’opacité derrière le texte et ajoute un fallback sans backdrop-filter.