Sidebar Navigation UI, Light & Dark Themes Exploring a clean and minimal Sidebar Navigation UI in...Sidebar Navigation UI, Light & Dark Themes Exploring a clean and minimal Sidebar Navigation UI in...
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
Sidebar Navigation UI, Light & Dark Themes Exploring a clean and minimal Sidebar Navigation UI in both Light & Dark themes.
This concept focuses on clarity, smooth visual hierarchy, and modern layout rhythm, making navigation simple, intuitive, and aesthetically balanced.
The design includes:
• Light & dark mode variations
• Smooth dropdown interaction
• Clear icon structure
• Organized message section
• CTA placement with strong visual weight
The goal was to create a sidebar system that feels modern, functional, and visually refined while maintaining consistency across both themes.
Designed using Figma & Photoshop.
Feedback is always welcome! ✨
Post image
Rohan's avatar
The light/dark pairing is especially convincing here—the shared navigation structure keeps the theme switch feeling like a system choice, not a separate redesign.
Ashar's avatar
@Rohan Ahmed Thanks Rohan! Glad the light/dark consistency came through. I wanted both themes to feel like one system rather than two separate experiences.
Mark's avatar
The floating avatar stack at the bottom mirrors the team members already listed above it in the panel - you get the sense of who's active without duplicating a separate members list.
Ashar's avatar
@Mark Barliet Thanks Mark! Exactly what I was aiming for keeping the active team visible without adding unnecessary UI clutter.
Back to feed
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