Style Guide: Colour

[sabrinang]

Description:

Decide colours used for this year's MozFest. Align with evolving Mozilla wide palette, keeping it vibrant and include a variety the works with people who have colour vision deficiencies.

Format Include .ase file and document in style guide.

Previous Applications

Reference from Last Year:

Google Drive Files: https://drive.google.com/open?id=0B4Q8pzCpDS_eRmVUZmlfVUYzT2M Github Issue: MozillaFoundation/Mozfest2016_production#76

Related to issue #7

[sabrinang]

Palette We will be using tint and shade variants from our original palette and highlight 6 for spaces and using a mixed palette for overall mozfest design.

Accessibility and colour: Use iconography and text to accompany colour wayfinding where possible:

Selecting a range of colours overall that appears different across the spectrum of vision abilities and using patterns with problematic pairs is highly suggested for data visualizations or wayfinding without text or icons.

See more colour blindness tips: http://blog.usabilla.com/how-to-design-for-color-blindness/

[sabrinang]

Swatch File (.ase) is on the drive here: https://drive.google.com/open?id=0B4Q8pzCpDS_ed3U1SjlOWjBKWk0

[sabrinang]

Pantones are missing from this colour palette (will be matched and added soon).

[rtsayles]

@EsmeSimcox What are our options for colors?

[sabrinang]

Matching colours using the PANTONE+ Colour Bridge Coated Book. However, I choose some from the Neon & Pastels book (which I don't have in person to match) as they are more vibrant.

Swatch file (.ase) updated: https://drive.google.com/open?id=0B4Q8pzCpDS_eZWdNMlBkVVNoYkE Style guide files (.ai/.pdf) updated to include pantone: https://drive.google.com/open?id=0B4Q8pzCpDS_eSjZ1QTVGM2lRaGM

[sabrinang]

@cassiemc Please check these pantones with the book you have, if they seem inaccurate please update them before using them in the festival guide.