Shader background
Seven Paper Shaders materials behind one section, painted with the site's own CSS variables. A flat box on --background until WebGL arrives, so nothing shifts.
npx shadcn add @gc/shader-bgOne ambient effect per viewport
The brand supplies the colours. The shader supplies the weather.
dotGrid and waves are still patterns by design; speed has no effect on them.
Craft score
Measured on b38543d. All scores
- Perf mobile
- 94, bar 951
- Perf desktop
- 100
- CLS
- 0
- LCP mobile
- 2771 ms
- Gzipped source
- 3.1 kB
- Reduced motion
- Pass
Scoped exception on perf mobile, recorded 2026-10-15. The reason is footnote 1 on the scores page.