Visual rules
Layer translucent panels (backdrop blur + low-opacity fills) over a soft gradient or blurred background shape. Keep foreground content fully opaque and legible.
Color rules
Use a soft multi-stop gradient background (2-3 hues), white/near-white glass panels at 60-80% opacity, and one saturated accent color for primary actions.
Typography rules
Modern geometric sans-serif, medium-to-bold weights for headings, generous line height for body copy sitting on glass panels.
Layout rules
Centered hero with floating glass card, generous negative space, section-based scroll with alternating panel depth.
Component rules
Frosted cards, pill-shaped buttons, soft-shadow dropdowns, blurred navbar on scroll.
Accessibility rules
Verify text contrast against blurred backgrounds at all breakpoints; never place body text directly on a busy gradient without a glass panel underneath.