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.
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.
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