[tbb-bugs] #25693 [Applications/Tor Browser]: Activity 1.2: Make sure Firefox Photon UI works with our style guidelines

[Tor Bug Tracker & Wiki]

#25693: Activity 1.2: Make sure Firefox Photon UI works with our style guidelines
-------------------------------------------------+-------------------------
 Reporter:  isabela                              |          Owner:
                                                 |  antonela
     Type:  defect                               |         Status:
                                                 |  assigned
 Priority:  Very High                            |      Milestone:
Component:  Applications/Tor Browser             |        Version:
 Severity:  Normal                               |     Resolution:
 Keywords:  ux-team, TorBrowserTeam201806,       |  Actual Points:
  ff60-esr                                       |
Parent ID:                                       |         Points:
 Reviewer:                                       |        Sponsor:
                                                 |  Sponsor17
-------------------------------------------------+-------------------------

Comment (by antonela):

 > Could you explain how you arrived at the different colors for the
 nightly/alpha/stable? There is not much purple as we know it and no green
 as we know it anymore. What's e.g. the reasoning for that?

 >

 Thanks, GeKo! I'm trying to start a conversation. The method we can use to
 build a new brand could take multiple ways. The process is very similar if
 we think about product icons. For example, Mozilla did their last rebrand
 with community's ideas[1]. But just one designer and an outsourced studio
 made it at Wikipedia[2]. I really believe that we should involve our
 community to work on it. To facilitate this collab, we are working to have
 a design sprint in Mexico to work on it. We are going to have a bunch of
 designers and will be useful and fun to outline the first ideas about it
 together. Our exploration has some time under the hoods; you can sneak
 peek at #25763.

 That said and since we have to release before it, we could 1) keep the
 same icon we have right now; or 2) try to use the same onion shape
 everywhere, so the brand starts to take consistency.

 Running for 2), I started to try some containers using the onion icon we
 already have. It works pretty bad on small sizes but at big sizes is quite
 recognizable. Also, this container idea is part of the current Brand
 Assets[3].

 The violet color is becoming a default to talk about privacy and is our
 brand color [4]. I think we can explore different quality (hue/saturation)
 of purples and the gradients were an experiment for that. You mentioned
 the greens, do you think it worth to explore some options with the green
 color? I'd love to try it.

 I hope it helps to get a better idea of the principal aim here and gets
 more people involved :)

 [1] https://blog.mozilla.org/opendesign/progress-in-the-making/
 [2] https://medium.com/freely-sharing-the-sum-of-all-knowledge/refining-
 logos-of-wikimedia-projects-a-brand-exercise-190ae689f6aa
 [3] https://github.com/TheTorProject/tor-
 media/blob/master/Onion%20Icon/Onion_Negative_Black_Background_Icon.svg
 [4] https://design.firefox.com/photon/visuals/color.html#purple

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/25693#comment:14>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online