# New Site Design!

## EDIT 05 July

Thanks for your feedback! As the community requested, here are a few changes:

### The vote icons

Goal: de-emphasize the regular vote icons (right now they look active even though they're not).

### The questions color

Goal: Make them less bright.

### The site icon & favicon

Goal: Since using the full logo doesn't work, create another one that works better at small sizes.

All these changes will be live after our next production build.

As you can see the new design just went live. Congratulations! Thank you for your valuable design feedback.

We have also themed the twitter account and newsletter template for this site, and adjusted the privilege levels to higher thresholds.

If you see any CSS/styling bugs, please start a new post and tag it with design and bug.

Congrats again and thank you for being an awesome community!

Oh! And by the way, we have also updated your Chat theme!

• Great logo! Is it just me or do all the (blue) vote up/down buttons on the main site look like they're already selected? The selected dark blue looks possibly more muted and more unselected than the unselected bright blue. – user56reinstatemonica8 Jul 1 '16 at 15:59
• @user568458 That was my first thought as well when I viewed my first question with the new design... – Lnafziger Jul 1 '16 at 16:23
• While I agree with the answer below about a couple elements, it's a great design overall. Great work and thanks! – Todd Wilcox Jul 1 '16 at 16:27
• Love it! I've been checking back to see if we got a design yet since we (finally) got out of beta. – Canuk Jul 2 '16 at 4:56
• Loving the new background and logo! – Dawn Breaker Jul 2 '16 at 7:59
• @user568458 It's not just you. Most people seem to be confused by the colour scheme. – 200_success Jul 2 '16 at 20:14
• Great work Stéphane, thank you for taking the feedback of the community into account! – DeltaLima Jul 5 '16 at 9:35
• Is it just me, or are those link blues just terribly bright? – Williham Totland Jul 5 '16 at 18:11
• Huge steps in the right direction Stephane, thank you so much. My next (I know, I'm horrible) nitpick would be that it would be nice if all the tags were a different color from the title's of the questions... – Jay Carr Jul 5 '16 at 19:06
• @JayCarr Done! :) – Stéphane Jul 6 '16 at 7:50
• Yay! Thank you so much! – Jay Carr Jul 6 '16 at 14:19
• I want to replace my complaint of 1 July with a compliment on the changes made on 5 July. It looks a lot better overall now. Thanks! – Todd Wilcox Jul 6 '16 at 18:00

Great, thanks for putting up the new design and the effort required to achieve it.

Two nitpicks:

1. The recent votes appear like this:

This appear like a red mustache (my imagination runs wild, sometimes).

Unless you have seen the two (which many will), you may not immediately get an idea whether you had voted on this or not.

• I agree about the vote up/down buttons. Not sure I agree about the red moustache :-). Maybe make the unselected buttons white with blue outlines so they match the tags? – user56reinstatemonica8 Jul 1 '16 at 16:01
• I agree about the mustache. I think the scaling down of the logo might require the proportions to be changed to make it look right - which is a thing that happens often with logos and icons. Also on my monitor the brighter blue is pretty aggressive and does seem more like the "selected" color rather than a default color. – Todd Wilcox Jul 1 '16 at 16:26
• The vote buttons definitely need to be changed. My first reaction on seeing a question in the new site design was "I've voted the same question up and down? How did that happen?" And, late in the game (I missed the thread asking for comments before the design went live), I really don't like the moustache. Especially in the HNQ list, it just doesn't say "aviation" at all: when I saw the old picture of a plane, I intuitively knew which site the question was on; when I see the moustache, I only know that it's Aviation as a learned response. It's not intuitive at all. – David Richerby Jul 2 '16 at 10:41
• Having said that, the overall design looks great (e.g., on the site's front page). At full size, the "moustache" is an excellent logo. – David Richerby Jul 2 '16 at 10:43
• I had the same reaction as @DavidRicherby upon seeing the vote buttons; the bright colors scream "highlighted." I'm pretty sure there are sites around the network where (almost) that exact color indicates the vote. – Kevin Jul 2 '16 at 17:55
• The moustache is also the icon on the hot network questions list. I dunno what it looks like, but it's definitely not an airplane or a wings pin at that size. – E.P. Jul 2 '16 at 22:29
• Why not use a light green for up-vote, and light red for down vote. – Firee Jul 3 '16 at 6:08
• Even worse, the unused vote buttons stand out visually more than the used ones. On most other SE sites it's the opposite -- now I have several times found myself wondering, "hmm, why on earth did I downvote that answer, it seems perfectly fine", only to discover that I actually upvoted. But it was the downvote button that "lit up". – hmakholm left over Monica Jul 4 '16 at 10:04

The icon's shape in hot questions list doesn't look very distinct. Perhaps you could add those transparent lines to it? They're used in favicon which is smaller, so why not there too?

Compare:

With lines:

Update Icon was changed and now looks like this:

I'm not a professional designer but I gotta say there are noticeable differences between each site's icon's presence because of their size and colors. This one might be the most prominent, along with ELL's red banner/bookmark.

Following up with the issue about the FavIcon not being recognizable enough (and even looking like a "Chinese Character", I'm attaching my re-interpretation of it for consideration:

The blue text, IMO, is far too bright

The up/downvote buttons are downright confusing - the selected button shouldn't be duller than the un-selected one!

Not sure if it will work, but how about making the sky part in the icon less opaque? Hopefully it will look a little less like piecharts.stackexchange.com that way.

I may be a little picky, but the favicon looks like a Chinese word character especially with the red background. And looking in the "Hot Questions" list, the favicon seriously looks like some Asian thing.

• I'm sorry but I don't understand... "the new tab icon" ? – Stéphane Jul 5 '16 at 12:28
• @Stéphane That would be the site icon. – SMS von der Tann Jul 5 '16 at 12:34
• @Stéphane The favicon. – reirab Jul 5 '16 at 15:45
• Yeah I don't like it either. It doesn't mean "aviation" to me in the same way the old plane icon did. – Pyritie Jul 6 '16 at 10:12
• Yeah, the new favicon is really horrible. – AndrejaKo Jul 6 '16 at 11:11
• I'd suggest making the favicon blue in the "sky" and brown on the "ground". To me, that colorization would strongly indicate an attitude indicator. – abelenky Jul 6 '16 at 20:55