Project
Lorem Liquid Glass Lab
Built a kinetic glass UI experiment to stress-test our SvelteKit design tokens across light and dark surfaces.
Apr 2024 · 2024 Q2 · Lead Frontend
The Liquid Glass Lab started as a playground for testing blur stacks, noise overlays, and accent sheens that still pass accessibility requirements. I paired SvelteKit layouts with Tailwind-driven tokens so each surface can opt into the glass treatment without custom CSS.
A few highlights:
- Cloudflare Pages served every deploy preview so we could capture filmstrips for perf reviews.
- vite-imagetools generated responsive sources for the hero vignette and detail shots.
- Turnstile helped protect the interactive feedback form we embedded directly on the case study page.
The experiment shipped with >95 mobile Lighthouse scores and informed the final tokens that power this portfolio.
Metrics
- users
- 1200
- tti_improvement
- 38%