Proposal: clearer WordCamp and WordPress chapter meetup logo guidelines

There have always been some casual recommendations  for how the WordPress logo should be incorporated into logos for WordCamps and WordPress chapter meetups, but we’ve never really had an open discussion about it. Following, you’ll find a proposal from Mel Choyce, Kjell Reigstad, Sarah Semark, Mark Uraine, and Tammie Lister for how the WordPress logo should be used for official events of the WordPress open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project. Please read through the guidelines, and share your feedback and concerns in a comment on this post.

The following pages provide some important context on the WordPress logo, logotype, and the WordPress trademarks

You don’t need to use the WordPress logo.

While you are free to include the WordPress logo, or reference the W, in your logo, you don’t need to do so.

Example:

The WordPress logo has two variants.

If you do use the WordPress logo, know that it comes in two variants: W Mark and Simplified

W Mark
W Mark
Simplified
Simplified

Here are some examples of the variants in use:

Say “No!” to the Fauxgo.

If you are using the WordPress logo in your WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. logo, please make sure you are using the correct WordPress logo. 

The correct logo has a higher cap height, and rounded serifs:

Don’t change the logo.

Do not:

  • Remove the ring around the logo.
  • Cut or splice the logo.
  • Skew, distort, or add 3d effects to the logo.

Don’t use the Dashicons logo icon.

The Dashicons logo icon is specifically designed for use at smaller sizes; do not use it for your WordCamp logo. Instead, use the official logo files.

Color

Ensure that the logo has sufficient contrast.

Your logo should have sufficient color contrast to pass AA guidelines for text. You can check your design using a tool like Stark (for Sketch) or Logo Rank.

Design your logo in black & white first.

Designing your logo first in black & white is a good way to ensure that your logo will communicate effectively without color. We recommend designing your logo first in black and white, and then adding color near the end of the process.

RGB vs. CMYK

When designing your logo for digital devices, it’s good practice to use the RGB (red, green, blue) color model. When preparing your logo for print, use CMYK (cyan, magenta, yellow, black). Screens differ from tangible paper products by emitting light instead of absorbing light. For this reason, RGB values work as additive colors for the screen and CMYK values work as subtractive colors for print.

Typography

Typography should be easily readable.

Your WordCamp name is one of the most important pieces of information, so make sure people can read it! Generally speaking, it’s best to use a relatively simple typeface without a lot of flourishes. This ensures that text is readable even at very small sizes, or when printed on a badge of which attendees may only catch a brief glimpse.

Avoid using Mrs Eaves.

Mrs Eaves is the WordPress brand typeface. It’s best to avoid using it for your WordCamp to avoid confusion with the WordPress brand.

Inclusion

Consider a range of users when designing.

When designing your logo, think about users who may have trouble reading or parsing your logo. Ensure your text is readable and color contrast is sufficient. It’s good practice to design your logo first in black and white, to ensure that those with color blindness are still able to understand your logo. (See also the color and typography sections.)

Ensure your logo is appropriate for all audiences.

A WordCamp is welcoming to everyone. Part of ensuring a safe, welcoming, and inclusive environment is ensuring that your logo (and other materials) are family-friendly. This means that logos should contain:

  • no sexually suggestive imagery
  • no profanity
  • nothing that would constitute implied or explicit exclusion of a group
  • no characterizations of a minority group in your area

Context and Formats

Ensure that your logo is recognizable in a wide range of contexts. 

WordCamp logos typically appear in many different places: on top of websites, on shirts and merchandise, stickers, in social media, signage, etc. Ensure that your logo is adaptable enough to be recognizable and readable in all of these contexts. Your logo should be flexible enough to work when it appears on a giant presentation screen, but also when it appears in a tiny social media icon.  

Provide the final logo in a variety of file formats for different uses.

The logo should be in a scalable vector format (Sketch, Figma, and Illustrator all produce vector graphics). The final file should also be available in the following formats:

  • .svg (preferred) or other open scalable graphics format (.eps)
  • .png (with a transparent background)

Provide the final logo in a variety of color formats.

To ensure maximum compatibility with different usage contexts, the recommended color formats for the logo are:

  • black & white
  • RGB (screen)
  • CMYK (print)
  • Pantone (print, optional)

Feedback?

Please share your thoughts on the proposed guidelines and how best to share them moving forward. 

#design, #meetups-2, #proposal, #wordcamps

WordCamp Design Kit Producing assets and finding a…

WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Design Kit!

Producing assets and finding a visual direction for conferences or big events such as WordCamp can be a tedious task and represent a lot of work for designers. From not knowing where to start, thinking about every asset that’s needed, browsing the web to find out standard dimensions and looking for visual references, the challenges arise!

So, in order to facilitate and ensure an enjoyable workflow, I created this **fully customizable, free and open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. design kit**. With this folder in hand, the designers get access to tangible inspiration, functional templates, and professional mockups. More than one could ask for! Made for designers and intended for the end-users, this guide should also be a source of motivation to generating brilliant visuals that prompt excitement towards the attendees, sponsors, volunteers, organizers, speakers and anyone involved in the event.

And because the beauty of customization lives in its opportunity for a unique flavor, I myself took great influence from my surroundings as I was building the template. In fact, you’ll notice a combination of the Silicon beach tech scene (through the icons, the generous white spaces, and the sans serif font) and the romantic colors of Venice Beach sunsets (via the compound colors ranging from purple to orange).

On that note, enjoy!

Preview it here »»
http://www.cristelrossignol.com/wordcamp-design-kit
Download it here »»
https://www.dropbox.com/s/dhdba8who7kdp61/wordCamp-design-kit_2017.zip?dl=0

WordCamp Design Kit

#wordcamps #toolkit #design

Designers for Community Stuff

I know, I know, so many posts. I would apologize, but come on, isn’t exciting to see a bunch of stuff starting to happen? 🙂

I should have added in the post about volunteers/paid volunteers that we desperately need design help as well. If you’re a designer who wants to get involved (working on design stuff for the team overall and/or helping local communities that don’t have a strong designer on their event team), let me know! Same deal, a little or a lot, every bit helps.

#community-management, #design, #volunteers