Opened 2 years ago

Last modified 7 months ago

#22671 closed defect

Implement design changes to blog.torproject.org — at Version 1

Reported by: linda Owned by: hiro
Priority: Medium Milestone:
Component: Webpages/Blog Version:
Severity: Normal Keywords: ux-team
Cc: antonela, isabela, arma, mcs Actual Points:
Parent ID: Points:
Reviewer: Sponsor:

Description (last modified by linda)

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!


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


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)

Child Tickets

Change History (3)

Changed 2 years ago by linda

Attachment: tor-blogpage-before.png added

comment:1 Changed 2 years ago by linda

Description: modified (diff)

Changed 2 years ago by linda

Attachment: tor-blogpage-comments.png added
Note: See TracTickets for help on using tickets.