The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
One of my favorite projects and clients.
Flow is a Singapore-based premium beverage brand delivering barista-grade drinks through innovative vending machines.
The brand came to me with an existing logo, typography, and two mascots. My role was to expand and strengthen the visual identity, creating a more cohesive and versatile brand system. Take a look at the case
love how strong the identity of the brand is in all elements shown! it's cute & quirky without losing that modern edge that keeps it from appearing in too kiddish.
Thank you!
Looks amazing! 🙌
Thank you!❤️
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Visual Atlas
Explore public domain image archives as navigable visual landscapes instead of searchable databases.
Visual Atlas is an experimental infinite-canvas interface that transforms large public image archives into navigable visual landscapes.
Instead of searching through lists, folders, or grids, users can freely pan across a continuously generated visual space where related images naturally cluster together. The result is a more intuitive, exploratory way of discovering connections, patterns, and forgotten collections within massive image archives.
It can also be used for your own personal collections — images, screenshots, and visual fragments that otherwise slumber forgotten on your hard drive — turning them into a living, explorable memory space.
The Problem
Large visual collections are searchable, but they are not explorable.Many public image collections contain millions of valuable images, but traditional search interfaces often limit discovery to keyword-based retrieval and static browsing.
Visual Atlas explores a different question:
What if archives could be explored spatially, like places rather than databases?
By organizing images through semantic similarity and presenting them on an infinite canvas, users can navigate archives through visual relationships and serendipitous exploration.
Links
Live Project:
https://beneb85.github.io/visual-atlas/
Github:
https://github.com/beneb85/visual-atlas
Figma Community File:
https://www.figma.com/community/file/1647949199129256120/visualatlas-ui-prototype
Figma Make (only Canvas, without API Integrations)
https://closed-foam-24445324.figma.site/
Process
The project combines AI-assisted development, semantic clustering, and rapid interface prototyping with Figma, Figma MCP, Figma Make and Claude
Development Workflow
I used Figma to create the initial design then used Figma MCP to design the spatial memory system in Claude and Figma Make to rapidly generate and iterate the interactive infinite canvas prototype and interface, and refined it into a working memory exploration system.
Inspiration
Original canvas interaction concept with Spotify API by Chakib Mazouni
The project was also inspired by Eduardo Lunardi's tutorial on building seamless infinite canvas experiences:
Tech Stack: Vanilla single-file JS · Three.js · MediaPipe Tasks-Vision · Web Audio · IndexedDB · weserv proxy
Music Into The Deep by Pamela Yuen (Free Music Archive)
Licensed under a Creative Commons CC BY
Sources
The visual material displayed in Visual Atlas originates from public archive collections and source institutions.
Users are encouraged to consult the original source institutions for authoritative metadata, provenance information, and licensing details.
#ConfigMakeathon @figma
Nobody tells you that the hardest part of freelancing is the waiting.
Waiting for the right brief.
The right client.
The right moment to feel ready.
For a long time I treated momentum like something that arrives if you're patient enough.
This summer I'm done waiting for the current. I'd rather be it:)
So I made this.
A swimmer caught mid-stroke, blurred because she's moving, while the only thing holding still long enough to read is the word.
I built it backwards on purpose: the image is frozen but full of motion, and the text is the part that actually moves. A still that's all velocity, a motion that's all calm. That contrast is the whole feeling.
The process:
- Ideogram to generate the swimmer, motion blur and all
- Canva for grain and a bit of the moody texture
- Framer for the moving text, because if momentum is the theme, I wanted the motion to be real, not faked. Also because I'm spending this summer chasing more Framer work for Formeta, so I figured I'd practice what I preach
- Screen recorded the final piece to capture the motion
Movement as meditation. The work moves when I do.
What's the energy you're swimming into this summer?
The motion blur still juxtaposed with the text looks super sick!
Which one says "train, develop, optimize" to you, the sharp orange or the golden mark? ⚡
🔶 Arcas - The Orange Mark
Bold orange on dark navy. Sharp, modern, built for speed.
🏆 Arcas - The Gold Mark
Bronze gradient on black. Premium, commanding, built for legacy.
Same words. Completely different power. 💥
4 voted
17%
19 voted
83%
23 votes
Closed
The gold looks cooler 😎
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?