Project idea: Design and build a replacement for styleguide-dot
At the Tor Project hackweek in November 2023, the UX Team explored a replacement for our existing style guide (styleguide.torproject.org), with the stated goal:
The UX Team have been discussing replacing the existing styleguide with a new resource that's wider in scope – e.g. "design.torproject.org". In addition to updating our brand and web guidelines given their evolution over the past few years, we're also considering adding new sections to document our human-centered design principals, user research program, and overall methodology. The revised portal should serve as a central point of reference for external resources too, including for example our Figma libraries for the browser, web and VPN, and any open source design resources we use.
During the hackweek, we made good progress planning the structure of the future site and designed some initial templates. However it also became clear that the scope we were aiming for was simply too large, and that it would be better to focus on deploying a basic MVP that covers the same subjects as the current style guide—those being:
- Home page
- Styles
- Color: featuring the new 10 point color system, core brand colors, and semantic uses.
- Typography: including updates to our brand fonts at display and body sizes.
- Assets
- Brand: featuring the new logo, if approved (see #92), the new Tor Browser application icons, and guidelines for use.
- Iconography: including custom icons for Tor Browser and our new brand icons (see design#62 (closed)).
- Illustration: featuring the new illustrations being developed by Nico (see design#61).