/glass-shader a launch page for Pane, privacy-first web analytics
What you get
- A landing page whose hero is glass over the page: full-page reeded glass, a fogged window you wipe, water drops on a photo, or a wall of frosted tiles over a glowing ball
- Real refraction with nothing painted on: what's behind is magnified, squeezed, frosted and fringed, while the backdrop answers the cursor
- The page around it: brand, copy, type and a layout made for the look, on wide screens, tall windows and phones
- A static site with no libraries, plus a tool that generates a photo for the glass through your Skillsmart account
Good fit
- Calm, architectural, natural or techy brands that want a premium, tactile first screen
- Weather, sound, café, flower and energy products (the examples)
You bring
- What the page is for and the brand name
- Optional: a photo for the glass to sit over, colours, headline and fonts
Not for
- A 3D glass object as the hero (that's Glass Hero)
- Busy, text-heavy first screens
Needs
- Python 3
- A browser
- Node 18+ and Skillsmart credits only to generate a photo (20 each)