Temporary study · HEADER-001
Header and glass
Adjust the scrolled top bar’s height, spacing, white transparency, blur, and saturation across desktop, tablet, and phone. The bar remains transparent at the top and blends into the selected material with vertical scroll. Navigation text and its whole-logo line match are adjusted separately in Navigation text.
Full scrolled material
Glass over the world
Current header and glass values
The material appears progressively as the page moves beneath it.
Tune the scrolled bar
The bar is invisible through 16px of scroll, then blends continuously to the full Apple-like material by 96px: 80% white, 180% saturation, and 20px blur. The open menu and reduced-transparency state remain opaque for reliable reading.
Fixed here: official logo geometry, Montserrat navigation, the 900px menu breakpoint, opaque open menu, black controls, no border, no shadow, and the accessible no-blur fallback. Logo line comparisons belong to Navigation text.