Colorfigures UI
500 hand-inked illustrations for product sites, from networks and AI agents to pets, sport, science and everyday life. Each one is animated and takes your brand colour.
+492 more with membership
Members get a Studio with all 500 illustrations to recolour and save as animated SVG, 1,000 PNGs, and an AI skill that makes new figures.
In a real page
Made for product pages
Hand-inked isometric illustrations of what product teams actually need to show.
- Every one animatedEvery illustration moves from a before to an after, like Waiting to Task done.
- Product and everyday subjectsNetworks, systems and interfaces, plus pets, sport, science and everyday life.
- Your brand colourType a hex in the Studio and the illustration takes it.
- Ready for design toolsSave a clean vector version of any illustration for Figma, Sketch and Illustrator.
What's covered
- Network: 14 illustrations
- System: 14
- Interface: 15
- User experience: 12
- Agents: 15
- States: 10
- 8 each: Finance, Commerce, Marketing, Business, Productivity, Communication, Data, Security, Education, Health, Travel, Food, Home & devices, Creative, Entertainment
- 16 each: Pets & animals, Garden & plants, Outdoors & adventure, Sports, Celebrations, Home life, Fashion & beauty, Hobbies & crafts, Music & arts, Space, Nature & weather, Transport, City & civic, Professional services, Family & care
- 15 each: Remote work, Science, Sustainability, Seasons & everyday
Questions
What do members get?
The Studio with all 500 illustrations to recolour and save as animated SVG, 1,000 PNGs, the AI skill that makes new figures, and every other paid skill and pack in the shop, including new ones as they are added.
Which formats can I save?
From the Studio: animated SVG that loops, static SVG with the hand-drawn look for websites, clean SVG for Figma, Sketch and Illustrator, and 2400 px transparent PNG. The pack also has every version as a 1600 x 1200 PNG in the original colours.
Can I use my brand colours?
Yes. Open the Studio in your browser, pick a colour, choose an illustration and its state, and save it as SVG or as a 2400 px PNG. It needs no install, account or internet.
Can I use them in client work?
Yes, members can use them in personal and commercial projects, and credit isn't required. Please don't resell them.
License
Free to try. Commercial use needs a membership.
- Without a membership: personal use only. The illustrations you save from this page are free for personal projects. No commercial use.
- With a membership: use the illustrations in personal and commercial projects: websites, apps, products, marketing and client work. Credit is not required.
- No reselling: nobody may resell or redistribute the illustrations or the Studio, as a pack, as a library or one at a time, changed or not.