Glass
Translucent frosted glass. The page colours show through behind the icons.
KIDSTOCK · FLOATING NAV OPTIONS
Less bar.
More character.
Four finishes, the same compact proportions. Bigger selected icons settle close to their labels. Grey icons keep their clay detail.
66 px bar height58 px selected icon36 px resting icon
Compare the same tab in all four
NetflixSculpted clay
A rounded clay slab with a soft bevel and a thicker sculpted edge.
Light grey
One steady light-grey background. Colour lives in the selected icon and label.
Dark grey
One steady charcoal background. Bright selected colours stand out clearly.
Selected: Glass. Now a capsule with smaller icons and a gentler pop. The other finishes remain here for comparison.