Case Study / Aesthetic websites
TERRA
Industry
Experimental
Stack
HTML · three.js / GSAP / canvas / Web Audio as needed
Turnaround
1 day
Role
Design + build, end to end
The brief
Cartography studio. A made-up client, built to prove a real technique.
Read the build guide ↗The approach
The signature is one GLSL terrain rendered three ways: contour, hillshade, hypsometric. The whole page is composed around that one idea, so type, palette and pacing all defer to it.
Like every study in the collection, it ships with a /guide route documenting exactly how the technique works. It also passed the same quality floor as client work: responsive to 390px, keyboard focus visible, reduced motion respected, zero console errors.
Design intent: Prove that one GLSL terrain rendered three ways: contour, hillshade, hypsometric can carry an entire page.
Want something in this register for your brand?
Related: web development · ui/ux design · templates
Free first draft · 6 to 12 hours · no contract