OCHRE — Mediterranean Natural-Dye Brand

Overview

OCHRE is a brand website for a fictional Mediterranean natural-dye house in Ronda, Spain. Three generations of artisans. Every visual is drawn at runtime using Canvas 2D — zero images, zero SVGs, zero illustrations from disk.

Tech Stack

Challenge

Natural dye is tactile and visual, but photographing wasn't the point. How do you construct a brand visual identity from code alone, mirroring the artisans' own process: everything made by hand from raw materials?

Solution

All visuals drawn at runtime: Bezier pottery, repeating textile patterns, path-drawn botanicals, wabi-sabi circles. Interactive dye-bath selector where clicking a dye source changes the cloth color. Floating emoji botanical particles. Arch motifs at three scales inspired by Moorish architecture. Bilingual Spanish/English with data attributes.