User:Heather (WMF)/sandbox: Difference between revisions
Content deleted Content added
No edit summary |
Blanked the page |
||
Line 1: | Line 1: | ||
<div style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333; width: 750px; margin: 1em auto 0;"> |
|||
[[File:Wikimedia Foundation RGB logo with text.svg|75px|right]] |
|||
<span style="color: #0082C8; font-size: 2.5em;">Identity guidelines for Wikipedia</span> |
|||
{{clear}} |
|||
<div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> |
|||
[[File:Wikipedia-puzzleglobe-V2.svg|300px|left]] |
|||
[[File:Wikipedia wordmark.svg|300px|right]] |
|||
[[File:Wikipedia's W.svg|80px|right]] |
|||
[[File:Wikipedia affiliativemark w v1.png|120px|right]] |
|||
<div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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]] |
|||
</div> |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!--third page--> |
|||
<span style="color: #0082C8; font-size: 2.5em;" id="toc-list">The identity and its elements</span> |
|||
<poem> |
|||
<div style="color: #0082C8; font-size: 1.5em; line-height: 1.5em;"> |
|||
[[#toc-about|About the Wikipedia identity]] |
|||
[[#toc-elements|The elements of our identity]] |
|||
[[#toc-unified|The unified mark]] |
|||
[[#toc-globe|The puzzle globe]] |
|||
[[#toc-wordmark|The wordmark]] |
|||
[[#toc-puzzle|The puzzle icon]] |
|||
[[#toc-w|The ‘W’ icon]] |
|||
[[#toc-foundation|The Wikimedia Foundation mark]] |
|||
</div> |
|||
</poem> |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!--fourth page--> |
|||
<span id="toc-about"></span> |
|||
[[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 |
|||
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]] |
|||
</div> |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
unified mark |
|||
[[File:Wikipedia-logo-v2-en SVG.svg|200px]] |
|||
puzzle icon |
|||
[[File:Wikipedia's W.svg|80px]] |
|||
W icon |
|||
[[File:Wikipedia affiliativemark w v1.png|120px]] |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
vertical version |
|||
[[File:Wikipedia-logo-v2-en SVG.svg|200px]] |
|||
construction of vertical version |
|||
[[File:Wikipedia-logo-v2-en SVG.svg|200px]] |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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: |
|||
<poem> |
|||
Armenian |
|||
Khmer |
|||
Japanese (Katakana) |
|||
Ge’ez |
|||
Bengali |
|||
Greek |
|||
Latin |
|||
Arabic |
|||
Devanagari |
|||
Traditional Chinese |
|||
Cyrillic |
|||
Korean |
|||
Georgian |
|||
Kannada |
|||
Hebrew |
|||
Thai |
|||
Tibetan |
|||
Tamil |
|||
</poem> |
|||
The full list of characters and languages reflected in the |
|||
globe can be found here, |
|||
[[:Wikipedia:Wikipedia logos#The characters of the new logo]] |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
puzzle globe |
|||
[[File:Wikipedia-puzzleglobe-V2.svg|200px]] |
|||
puzzle globe on a saturated background |
|||
<div style="background: #241f20; background: -webkit-gradient(linear, left top, right bottom, from(#111111), to(#ffffff)); background: -moz-linear-gradient(left, #111111, #ffffff); width: 300px; padding: 30px"> |
|||
[[File:Wikipedia-puzzleglobe-V2.svg|70px]]</div> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
wordmark |
|||
[[File:Wikipedia wordmark.svg|400px]] |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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.’ |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
puzzle icon for affiliates |
|||
[[File:Wikipedia affiliativemark w v1.png|150px]] |
|||
positive version on saturated background |
|||
<div style="background: #241f20; background: -webkit-gradient(linear, left top, right bottom, from(#111111), to(#ffffff)); background: -moz-linear-gradient(left, #111111, #ffffff); width: 300px; padding: 30px"> |
|||
[[File:Wikipedia affiliativemark w v1.png|150px]]</div> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
the 'W' |
|||
[[File:Wikipedia's W.svg|80px]] |
|||
combined with various framing devices |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 user: 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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
recommended vertical version |
|||
[[File:Wikimedia Foundation RGB logo with text.svg|120px]] |
|||
construction |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 12 --> |
|||
<span style="color: #0082C8; font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> |
|||
<poem> |
|||
<div style="color: #0082C8; font-size: 1.5em; line-height: 1.5em;"> |
|||
[[#toc-protecting|Protecting our marks]] |
|||
[[#toc-legal|Placement of legal attributes]] |
|||
[[#toc-minimum|Minimum sizes]] |
|||
[[#toc-clearspace|Clear space]] |
|||
[[#toc-colorvalues|Color values]] |
|||
[[#toc-donot|Do not...]] |
|||
[[#toc-usage|Examples of usage]] |
|||
[[#toc-WP|Wikipedia and Wikimedia]] |
|||
[[#toc-branding|Co-branding]] |
|||
[[#toc-inventory|Inventory of assets]] |
|||
</div> |
|||
</poem> |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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.” In rare |
|||
circumstances, the registration mark may be omitted |
|||
but only with the approval of the Foundation’s legal |
|||
department. |
|||
<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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
registered unified mark |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
unified mark |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></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 |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 16--> |
|||
<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 |
|||
of grey to white. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 17--> |
|||
<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 |
|||
elements. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 18--> |
|||
<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 |
|||
the Wikipedia identity in a variety of settings. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 19--> |
|||
<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 |
|||
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). |
|||
<span id="toc-branding"></span> |
|||
<span style="color: #0082C8; font-size: 1.25em;">Co-branding [[#toc-list2|^]]</span> |
|||
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. |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 20--> |
|||
<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 |
|||
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]] |
|||
</div> |
|||
<div style="float:right; width: 50%"> |
|||
</div> |
|||
{{clear}} |
|||
<div style="margin: 6em auto 4em; height: 1px; background-color: #555;"></div> |
|||
<!-- 21--> |