search

freedomofpress / securedrop-ux

Public wiki and repository for the SecureDrop User Experience team
8 stars 0 forks source link

Create Styleguide for +2.x.x SecureDrop Web UIs #65

Open ninavizz opened 5 years ago

ninavizz commented 5 years ago

Problem

For SecureDrop contributors, a styleguide documenting correct use of interaction patterns, visual styles, and fronted implementation basics (eg: no Javascript or SVGs) would be awfully helpful.

Solution

With the 1.0 release of SecureDrop, all of the colors will be getting updated, and possibly the use of fonts, too. This will be the best opportunity to introduce the beginning of a living styleguide, to document visual assets and interaction patterns for consistent evolution, going forward.

This styleguide will be drafted & iterated upon in the SD-UX wiki, and will be ported over to the main SD wiki in parallel with release documentation being pushed live for 1.0, per discussion in 27 June UX meeting. /cc @redshiftzero @eloquence

Things to include:

*Note: Brand Use Guidelines are different artifacts/documents, than styleguides. The prior are more of a legal/copyright thing, and govern how visual identities are used across all touchpoints: tee shirts, posters, and electronic products. Styleguides are exclusively for the latter, and are rarely touchpoints in copyright matters.

ninavizz commented 5 years ago

Ohai, started! https://github.com/freedomofpress/securedrop-ux/wiki/Styleguide:-SecureDrop-Web

ninavizz commented 5 years ago

Random desire to document things on a Sunday night. Won't let it happen again.

Figured it'd be better to get these things down, somewhere outside of Slack 1:1s. FYI, @eloquence

https://github.com/freedomofpress/securedrop-ux/wiki/Styleguide:-SecureDrop-Web

ninavizz commented 3 years ago

With C o r y having standardized the CSS for accessibility, this will now be easier to do.