← All websites

Hot sauce

PYRE.

The page has a temperature. Scoville maps to Kelvin on a black-body curve, so scrolling the range physically heats the site from near-black to white-hot.

DisciplineDesign and build
Built withHand-written HTML, CSS and JS
Screens12
StatusConcept build

THE PAGE, TOP TO BOTTOM.

12 screens · captured at 1440px
PYRE, screen 1
01
PYRE, screen 2
02
PYRE, screen 3
03
PYRE, screen 4
04
PYRE, screen 5
05
PYRE, screen 6
06
PYRE, screen 7
07
PYRE, screen 8
08
PYRE, screen 9
09
PYRE, screen 10
10
PYRE, screen 11
11
PYRE, screen 12
12

Captured from the live build, scrolled in sequence. Self-initiated concept work.