AI-native creative playground
Shape & Colour
Explore colour through original vector artwork. Remix palettes across posters, patterns and shapes, then export a favourite.
My role
Product Designer & AI Creative Director
Development Method
- #AI-Native Development
- #Creative Direction
- #Rapid Prototyping
Technical Stack
- #JavaScript
- #SVG
- #CSS
Product Category
- #Interactive Playground
- #Design Tool
- #Creative Coding
Overview
An interactive palette visualizer built around 365 original Shape Master SVGs. All shapes were created by Kyra Pieterse. Start with the Electric palette, change a colour and see it across posters, patterns and individual shapes. Explore different combinations, switch the artwork and export a favourite as SVG or PNG. Designed and developed with AI, the playground runs entirely in the browser.
How I Built It
Start with original artwork
Selected 12 shape families from the Shape Master library and preserved their vector geometry while making their colours editable.
Explore colour in context
Built a wall of live design studies with editable swatches, palette presets, colour locks and reversible changes.
Take the experiment further
Added individual shape choices, colour rotation and SVG and PNG exports so visitors can take their favourite combinations into another project.