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
The easiest UI colour guide you will ever need
Great interfaces do not rely on many colours. They rely on clear roles.
Primary colour is for key actions like buttons and links. It should stand out and stay consistent.
Neutral colors handle backgrounds, surfaces, borders, and text. A strong neutral scale creates structure and readability.
Feedback colors cover success, warning, and error states. They guide users and should never be confused with primary actions.
Accent colour is used sparingly to highlight important details. Too many accents create noise.
When each colour has a job, your UI feels cleaner, more consistent, and easier to use.
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
This is my final submission for the Figma Makeathon.
An app that lets you swipe through what’s happening around you tonight, instantly discovering local events, places, and activities nearby. ✨👀
What’s new is a simple 2D mood interaction where you set the vibe for your evening, whether energetic, social, or more laid back, and get suggestions that match.
At the end you can easily share your picks with friends via copy and send.
It’s now fully functional and uses your location to show real nearby spots.
If you want to try it, just enable location and explore what’s on tonight.
Curious what you think 👀
Images might be slightly buggy in places due to the current API/source, but they can easily be swapped out. :)
This is amazing 🤩
Sapiens: Defeating the Bot Invasion 🛡️👁️
Social platforms are flooded with bots. The "Like" is now a fake, scripted signal. I built Sapiens for the #FigmaMakeathon to prove that humanity is the only verified currency.
The Solution: Proof of Soul
Using Figma Make, I engineered a "Human Firewall":
The SAP (Emotional Resonance): No more cold clicks. Interact by showing your true self via real-time facial expressions or body gestures.
Gestural Stories: Reimagined "Story Likes." You must hand-draw a heart, an analog signature no script can replicate. ❤️
Human-Only Dessert: Hidden "Easter Egg" games inside the progress bar. Playful challenges that only a real person can appreciate. 🎮
Let's reclaim the internet for Sapiens. Leave a Like to support! ❤️
Try it here!
https://art-trace-27187066.figma.site/
🔊 Sound On
Such an interesting concept of implementing physical emotions to convey how you feel about something!
Wouldn't it be funny to see people out in public expressing their likes this way 😂
Out of curiosity, where would other forms of facial expressions like deadpan/confused sit...
https://conductor.figma.site/ - Be your own DJ , control songs and particles with just hands.
Built with Figma Make. No controllers. Just your webcam.
What you can do:
Wave your hands to create music and move particles
Upload any song and remove vocals with a fist gesture (instant karaoke)
Draw in mid-air with a pinch gesture
Watch particles morph into shapes — hearts, music notes, spirals
Record your session and export as video
Invite a friend for split-screen multiplayer via a shareable code ( Working with same WiFi )
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?