Pigment Study is my experimental pigment archive: a small interactive dossier built with Framer agents. You can switch between historical colours, watch the eye change mood, and read a short record about each pigment’s story.
I wanted to make something that felt more alive than a static case study. Colour history is already full of ritual, trade, beauty, toxicity, and myth, so an interactive specimen tool felt like the right way to let each pigment behave like a character.
Curated swatch set for switching between pigments
Animated eye artwork that changes with each colour mood
Archival record card with pigment history
Personality note for each colour
Responsive tablet and mobile layouts
Mood-specific glow, shadow, motion, and colour treatment
The project uses a variant-based component system, so each swatch updates the full visual state: eye treatment, atmosphere, active swatch, card shadow, headline, history copy, and personality description.
Framer Agents helped build and refine the interaction state by state, which made it easier to tune the small details:
swapping in a cleaner SVG eye asset,
fixing transition flashes,
adjusting mood-specific motion,
tightening typography, and
making the responsive variants behave across desktop, tablet, and mobile.
What surprised me most is how expressive Framer variants can become when they’re treated less like simple states and more like characters. With enough careful tuning, a colour picker can start to feel like a living archive.
Try it: choose a pigment, watch the eye shift, and read the story behind the colour.
Pigment Study is my experimental pigment archive: a small interactive dossier built with Framer agents. You can switch between historical colours, watch the eye change mood, and read a short record about each pigment’s story.
I wanted to make something that felt more alive than a static case study. Colour history is already full of ritual, trade, beauty, toxicity, and myth, so an interactive specimen tool felt like the right way to let each pigment behave like a character.
Curated swatch set for switching between pigments
Animated eye artwork that changes with each colour mood
Archival record card with pigment history
Personality note for each colour
Responsive tablet and mobile layouts
Mood-specific glow, shadow, motion, and colour treatment
The project uses a variant-based component system, so each swatch updates the full visual state: eye treatment, atmosphere, active swatch, card shadow, headline, history copy, and personality description.
Framer Agents helped build and refine the interaction state by state, which made it easier to tune the small details:
swapping in a cleaner SVG eye asset,
fixing transition flashes,
adjusting mood-specific motion,
tightening typography, and
making the responsive variants behave across desktop, tablet, and mobile.
What surprised me most is how expressive Framer variants can become when they’re treated less like simple states and more like characters. With enough careful tuning, a colour picker can start to feel like a living archive.
Try it: choose a pigment, watch the eye shift, and read the story behind the colour.
Orpah Wavomba