Ice Glass

Ice Glass is glassmorphism done cold and light. The canvas is a pale sky blue with a barely-there mesh of ice, powder blue and lilac; cards are frosted white panes that let that colour bleed through at 60–70% opacity. It borrows from Nordic product design and laboratory packaging: precise, clean, a little clinical, never sterile. One deep glacier blue does all the work of action and emphasis. The page should feel like cold, clean air.

Principles

• Keep the mesh pale enough that ink stays above 12:1 contrast everywhere.
• Frost the cards; never make them fully transparent.
• One deep blue for every action — no second button colour.
• Let product imagery float with no frames and soft shadows.
• Prefer precise numbers to adjectives in every headline and stat.

Motion

Panes rise 16px and sharpen from 70% to 100% opacity in a 90ms stagger. On hover a cyan specular highlight slides across the top edge of the card over 600ms, like light crossing a block of ice.

Do & don't