Websites/Taskforce/Proposals/Common Color Palette

From MozillaWiki
< Websites‎ | Taskforce‎ | Proposals
Revision as of 00:45, 18 February 2011 by Nuss (talk | contribs) (→‎Proposal)
Jump to navigation Jump to search

Color Palette

Problem

A collage of blue headers, green buttons, shades of red, yellow, orange, and light blue. All collected at different Mozilla websites (mostly controlled by Mozilla, or believed to be).
A collage clippings from websites showing the similar but different colors used on a selection of Mozilla websites.

Websites in the Mozilla universe often look very different from each other. Granted, these websites all have different goals and purposes. However, by using a common color palette, these different sites could have their unique look, while still be more recognizable as Mozilla sites.

A collage of blue headers, green buttons, shades of red, yellow, orange, and light blue. All collected at different Mozilla controlled websites (or believed to be).

Solution

A solution would be to develop a common color palette to be used as a basis for Mozilla's websites. As apparent in the image above, dark blue, red, orange, yellow, light blue, and green are all common colors in the Mozilla universe. Preferably 6 (or more if needed) "Mozilla Colors/Gradients" would be developed and implemented to enhance the connection between the websites in the Mozilla universe, and to strengthen the Mozilla brand.

Proposal

Below is a table of proposed colors. These colors are currently (as of February 2011) used in the "Nova" theme of Mozilla.com, on Mozilla.org ("Foundation"), and in the Mozilla Foundation Visual Identity Guidelines. Since no single (or "official") Mascot orange was found, the color from Air Mozilla was used.

Name Solid Gradient Hex values
Header Blue Solid: #33589f
Gradient: #3b69b1 to #2a4187
Aside Blue Solid: #cce2f3
Button Green Solid: #74ba32
Gradient: #84c63c to #57a21f
Foundation Gray Solid: #262626
Foundation Red Solid: #a5151e
Foundation Link Blue Solid: #148cb5
Mascot Red Solid: #ff1a00
Mascot Orange Solid: #fcaa00

Scope

In discussions with David Boswell the initial proposition is to include websites on the mozilla.org domain and websites that are planned to be moved to the mozilla.org domain as well as *.mozillalabs.com and *.mozillamessaging.com.

In addition, the list excludes abandoned websites decided to be retired or archived.

Websites that should be included

If any of these should not be included for some reason, please move the link to "Websites that should not be included" below. Please add a comment to why this is the case.

Sites on *.mozilla.org/*

Sites outside *.mozilla.org/*

Websites up for discussion for inclusion

Websites that should not be included

Websites from the list above that should not be included should be moved below. Please add a comment to why this is the case as well, e.g. "technical reasons".