Cartes de verre dépoli translucides flottant sur un dégradé de fond coloré.
vignette — le style en une image
Le glassmorphism s’impose entre 2020 et 2021 dans le design d’interface, prolongeant une trajectoire entamée dès 2013 par la translucidité d’iOS 7 sous la direction de Jony Ive, puis par le matériau « Acrylic » du Fluent Design de Microsoft en 2017. Le style se cristallise véritablement avec la refonte de macOS Big Sur par Apple en 2020, et le terme « glassmorphism » lui-même est popularisé peu après par le designer Michal Malewicz, qui en formalise les règles dans un guide devenu une référence du secteur.
Le style se reconnaît à ses panneaux translucides à l’effet de verre dépoli (backdrop-blur), à ses bordures fines qui captent la lumière comme une tranche de verre, à ses ombres douces et superposées en plusieurs couches, et à des cartes qui semblent flotter au-dessus d’un fond en dégradé vif visible par transparence.
Le glassmorphism convient aux interfaces d’applications modernes, aux tableaux de bord fintech ou crypto, et à toute page produit qui veut une sensation légère et aérienne — il exige cependant un fond suffisamment riche en couleur pour que l’effet de transparence reste visible et lisible.
Mots-clés
frosted glass panel
backdrop blur
translucent card
soft layered shadow
light-catching border
vivid gradient backdrop
floating UI
glass texture
Palette
frosted white
#F3F0FF
soft lavender
#C9B6FF
ice blue
#A7E3F5
mint glow
#9FF0D0
deep navy backdrop
#151233
Typographie
SF Pro
Inter
Poppins
Un sans-serif humaniste léger, aux formes ouvertes, laisse le verre dépoli porter tout le poids visuel de l’interface.
Le style en composants
Boutons
Champ de saisie
Interrupteur
Barre de progression
70%
Carte
Specimen
Une carte du même vocabulaire : surface, trait, accent.
Notification
Modification enregistrée avec succès.
Prompt à adapter
{{subject}} rendered in glassmorphism style, frosted glass panels with soft backdrop blur revealing a vivid lavender and mint gradient behind them, thin light-catching borders, gentle layered shadows, airy modern mood, soft diffused lighting evoking a fintech app screen.
Exemple rempli
a floating translucent card interface rendered in glassmorphism style, frosted glass panels with soft backdrop blur revealing a vivid lavender and mint gradient behind them, thin light-catching borders, gentle layered shadows, airy modern mood, soft diffused lighting evoking a fintech app screen.
