The v1 card-glass formula: translucent white, soft border, backdrop blur.
The original implementation#
card-glass was shipping glassmorphism before the term trended. Its recipe: white at low alpha + 1px light border + backdrop-filter.
Sample#
<div class="card-glass p-8 rounded-lg max-w-md">The 2024 frosted panel</div>
<nav class="navbar-glass">Frosted navbar</nav>Legacy & migration#
The v1 file is frozen forever. To keep this exact look on the modern engine, follow the migration guide — the whole design system is re-expressed as a Nakshora config.