Glassmorphism
Modern style with semi-transparent elements, background blur, soft shadows and frosted glass effect.
Colors
4Style Characteristics
• Semi-transparency
• Background blur
• Soft shadows
• Light borders
• Multi-layering
• Airiness
✓ When to Use
• For modern digital products, premium tech brands. Creates sense of lightness and technology.
✗ Avoid If
• Simplicity or fast loading are needed. May be complex to implement and perceive on weak devices.
Usage Examples
Premium app
Tech startup
Music player
Brand Examples
Apple
Uses in macOS Big Sur and iOS
Windows 11
Acrylic material in interface
Stripe
Glassmorphic elements on website
In this database
- Same archetype set
- 3 of 50
- Linked entries
- 4
Style DNA
See Also
Parametric
Algorithms; Complex structures; Organic geometry; Parameters; Generativity; Innovation
Geometric 3D
3D forms; Geometry; Volume; Shadows; Modernity; Tech feel
Minimalism
Lots of white space; Simple geometric forms; Limited palette; Thin lines; No decoration
Data Visualization
Charts; Diagrams; Infographics; Precision; Informativeness; Visual analytics
Updated: