This is the EFF logo (lockup version). It's big, bold, and (in the extremely biased opinion of this designer who works with it all the time) a joy to use. It also has a great backstory involving a very niche Tumblr blog, disengenuous copyright claims, and a highly regarded design agency.
The advantage to having an adaptable, modular logo is that it simply works across a variety of use cases. If you've ever tried in vain to squeeze a long logo into a narrow box, or a slim vertical logo into a wide box, you understand how nice it is to have a logo that can—as the kids say—do both. The downside is that a smorgåsbord of variations creates some confusion around deciding on the best option. Consider this a contextual guide to the many faces of our lovely logo.
The Monogram is just three bold letters. It should be used in either red or black. Here it is on a white background.
SVG files: Red monogram Black monogram
SVG Files: Black lockup Red lockup
Our colors are chosen based on a mix of aesthetic preference, branding and accessibility considerations. As a rule, for non-decorative, functional aspects of our designs (e.g. buttons, links, text), we strive to meet WCAG guidelines. We check for color contrast issues, and do our best to remember to use additional indicators aside from primarily color. If we might have overlooked an accessibility issue with any of our color considerations, please get in touch with us.
| SWATCH | HEX | RGB |
|---|---|---|
 |
#ec1e1e | (236, 30, 30) |
 |
#b80101 | (184, 1, 1) |
 |
#254B66 | (37, 75, 102) |
 |
#4B6A88 | (75, 106, 136) |
For most purposes, we use an open source typyeface called Montserrat. It has several weights, italics, and many special characters. Headings should be rendered in Montserrat bold. Body type should be rendered in Montserrat regular or Montserrat light.
Other typefaces we commonly use are: League Gothic (used in our logo), Merriweather (used for body type on our main website), Chunk Five (used for Privacy Badger), and Lato (used for one-pagers and other communications).
Note: While we've linked to the Google font page here as a source, we host these fonts ourselves and do not serve fonts from Google servers.
EFF has a small ecosystem of websites and browser extensions that have standalone branding. You can find a list of these projects and their corresponding logo files here.
We are slowly but surely working towards standardizing the UI of our one-off websites, action pages, and action pages. Watch this space!
As a small design team, we're eventually creating parameters for localized designs of EFF projects, and are keen to receive community feedback to inform our approach. If you're interested in assisting us with localizing our open source software projects, see how you can get involved in our localization writeup.