Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  antonela
 Type:  enhancement  | Status:  closed
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:  fixed
 Keywords:  ux-team, tor-hs  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by antonela):

 * status:  assigned => closed
 * resolution:   => fixed


Comment:

 Done at #25702.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  antonela
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team, tor-hs  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by dmr):

 * keywords:  ux-team => ux-team, tor-hs


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  antonela
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by dmr):

 * owner:  < antonela > => antonela


Comment:

 After discussing with antonela, the `<` and `>` had no specific meaning.
 "Reassigning". :)

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by antonela):

 >
 > The SVG are here:
 > https://demo.identihub.co/project/tor-evolutionion

 Thanksss, I'll work on it and I'll back here :)


 > I am mostly concerned about the inverted versions where it would need to
 be ideally outlined and not invert the actual shape simply. This was an
 issue I addressed in the initial styleguide but as this icon is simpler,
 need to be analyzed as well.

 Yep, the outlined version could be an option

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by dmr):

 * cc: dmr (added)


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by elioqoshi):

 Thanks Antonela.

 The SVG are here:
 https://demo.identihub.co/project/tor-evolutionion

 Also added the colors used in the new illustrations for reference.

 > The stylised icon version works better at small sizes than the current
 one. And, we are still having a recognizable onion icon. That is cool! The
 container form is something that could be nice to explore: different
 fills, divider lines, a dot pattern? Do you want to play with it?

 I am mostly concerned about the inverted versions where it would need to
 be ideally outlined and not invert the actual shape simply. This was an
 issue I addressed in the initial styleguide but as this icon is simpler,
 need to be analyzed as well.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by antonela):

 Another thing that came to my mind is the Perl Foundation onion icon.
 http://www.perlfoundation.org/perl_trademark

 We already have another color palette which identifies us, but we should
 be sure that we are taking distance from it and not getting closer.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by antonela):

 > These are the onions I designed from scratch.
 > https://presentator.ura.design/en/iZZBur31 (you can comment on there
 like in InVision)
 >
 The stylised icon version works better at small sizes than the current
 one. And, we are still having a recognizable onion icon. That is cool! The
 container form is something that could be nice to explore: different
 fills, divider lines, a dot pattern? Do you want to play with it?

 > Something we need to keep it mind is that the onion should be as short
 as possible, as >icons would ideally fit well into a square (1:1
 proportions), yet it still need to look like >an onion. I shortened the
 leaves a bit to accommodate for that.
 >
 +1. It is hard but agreed we should try to have a 1:1 aspect radio
 solution for the icon.

 > I like the 2nd exploration Antonela! They seem like material for GUI
 elements as status indicators. Maybe we can design a proper onion and have
 more abstract shapes like these to indicate onion services?
 >
 I think we are going in the right direction. I don't think we are ready
 for a drastic change like I explored in option 2, yet.
 > Feedback is welcome
 hey, thanks Elio for working on it! I'd like to play with your icon a
 little bit too, do you want to share your .svg?

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by antonela):

 Replying to [comment:7 arma]:
 > Replying to [ticket:25763 antonela]:
 > > We should support a way to identify v1, v2, and v3 onion services.
 >
 > A small mercy: v1 onion services disappeared long long ago. So now there
 are only "legacy" (v2) and "new" (v3).

 Cool, thanks Arma!

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by elioqoshi):

 I like the 2nd exploration Antonela! They seem like material for GUI
 elements as status indicators. Maybe we can design a proper onion and have
 more abstract shapes like these to indicate onion services?

 These are the onions I designed from scratch.
 https://presentator.ura.design/en/iZZBur31 (you can comment on there like
 in InVision)

 It includes also a potential refresh of the Tor logo to this exact onion.
 The onion body is symmetrical and I was careful that the shape have a
 minimum thickness consistently, so it looks okay also on very small sizes.
 Something we need to keep it mind is that the onion should be as short as
 possible, as icons would ideally fit well into a square (1:1 proportions),
 yet it still need to look like an onion. I shortened the leaves a bit to
 accommodate for that.

 Feedback is welcome

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by arma):

 Replying to [ticket:25763 antonela]:
 > We should support a way to identify v1, v2, and v3 onion services.

 A small mercy: v1 onion services disappeared long long ago. So now there
 are only "legacy" (v2) and "new" (v3).

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by mcs):

 * cc: mcs (added)


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by steph):

 * cc: steph@… (added)


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by antonela):

 Another path

 https://trac.torproject.org/projects/tor/attachment/ticket/25763/icon-
 exploration2.png

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by antonela):

 * Attachment "icon-exploration2.png" added.


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--

Comment (by antonela):

 Some exploration I did before

 
https://trac.torproject.org/projects/tor/attachment/ticket/25763/23247-%20icon%20exploration.png

 Is it the onion recognizable? If not, does the icon work?

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by antonela):

 * Attachment "23247- icon exploration.png" added.


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:   |Sponsor:
-+--
Changes (by antonela):

 * cc: antonela (removed)
 * cc: isabela (added)
 * reviewer:  isabela =>


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major| Resolution:
 Keywords:  ux-team  |  Actual Points:
Parent ID:   | Points:
 Reviewer:  isabela  |Sponsor:
-+--
Changes (by antonela):

 * keywords:   => ux-team


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

[tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-+--
 Reporter:  antonela |  Owner:  < antonela >
 Type:  enhancement  | Status:  assigned
 Priority:  Medium   |  Milestone:
Component:  Webpages/Styleguide  |Version:
 Severity:  Major|   Keywords:
Actual Points:   |  Parent ID:
   Points:   |   Reviewer:  isabela
  Sponsor:   |
-+--
 Designing a .onion icon is part of the .onion services branding project.

 **Motivation**

 We need a standard way to communicate that users are using onions
 services, across different environments. The problem right now is that we
 have a ton of different onions referencing it.

 This icon should work perfectly at small sizes (e.g., 8x8px) and medium
 and big sizes too.

 We can have a progressive enhancement based on the size of the icon.
 Similar to
 https://useiconic.com/guides/using-iconic-responsively/

 We should support a way to identify v1, v2, and v3 onion services.

 **Uses Cases**
 - Url Bar on browsers to communicate .onion services running (#23247)
 - A small icon at footer indicating that this website has a .onion service
 available
 - Products Icons for Tor Browser Desktop + Tor Browser Android
 - More here #21952

 **What do we want to communicate?**

 hidden, secure, encrypted, private, layers

 **Resources/Useful links**

 https://thenounproject.com/search/?q=onion
 https://github.com/FortAwesome/Font-Awesome/issues/5101

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs