Glassmorphism
グラスモーフィズム / 2020s / Style / UI Expression
Shows depth and hierarchy through translucent layers, floating information lightly.
Background blur / Translucency / Thin white borders / Color bleed
Dictionary entry
- Best used for
- Making layered information feel light · OS-grade refinement and depth
- Type
- A neutral sans-serif
- Composition
- Stack cards with clear front-to-back order
- Material
- Colored ground, translucent panes, fine edges
- Caution
- Legibility breaks with the wrong background. Give text surfaces real opacity.
- Further study
- macOS Big Sur / Windows 11