Northcave
Homepage of the CHROMA colour-science lab website concept

Case Study / Aesthetic websites

Colour-science lab website concept CHROMA

Industry

Experimental

Stack

HTML · three.js / GSAP / canvas / Web Audio as needed

Turnaround

1 day

Role

Design + build, end to end

https://fable-25-419.netlify.app/08-chroma/open ↗
A section further down the CHROMA colour-science lab website concept on a desktop screen
A deeper section of the CHROMA colour-science lab website concept on a desktop screen
The CHROMA colour-science lab website concept on a phone

The brief

Colour-science lab. A made-up client, built to prove a real technique.

Read the build guide ↗

The approach

The signature is a dissectable HSL point-cloud colour solid. 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 a dissectable HSL point-cloud colour solid can carry an entire page.

Want something in this register for your brand?

Related: web development · ui/ux design · templates

More experimental websites

Free first draft · 6 to 12 hours · no contract

You've read enough. Let's see what your site could look like.

Get your first draft live in 6–12 hours.