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
UNTRUE — An interactive chord explorer inspired by Burial's album Untrue (2007).
Using Mobbin, I studied how music apps handle chord exploration and sound interaction. Two apps shaped the direction:
• Demo — for its intuitive chord selection and circular UI patterns
• Endel — for its dark, spatial, monochrome aesthetic
I combined Demo's interaction model with Endel's visual language, themed around the harmonic palette of Burial's Untrue — every chord from every track on the album, playable in your browser.
What you can do:
• Explore chords across 9 album tracks
• Tap to hear each chord with different synth presets
• Build and play your own chord progressions
Process: Mobbin research → Figma → Claude Code → test → back to Figma → rebuild. Each iteration brought it closer to a dark, tactile instrument.
Built with React + Tone.js + Tailwind CSS. Deployed on Vercel.
🔗 Try it: https://untrue.vercel.app/
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
Your body is ready for sleep. But is your mind ready to switch off?
That’s the moment Elivara is designed for.
Instead of another endless scroll, imagine opening an experience that makes slowing down feel natural.
Because better rest starts with how you end your day.
Would you trade 20 more minutes of scrolling for 20 minutes of peace?
#SleepApp #UIUXDesign #ProductDesign #WebDesign #MotionDesign
Great UX understands the user's state of mind, not just what they want to click.
Tendee - Dating App UI UX Design
A mobile app UI design showcase focused on discovery, profiles, matching and conversation.
The visual challenge was to bring profile content, interest tags, primary actions and messaging into a consistent mobile experience. The design uses a soft lavender and coral palette, clear typography, rounded cards and recognizable navigation.
The selected mockup presents a profile discovery screen, detailed profile information, chat, onboarding and sign-in views. These screens demonstrate visual hierarchy, consistent interface styling and attention to mobile interactions.
Personal portfolio showcase. Project cost is an illustrative quote for comparable design work, not a past client payment. The date marks this showcase's preparation in October 2026; duration is an estimated production timeframe.
Love the colors!
Halloween is the one night a year dark patterns are on theme.
Built two cancel screens for a concept photo app in code with Claude Code. Same plan, same customer about to leave. Which one keeps more of them, A or B?
2 voted
25%
6 voted
75%
8 votes
Closed