Explore

Glass and frosted mood board

A glass and frosted mood board for web design: 12 references from live websites, one per site, picked from 218 glass and frosted sections in the save.design library.

Start a mood boardAll mood boards
Lineup Grid — Glassmorphism Cards on povbudapest.compovbudapest.comFrosted glass layering over full-bleed work on studionari.co.ukstudionari.co.ukCelestial Application Form on pear.nopear.noGlassmorphic 3D Typography in Space on nudot.com.twnudot.com.twLight Mode Header + Grid on weirdfolders.comweirdfolders.comCollage Glassmorphism About Page on natalieliu.comnatalieliu.comLongevity Mitochondria Visualization on vibrant.noomoagency.comvibrant.noomoagency.comCommunity View with Glassmorphic CTA on threejs.paristhreejs.parisOrganic Bento Grid Layout on oem.careoem.careBelieve You Can Bitcoin on cash.appcash.appFull-Bleed Editorial Carousel on studiostandard.comstudiostandard.comScroll-spun client dial with a needle and lens panel of each client's work on adamperlis.comadamperlis.com

What makes a design glass and frosted

Translucent panels, blur and light that passes through layers. Look at how these keep contrast high enough to read text over busy backgrounds.

Every tile opens the section it came from. Use the board as a starting point: keep the four or five references that fit your brief, and write next to each what you're taking from it.

Sites on this board

Each one is a live website, credited to its maker.

Type and stack

What the sites on this board are set in and built with, read from their live pages.

More mood boards

BrutalistMinimalistDarkEditorialPlayfulLuxuryRetro3DMonochromeOrganic and naturalBold typographyGradientSwiss and gridNeonPixel and 8-bitIllustrated and hand-drawnCollageWarm tonesFuturistic

New to mood boards? Read how to make a mood board, with a template.

Make a board like this
from your own references.

Drop saved websites, sections and screen recordings onto an infinite canvas, group them into frames, and share one link.

Create a canvas