Any insight how will AU looks with the new not-technically-black bar? IMHO the integration with Canonical's bar may put on-hold such change. How will the bar be integrated with the current UI?


I present to you one possible vision of bringing together the new StackExchange and Ask Ubuntu designs, Featuring:

  • New Bar maintaining the designer's vision of a single color for all sites
  • A gradual transition using Canonical Mid Aubergine, indicating a Mix of consumer and enterprise focus.
  • The space above the bar is removed
  • The dotted background is exchanged in favor of http://www.ubuntu.com - Textured gray

enter image description here

Although maybe it might look more like this:

enter image description here

With the current design and the current placement of the bar, although many have said the orange clashes it would probably be the least different.

A touch of Aubergine for a drop shadow?

enter image description here

It should be interesting to see what they come up with, maybe a new design altogether?

How about we really shake things up and make a Ubuntu Widget!

enter image description here

Giving quick links to all the sites available in the Ubuntu bar (maybe even limited updates to select sites).

  • 2
    I love the last one!
    – Lucio
    Dec 8 '13 at 1:46
  • There should be space between the Canonical and SE bars, they are two different things, squishing them together doesn't make sense.
    – Seth
    Dec 8 '13 at 6:15
  • I'm guessing they'd go with option 2 you mocked up.
    – Jin
    Dec 10 '13 at 5:25

There are two obvious possibilities:

enter image description here

^--- The StackExchange™ MultiCollider SuperDropdown™ takes precedence.

enter image description here

^--- The Ubuntu bar takes precedence.

  • Maybe screenshoots of the main site (orange) would be more useful :)
    – Lucio
    Dec 4 '13 at 22:58
  • 2
    @Lucio: facepalm... Did I actually just post screenshots of Meta? I need to wake up... Dec 4 '13 at 23:00
  • The latter looks weird.
    – 3ventic
    Dec 5 '13 at 8:13
  • The second option does look weird, @3ventic, but it might be required by the agreement between Stack Exchange and Canonical.
    – TRiG
    Dec 5 '13 at 15:12
  • 4
    Any reason it needs to extend the full width of the page? The bottom option would look fine if the were a gap between the two bars and the black on was the same width as the page content. Really, it's not all that much different that the current white bar. Dec 5 '13 at 18:20
  • @andrewsomething. That ... that's far too sensible.
    – TRiG
    Dec 6 '13 at 4:00
  • 1
    Why don't they name them both superbar and append or prepend in js? This way, you don't lose screen real-estate, but get both sets of buttons? #EleganceProblems Dec 6 '13 at 23:17
  • OH, that would be interesting an Ubuntu Widget Icon?! Maybe not what you are talking about @hbdgaf but it gave me the idea
    – Mateo
    Dec 7 '13 at 0:12
  • That could work too. Just saying. Don't need nested bars. Nested bars == poor design decision Dec 7 '13 at 0:26

Now that the new SE top bar is live it appears that the dark color does not quite fit to the otherwise so nicely made design of our page.

Playing a bit with the colors a Canonical aubergine may feel more familiar:

enter image description here

Dark Aubergine #2C001E

enter image description here

Mid Aubergine #5E2750

  • I like the look of your avatar there. Didn't realize it had a transparent background.
    – Seth
    Dec 10 '13 at 18:46
  • @Seth: Transparency only came after the new Top Bar ;)
    – Takkat
    Dec 10 '13 at 19:35

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .