Okay, so this looks really similar, but I changed a few things. Brought the colour in the top bar down a bit, added a bit of extra detail to the cross catching, changed the shape of the g's in the logo and added a bit of hatch-shadow behind the logo itself.
I also had a hover state active in the screenshot so you can see what the menu items look like when you scroll over them.
over 3 years ago
Not a huge fan of that menu. Maybe it's the font. It doesn't just fit in.. And that gradient Overlay in the icons feels a bit off.. I would suggest less inner shadow, simple one color overlay and maybe a sans serif font for the links. :)
Thanks for the comment Farzad. The typeface on the menu actually fits in better than it appears to from this shot, since it runs throughout the entire design. I'll toy around with the inner shadow and see if I can fix it up. Not sure though, since I really like it :)
Matt, if you make your icons the same height as the x-height of your type, things will look a little more uniform. The widths aren't as important, but they'll look nicer if they're more similar. Also, personally, I'd remove the gradients from them.
Everything else is looking swell.
Thanks Morgan. People just don't seem to like the gradients in the icons. *sigh* I really do like them. Maybe I'll just make them a bit more subtle.
Making the icons the same as the x-height? I can see reducing them to the cap-height, but wouldn't reducing it to the x-height make the capital letters seem like little peaks that stick up to high?
I'll have to play around with it I guess.
Oop! I was thinking and typing too quickly, I meant the cap height, you're right.
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