Here is a peek at the new navigation that we're working on @Mixpanel. We've refreshed the icons and updated the colors to provide better contrast with the main content. I'm putting together a document that shows evolution the iconography and navigation that I'll share with you here soon. Take a look, we would love to hear your thoughts!
3 months ago
Good Job @Mason Yarnell The color palette is very nice. :)
Thanks @Álvaro! Much appreciated.
Lookin' real good, son ;). Loving the two-color icons. Working on a similar icon treatment myself. You think these will end up as svg's or just @2x pngs?
I really like it a lot and it's hard to come up with any "issues" - Here's a few anyway:
1: Even though the icons look awesome with the two-colored state, I think this should only be applied on "mouseover" and "current" state. Making the inactive navigation links a bit more transparent and grey will create a better focus I think. In this way you might not need that blue border on the left of the "current" state as well. Awesome icons btw!
2: The blue overlay looks awesome but it seems to me like there's a lot of shades. Maybe reduce them a bit and remove the background on the "New project" making it none-bold instead?
Other than that, awesome work!
Ooh, that's nice!
@Josh Thanks, partnah! Haven't decided yet on a format. What's your take? Would you suggest SVG? Anyone else care to weigh in on this subject?
@Steffen Thanks very much for the great feedback! I particularly like your thinking around the blue drop menu. I will take a look at how the nav looks with the inactive state as a single color. I don't find it too distracting as it is, but I agree that it could emphasize the active state.
Lovely as usual :)
@Mason I'm a bit torn myself. I don't have a process in place for two-color svg icons yet. I make a lot of one-color icon fonts, but I feel like @2x raster is still the easier and most supported route for anything with more than a single color. Let me know if you give it a go.
Nice work and blue :)
@Mason Yarnell I'm a big fan of your work. Looks amazing :)
like colors, font and icons.
I'm more with what @Steffen Nørgaard Andersen said about icon states, hovers, etc. And yes, work is awesome. Really great colors and icons as itself! Well done, mate
Nice colors scheme!
Really nice color scheme!
Great colors !
I love it!
Great colour palette!
looks great, love the two-tone icons. but i miss the purple :(
@Mason Yarnell svg ftw :)
Its has pretty decent support. ie9+ and modern browsers including almost all mobile devices.
And for the browsers that don't support it, use a fallback. Modernizr, or anything else.
Using @2x png's by using media queries has the same support as svg as far as I know. But svg is much more modern and its vector.. (vector > bitmap).
All my projects are svg powered, and couldn't be more happier. Everything looks so damn sharp on all devices.
@Mason Yarnell a @2x .gif will do fine.
Clean work @Mason Yarnell
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.