Legal:Visual identity guidelines: Difference between revisions
delinking pdf |
This is surely very pretty printed, but completely unnavigatable and unreadable on a web page. Remove ugly fake headers, put real headers into use, keep anchors and look mostly identical. |
||
Line 1:
{{TOCright}}
<div style="text-align:left; border: 2px dotted #888; padding: 1em; margin: 2em 0;">
This page is a work in progress and may be updated to reflect changes to the guidelines. Last updated '''April 2, 2013.''', also see
Line 17 ⟶ 18:
{{clear}}
<div style="margin: 6em auto 4em;">
{{anchor|2}}
</div>
<!--second page-->
<div style="width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Why is it important to have guidelines?</span>==
Wikipedia is a precious, shared resource, used
Line 44 ⟶ 45:
</div>
<div style="margin: 6em auto 4em;">
{{anchor|3}}
</div>
<!--third page-->
Line 61 ⟶ 62:
</poem>
<div style="margin: 6em auto 4em;">
{{anchor|4}}
</div>
<!--fourth page-->
Line 67 ⟶ 68:
[[File:Wikipedia-logo-v2-en SVG.svg|right|350px]]
<div style="width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">About the Wikipedia identity [[#toc-list|^]]</span>==
The distinctive Wikipedia identity has evolved over
Line 109 ⟶ 110:
<div style="margin: 6em auto 4em;">
{{anchor|5}}
</div>
<!--fifth page-->
<span id="toc-elements"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The elements of our identity [[#toc-list|^]]</span>==
Over time, we’ve expanded the elements that make up
Line 161 ⟶ 162:
<div style="margin: 6em auto 4em;">
{{anchor|6}}
</div>
<!--sixth page-->
<span id="toc-unified"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The unified mark [[#toc-list|^]]</span>==
Traditionally the unified mark is used to identify Wikipedia
Line 221 ⟶ 222:
<div style="margin: 6em auto 4em;">
{{anchor|7}}
</div>
<!--seventh page-->
<span id="toc-globe"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The puzzle globe [[#toc-list|^]]</span>==
The puzzle globe is a fully 3D object rendered as a flat
Line 283 ⟶ 284:
<div style="margin: 6em auto 4em;">
{{anchor|8}}
</div>
<!--eighth page-->
<span id="toc-wordmark"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The Wikipedia Wordmark [[#toc-list|^]]</span>==
The distinctive wordmark, with larger case W and A
Line 353 ⟶ 354:
<div style="margin: 6em auto 4em;">
{{anchor|9}}
</div>
<!--ninth page-->
<span id="toc-puzzle"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The Puzzle Icon [[#toc-list|^]]</span>==
The Wikipedia puzzle icon is a distinctive graphic
Line 387 ⟶ 388:
<div style="margin: 6em auto 4em;">
{{anchor|10}}
</div>
<!--tenth page-->
<span id="toc-w"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The ‘W’ Icon [[#toc-list|^]]</span>==
The Wikipedia ‘W’ icon is a distinctive graphic element
Line 433 ⟶ 434:
<div style="margin: 6em auto 4em;">
{{anchor|11}}
</div>
<!-- 11 -->
<span id="toc-foundation"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">The Wikimedia Foundation Mark [[#toc-list|^]]</span>==
Originally designed in 2005 by [[meta:user: Neolux|Neolux]], the mark
Line 532 ⟶ 533:
<div style="margin: 6em auto 4em;">
{{anchor|12}}
</div>
<!-- 12 -->
Line 551 ⟶ 552:
</poem>
<div style="margin: 6em auto 4em;">
{{anchor|13}}
</div>
<!--13-->
<span id="toc-protecting"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Protecting our marks [[#toc-list2|^]]</span>==
The official marks of the Wikimedia Foundation
Line 589 ⟶ 590:
<span id="toc-legal"></span>
==<span style="color: #0082C8; font-size: 1.25em;">Placement of legal attributes [[#toc-protecting|^]]</span>==
Note the specific placement of the registration mark ® on
Line 648 ⟶ 649:
<div style="margin: 6em auto 4em;">
{{anchor|14}}
</div>
<!-- 14-->
<span id="toc-minimum"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Minimum sizes [[#toc-list2|^]]</span>==
The official marks of the Wikimedia Foundation have
Line 734 ⟶ 735:
<div style="margin: 6em auto 4em;">
{{anchor|15}}
</div>
<!-- 15-->
<span id="toc-clearspace"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Clear space [[#toc-list2|^]]</span>==
A minimum space area must be observed around the
Line 758 ⟶ 759:
<div style="margin: 6em auto 4em;">
{{anchor|16}}
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Clear space, continued</span>==
Line 788 ⟶ 789:
{{clear}}
{{anchor|17}}
</div>
<!-- 17-->
<span id="toc-colorvalues"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Color values [[#toc-list2|^]]</span>==
The color palette of the Wikipedia identity is simple: black and shades
Line 872 ⟶ 873:
<div style="margin: 6em auto 4em;">
{{anchor|18}}
</div>
<!-- 18-->
<span id="toc-donot"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Do not... [[#toc-list2|^]]</span>==
...alter the Wikipedia or related project identities nor any of their
Line 887 ⟶ 888:
[[File:Wp globe do not VIG 18.png|100px]]
==<span style="color: #0082C8; font-size: 1.25em;">Different colors</span>==
Do not change the logo colors.
Line 895 ⟶ 896:
[[File:Wp globe do not2 VIG 18.png|100px]]
==<span style="color: #0082C8; font-size: 1.25em;">Different font</span>==
Do not substitue or alter the font of the workmark beneath the globe.
Line 903 ⟶ 904:
[[File:Wp globe do not3 VIG 18.png|100px]]
==<span style="color: #0082C8; font-size: 1.25em;">Distortion</span>==
Do not distort or warp any of the identity elements.
Line 914 ⟶ 915:
==<span style="color: #0082C8; font-size: 1.25em;">Added element</span>==
Do not add decorative shapes or borders to the accepted mark.
Line 922 ⟶ 923:
[[File:Wp globe do not5 VIG 18.png|100px]]
==<span style="color: #0082C8; font-size: 1.25em;">Complex background</span>==
Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.
Line 932 ⟶ 933:
<div style="margin: 6em auto 4em;">
{{anchor|19}}
</div>
<!-- 19-->
<span id="toc-usage"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Examples of usage [[#toc-list2|^]]</span>==
The following examples of usage show satisfactory use of
Line 952 ⟶ 953:
<div style="margin: 6em auto 4em;">
{{anchor|20}}
</div>
<!-- 20-->
<span id="toc-WP"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Wikipedia and Wikimedia co-branding [[#toc-list2|^]]</span>==
Re-users of the official identities may face situations
Line 998 ⟶ 999:
<div style="margin: 6em auto 4em;">
{{anchor|21}}
</div>
<!-- 21-->
<span id="toc-branding"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Co-branding [[#toc-list2|^]]</span>==
These examples of co-branding indicate a general
Line 1,045 ⟶ 1,046:
<div style="margin: 6em auto 4em;">
{{anchor|22}}
</div>
<!-- 22-->
<span id="toc-inventory"></span>
<div style="float:left; width: 40%">
==<span style="color: #0082C8; font-size: 1.25em;">Inventory of assets [[#toc-list2|^]]</span>==
An index of assets by kind and format. EPS files in RGB are
Line 1,068 ⟶ 1,069:
<div style="margin: 6em auto 4em;">
{{anchor|23}}
</div>
<!-- 23-->
| |||
Revision as of 22:19, 19 September 2013
This page is a work in progress and may be updated to reflect changes to the guidelines. Last updated April 2, 2013., also see
.svg){kind=logo}
Identity guidelines for Wikipedia
Why is it important to have guidelines?
Wikipedia is a precious, shared resource, used around the world by millions of people every day. We created these guidelines to help authorized re-users of the Wikimedia Foundation’s official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects.
The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility.
All of the assets referenced in this guide can be found on the Wikimedia Foundation’s website, at Wikimedia visual identity guidelines
The identity and its elements
About the Wikipedia identity ^
The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces.
Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word ‘Wikipedia’ in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object.
The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but recently updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as the unified mark.
Online, at wikipedia.org, the wordmark always includes a descriptor ‘The Free Encyclopedia,’ which is translated into the language of each project.
You can read more about the history of the marks here,
Wikimedia official marks/About the official Marks
and at Wikipedia:Wikipedia logos
The elements of our identity ^
Over time, we’ve expanded the elements that make up our visual identity.
We began with two simple elements, the puzzle globe and the wordmark, which together constitute the unified mark. Two additional elements, the puzzle icon and the W icon, have been proposed to serve specific situations — including digital implementations and design situations with space constraints.
Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia.
unified mark
File:Wikipedia-logo-v2-en SVG.svg
puzzle icon
File:Wikipedia affiliativemark w v1.png
W icon
--- puzzle globe
--- wordmark
--- descriptor
The unified mark ^
Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project.
The wordmark is the most desirable variant of the official marks for clearly communicating the presence of Wikipedia, whether through the indication of Wikipedia’s actual content, the presence of Wikipedia volunteers and supporters, or to indicate the participation or partnership of Wikipedia with an institution or project.
In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used.
horizontal version
construction of vertical version
construction of horizontal version
The puzzle globe ^
The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The ‘hero’ rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape
The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included.
The hero version of the puzzle globe shows characters from 18 language sets:
Armenian
Khmer
Japanese (Katakana)
Ge’ez
Bengali
Greek
Latin
Arabic
Devanagari
Traditional Chinese
Cyrillic
Korean
Georgian
Kannada
Hebrew
Thai
Tibetan
Tamil
There is a full list of characters and languages reflected in the globe.
The Wikipedia Wordmark ^
The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001.
The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia.
wordmark
positive version
positive version in frame on saturated field
reversed version in frame
reversed version on low contrast field
construction of wordmark in frame
The Puzzle Icon ^
The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation.
The puzzle icon is the least recognizable of the Wikipedia identifiers, and whenever possible should be used in conjunction with a non-stylized title, ‘Wikipedia.’
puzzle icon for affiliates
File:Wikipedia affiliativemark w v1.png
positive version on saturated background
The ‘W’ Icon ^
The Wikipedia ‘W’ icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler.
The ‘W’ is intended to evoke the Wikipedia brand in applications where limited space, aesthetics, or other constraints prevent the use of the Wikipedia puzzle globe and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise.
the 'W'
maximum size
.75in (20mm, 56px)
combined with various framing devices
The Wikimedia Foundation Mark ^
Originally designed in 2005 by Neolux, the mark that identifies the Wikimedia Foundation consists of a circular logo and a wordmark. The red, green, and blue mark is intended to signify a character holding an open book. The font Gill Sans is used to construct both the title and the descriptor of the mark.
The Wikimedia Foundation mark has been widely adapted and localized by official Wikimedia chapters around the world, where the descriptor ‘Foundation’ is replaced with the regional chapter location.
recommended vertical version
recommended horizontal version
construction
construction
examples of localization
example
Using the Wikipedia identity
Protecting our marks ^
The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization.
In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.
The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator.
Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: “Wikipedia and its associated marks are official trademarks of the Wikimedia Foundation in the United States and other countries. These marks are being used under license by the Wikimedia Foundation. [This project] is not endorsed by or affiliated with the Wikimedia Foundation.” In rare circumstances, the registration mark may be omitted but only with the approval of the Foundation’s legal department.
Placement of legal attributes ^
Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product.
Legal attributes of other Wikimedia projects
Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation.
registered unified mark
registered puzzle globe
registered wordmarks
registered foundation mark
Minimum sizes ^
The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here.
In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia ‘W’ mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the red/green/blue icon should be used.
- unified mark
minimum size
.75in (20mm, 56px)
- puzzle globe
minimum size
.625in (16mm, 45px)
- wordmark positive version
minimum size
.75in (20mm, 56px)
- wordmark reversed version in frame
minimum size
.75in (20mm, 56px)
- puzzle icon
minimum size
.75in (20mm, 56px)
- foundation mark
minimum size
.5in (12mm, 36px)
Clear space ^
A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects.
Clear space, continued
Color values ^
The color palette of the Wikipedia identity is simple: black and shades of grey to white.
| CMYK | RGB | HEX | |
|---|---|---|---|
| black | 0/0/0/100 | 0/0/0 | 000000 |
| 75% | 0/0/0/75 | 99/100/102 | 636466 |
| 50% | 0/0/0/50 | 147/149/152 | 939598 |
| 25% | 0/0/0/75 | 199/200/202 | C7C8CA |
Black is the correct color for all versions of the wordmark.
In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.
For special situations, it is permissable to reverse the wordmark from 75% black.
Minimum value for reverse of the wordmark is 50% black.
On fields with a color value of 25% grey or lighter, the wordmark should appear in black.
Do not... ^
...alter the Wikipedia or related project identities nor any of their elements.
Different colors
Do not change the logo colors.
Different font
Do not substitue or alter the font of the workmark beneath the globe.
Distortion
Do not distort or warp any of the identity elements.
Added element
Do not add decorative shapes or borders to the accepted mark.
Complex background
Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.
Examples of usage ^
The following examples of usage show satisfactory use of the Wikipedia identity in a variety of settings.
See Wikipedia on Google maps
Wikipedia and Wikimedia co-branding ^
Re-users of the official identities may face situations where the Wikipedia and Wikimedia identities are to appear side by side. A certain proportion and amount of space should be maintained when the Wikipedia and Wikimedia marks are displayed side-by-side.
The Wikipedia width and Wikimedia height must be identical to one another. The minimum clear space between them must be at least half of the width of the puzzle mark.
The marks must be featured on a white background and must bottom align.
In situations where the two marks or identities (or additional Wikimedia project identities) appear on the same page, but not side by side, then these guidelines may not apply (for example, when the Wikimedia identity is being used to brand or indicate an official publication about Wikipedia).
placement according to principle of equal emphasis
Co-branding ^
These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of ‘equal emphasis’ should apply. Other official marks should appear in the same proportion as the Wikimedia or Wikipedia marks. When one organization’s marks appear without color, then the Wikimedia or Wikipedia marks should also not be in color.
In situations where re-users are indicating Wikimedia’s sponsorship of a project, and/or a grant or funding, only the Wikimedia Foundation mark should be used. Wikipedia is a project of the Wikimedia Foundation. The Wikimedia Foundation is the organization that may sponsor an initiative, provide a grant, or lend support to another organization or project.
Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation.
placement according to the principle of equal emphasis
Inventory of assets ^
An index of assets by kind and format. EPS files in RGB are intended for print applications. CMYK color values are included in this guideline and most graphic design software can readily convert to CMYK. SVG and PNG files in RBG format are intended for digital environments like word processing, Web and mobile platforms.
All of these assets are posted on the Wikimedia Foundation website at, Wikimedia visual identity guidelines