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
NOIRA - Music Production Platform
Hardest brief in product design: make someone feel sound through a screen.
You can't play audio on a Dribbble shot. You can't hear a beat in a portfolio scroll. So the entire visual system has to carry the emotional weight of the thing you actually can't show.
The wave logo is clean but I'll say stacked horizontal lines for audio brands is becoming the new "gradient circle for AI startups." It works here because the weight and spacing match the typographic mood. But the concept alone won't differentiate much in 2026.
#WebDesign #MusicTech #ProductDesign #DarkUI #CreativeDirection
Your point about a familiar audio symbol needing more than the concept itself is useful. A distinctive behavior could add another layer of identity—how the waveform responds to playback, or how spacing changes between browsing and editing. Did motion form part of the NOIRA direction?
Rohan, that's a great question actually! The motion direction wasn't part of this particular scope but you're touching on something that would elevate the whole system. Definitely something worth exploring if the project extends into interaction design. Thanks for flagging that, solid thinking 👍
The mockup leans on a hand holding the phone and a person mid-listen rather than isolated screens on white — that's doing more to sell the feeling of sound than the wave logo is.
Spot on. Contextual mockups do the heavy lifting here because they give the viewer a body to project themselves into. And for a music product, the moment is the whole pitch. Good catch though - it does kinda prove the earlier point about the wave logo. When the photography is...
great designs..
Thanks a lot 🙌
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
The only glow on the Kestra page is the reflective strip on the jacket. It comes from the image itself, so the Framer layers on top stay flat: grey, white and mono text, no glow effects on buttons or headings. That keeps the page easy to edit, because nothing in the UI depends on one lighting setup. If you swap the photo, the glow goes with it. Would you add a glow effect in Framer or keep it in the image?
wow, nothing but top notch
Designed a modern Strength Training Mobile App.
A deep indigo and violet gradient with a soft body silhouette and dotted display numbers for a bold and focused first impression.
A glowing strength score, a clear workout card with exercises, minutes, and volume, plus a simple progress bar make every training session easy to follow. A curved dark panel, fine tick marks, and a floating tab bar keep the whole app sleek, modern, and easy to use.
High end execution
Santa Monica Tile & Stone E-Commerce Design, 2025.
Buying tile online is mostly guesswork, so I designed a concept store where every page answers one buyer question. Shoppable rooms show how it looks, a coverage calculator tells you how much you need, and free samples let you see it first. Deep green, warm gold, and an AI tile scan that turns inspiration photos into products. Open for e-commerce and web design projects.
Full case study on my Contra Profile
TOP!!