Here is the first attempt to notification dropdown.
The notification bell icon goes blue (branding colour) only at mouse hover, otherwise grey. Below in the menu, each section has it's own color and takes it only when it has update, otherwise subtle grey (as seen at Profile visitors). This is mostly likely going to be revised.
✎ ✎ @oykun
11 months ago
Colorful bud! Like it :)
Nice & clean! Lovely!
As usual awesome!
Beautiful choice of colours and I'm digging your style a lot!
@Luke Etheridge @Tobia Crivellari ™ @Tanveer Junayed @Andrey Maxim @Pascal Gärtner Thanks for the love folks!
Love it @Oykun! Do you plan to add some drop shadow to notification popup? Just curious how it will look with the content added to the page.
Beautiful use or space and colors! :)
nice! is it for a site or app?
@Nuruzzaman Sheikh @zee7 ✽ @Avinash Tripathi Thanks folks!
@Julia Khusainova I designed this over actual content and it looks fine, I just could not show much at this stage, that's why plain bg. Btw, thanks!
@Max Hancock & Co. Thanks, it is website.
Looks great. I love the colors.
My 2 cents.
I would even try just using the Blue in the '135' notification for all 'new' notifications. 47,79,8,1 all having a blue bg. This way You can tie one concept of blue meaning new and remove the '+' signs.
red and yellow are a bit ketchup and mustard there. ;-)
10 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter