Glassmorphism

A glassmorphism design style with dark backgrounds (#0F0F23), frosted glass surfaces using backdrop-filter blur (16px), semi-transparent white fills (rgba(255,255,255,0.12)), subtle light borders (1px solid rgba(255,255,255,0.2)), rounded corners (16px), and purple accent colors (#A78BFA). Elements appear to float above a dark background with depth created through layered translucency.

Glassmorphism is a visual design style that creates the illusion of frosted glass by combining translucent surfaces, backdrop blur filters, and subtle light borders against dark backgrounds. Popularized in macOS Big Sur and adopted across modern UI frameworks, it achieves depth not through shadows or hard edges, but through layered translucency. Elements appear to float above the background, revealing faint traces of what lies beneath through semi-opaque fills and blur.