[tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

Tor Bug Tracker & Wiki blackhole at torproject.org
Tue Jun 20 16:13:21 UTC 2017


#22671: Implement design changes to blog.torproject.org
---------------------------+----------------------
 Reporter:  linda          |          Owner:  hiro
     Type:  defect         |         Status:  new
 Priority:  Medium         |      Milestone:
Component:  Webpages/Blog  |        Version:
 Severity:  Normal         |     Resolution:
 Keywords:  ux-team        |  Actual Points:
Parent ID:                 |         Points:
 Reviewer:                 |        Sponsor:
---------------------------+----------------------
Description changed by linda:

Old description:

> We've taken the time to redesign blog.torproject.org. We think the new
> design is easier to read, uses the space better, and looks more Tor!
>
> [[Image(tor-blogpage-before.png,300px)]] [[Image(tor-blogpage-
> comments.png,300px)]]
>
> Before: too much whitespace, confusing comments, too white.
>
> [[Image(tor-blogpage-after.png,300px)]]
>
> After: more space used for content, intuitive comments, tor colors.
>
> Since we're finished with the design, the next step is to incorporate all
> these changes and ship them. These include:
>
> * #22392: removing the left column
> * #22395: more intuitive comment threading
> * #22510: increasing brand presence
> * changes in font hierarchy, specifically h2 not being bold and in all
> caps.
> * changes in color and styling
> * including an onion icon next to tor people's comments (people who are
> registered on the blog) so that people can see which answers are more
> tor-official--see the attached image. Notice that the color of the onion
> depends on the color of the comment. For that, I suggest looking at:
> https://css-tricks.com/cascading-svg-fill-color/
>
> The assets for the new design can be found here:
> https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
> (look at the top navigation bar, and it has assets)

New description:

 We've taken the time to redesign blog.torproject.org. We think the new
 design is easier to read, uses the space better, and looks more Tor!

 [[Image(tor-blogpage-before.png,300px)]]

 [[Image(tor-blogpage-comments.png,300px)]]

 Before: too much whitespace, confusing comments, too white.

 [[Image(tor-blogpage-after.png,300px)]]

 After: more space used for content, intuitive comments, tor colors.

 Since we're finished with the design, the next step is to incorporate all
 these changes and ship them. These include:

 * #22392: removing the left column
 * #22395: more intuitive comment threading
 * #22510: increasing brand presence
 * changes in font hierarchy, specifically h2 not being bold and in all
 caps.
 * changes in color and styling
 * including an onion icon next to tor people's comments (people who are
 registered on the blog) so that people can see which answers are more tor-
 official--see the attached image. Notice that the color of the onion
 depends on the color of the comment. For that, I suggest looking at: https
 ://css-tricks.com/cascading-svg-fill-color/

 The assets for the new design can be found here:
 https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
 (look at the top navigation bar, and it has assets)

--

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


More information about the tor-bugs mailing list