Legal:Visual identity guidelines: Difference between revisions

Add links
From Wikimedia Foundation Governance Wiki
Browse history interactively
Content deleted Content added
VisualWikitext
 
m repair anchor links
 
(123 intermediate revisions by 17 users not shown)
Line 1: Line 1:
#redirect [[Wikimedia visual identity guidelines]]
<templatestyles src="Template:Visual identity guidelines/styles.css" />
<div class="visual-identity-guidelines">
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333;">
[[File:Wmf logo vert K.svg|125px|right]]
<span style="color: #000000; font-size: 2.5em;">Identity guidelines</span>
{{clear}}
<div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div>
[[File:Wikipedia-logo-v2.svg|300px|left]]
[[File:Wikipedia wordmark.svg|300px|right]]
[[File:Wikipedia's W.svg|80px|right]]
[[File:Wikipedia affiliative mark.png|120px|right]]
<div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div>
{{clear}}
<div class="visual-identity-guidelines__container">
== 2 ==
</div>
<!--second page-->
<div style="width: 40%">
<span style="color: #000000; 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.
</div>
<div class="visual-identity-guidelines__container">

== 3 ==
</div>
<!--third page-->
<span style="color: #000000; font-size: 2.5em;" id="toc-list">The identity and its elements</span>
<poem>
<div style="color: #000000; 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 class="visual-identity-guidelines__container">
== 4 ==
</div>
<!--fourth page-->
<span id="toc-about"></span>
[[File:Wikipedia-logo-v2-en.svg|right|350px]]
<div style="width: 40%">
<span style="color: #000000; 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 later 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|Wikimedia official marks/About the official Marks]]

and at [[:w:en:Wikipedia logos]]
</div>
<div class="visual-identity-guidelines__container">

== 5 ==
</div>
<!--fifth page-->
<span id="toc-elements"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; font-size: 1.25em;">The elements of our identity [[#toc-list|^]]</span>

Over time, we have 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
unified mark

[[File:Wikipedia-logo-v2-en.svg|200px]]


puzzle icon


[[File:Wikipedia affiliative mark.png|120px]]


W icon

[[File:Wikipedia's W.svg|80px]]

</div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="margin-top: 100px">
--- puzzle globe
</div><div style="margin-top: 85px">
--- wordmark
</div><div style="margin-top: 10px">
--- descriptor
</div>
</div>

</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 6 ==
</div>
<!--sixth page-->
<span id="toc-unified"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width">
vertical version


[[File:Wikipedia-logo-v2-en.svg|center|150px]]


</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
horizontal version


[[File:Wp logo unified horiz rgb.svg|center|150px]]


</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width">
construction of vertical version


[[File:Wp logo globe construction.png|center|200px]]


</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
construction of horizontal version


[[File:Wp logo horizontal construction.png|center|165px]]


</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 7 ==
</div>
<!--seventh page-->
<span id="toc-globe"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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>

There is a [[Wikimedia official marks/About the official Marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
puzzle globe


[[File:Wikipedia-logo-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-logo-v2.svg|70px]]</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 8 ==
</div>
<!--eighth page-->
<span id="toc-wordmark"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
wordmark


[[File:Wikipedia wordmark.svg|400px]]


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
positive version


[[File:Wp wordmark pos rgb.svg|100px]]</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
positive version in frame on saturated field

<div style="background: #241f20; background: -webkit-gradient(linear, left top, right bottom, from(#111111), to(#ffffff)); background: -moz-linear-gradient(left, #111111, #ffffff); width: 120px; padding: 10px">
[[File:Wp wordmark pos rgb.svg|100px|center]]</div>
</div>
</div>
{{clear}}


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
reversed version in frame
<br />
<br />
<br />
[[File:Wp wordmark rev rgb.svg|100px]]
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
reversed version on low contrast field

<div style="background: #ccc; background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#ffffff)); background: -moz-linear-gradient(left, #ccc, #ffffff); width: 120px; padding: 10px">
[[File:Wp wordmark rev rgb.svg|100px|center]]</div>
</div>
</div>
{{clear}}


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
construction of wordmark in frame


[[File:Wp wordmark diagram VIG 8.png|300px]]
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 9 ==
</div>
<!--ninth page-->
<span id="toc-puzzle"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
puzzle icon for affiliates


[[File:Wikipedia affiliative mark.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 affiliative mark.png|150px]]</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 10 ==
</div>
<!--tenth page-->
<span id="toc-w"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
the 'W'

[[File:Wikipedia's W.svg|80px]]

</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<br />
<br />
[[File:W diagram2 VIG 10.png|80px]]

maximum size<br />
.75in (20mm, 56px)
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


combined with various framing devices


[[File:Wp various VIG 10.png|300px]]
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 11 ==
</div>
<!-- 11 -->
<span id="toc-foundation"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; font-size: 1.25em;">The Wikimedia Foundation Mark [[#toc-list|^]]</span>

Originally designed in 2005 by [[:m:User:Neolux|Neolux]], the mark
that identifies the Wikimedia Foundation consists of a
circular logo and a wordmark. The mark is intended to signify a
character holding an open book. The font Montserrat is used to
construct both the title and the descriptor of the mark.

<!--
{| cellpadding ="10"
|-
! !! PMS !! CMYK !! RGB !! HEX
|-
| style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4
|-
| style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752
|-
| style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A
|-
| style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466
|-
| style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285
|}
-->


</div>



<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
recommended vertical version


[[File:Wmf logo vert K.svg|120px]]

</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
recommended horizontal version


[[File:Wikimedia Foundation logo - horizontal.svg|200px]]
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


construction


[[File:Wmf diagram VIG 11.png|150px]]
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


construction


[[File:Wmf horiz diagram VIG 11.png|200px]]
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


examples of localization


[[File:Wikimedia hackathon mark vertical.svg |120px]]
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


example


[[File:Wikimedia hackathon mark horizontal.svg|200px]]
</div>
</div>

{{clear}}
<div class="visual-identity-guidelines__container">

== 12 ==
</div>
<!-- 12 -->
<span style="color: #000000; font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span>
<poem>
<div style="color: #000000; 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-3dmodel|3D puzzle globe model]]
[[#toc-branding|Co-branding]]
[[#toc-inventory|Inventory of assets]]
</div>
</poem>
<div class="visual-identity-guidelines__container">

== 13 ==
</div>
<!--13-->
<span id="toc-protecting"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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. [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.

<span id="toc-legal"></span>
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
registered unified mark


[[File:Wp globe diagram VIG 13.png|150px]]
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
registered puzzle globe


[[File:Wp globe VIG 13.png|130px]]
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">

</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
registered wordmarks


[[File:Wp wordmarks VIG 13.png|150px]]
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">

</div>
<!--
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


registered foundation mark


[[File:Wmf VIG 13.png|150px]]
</div>-->
</div>

{{clear}}
<div class="visual-identity-guidelines__container">

== 14 ==
</div>
<!-- 14-->
<span id="toc-minimum"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
; unified mark
[[File:Wp globe diagram VIG 14.png|100px]]

minimum size<br />
.75in (20mm, 56px)
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
; puzzle globe
[[File:Wp globe diagram2 VIG 14.png|90px]]

minimum size<br />
.625in (16mm, 45px)
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


; wordmark positive version
[[File:Wp wordmark diagram VIG 14.png|100px]]

minimum size<br />
.75in (20mm, 56px)
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


; wordmark reversed version in frame
[[File:Wp reverse wordmark diagram VIG 14.png|100px]]

minimum size<br />
.75in (20mm, 56px)
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


; puzzle icon
[[File:Wp puzzle diagram VIG 14.png|100px]]

minimum size<br />
.75in (20mm, 56px)
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


; foundation mark
[[File:Wmf diagram VIG 14.png|125px]]

minimum size<br />
.5in (12mm, 36px)
</div>
</div>

{{clear}}
<div class="visual-identity-guidelines__container">

== 15 ==
</div>
<!-- 15-->
<span id="toc-clearspace"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
[[File:Wp globe diagram VIG 15.png|300px]]


[[File:Wp globe diagram2 VIG 15.png|300px]]
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 16 ==
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">


<span style="color: #000000; font-size: 1.25em;">Clear space, continued</span>


</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


[[File:Wp reverse workmark diagram VIG 16.png|350px]]


</div>
{{clear}}
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">


[[File:Wmf diagram VIG 16.png|300px]]
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">


[[File:Wp puzzle diagram VIG 16.png|300px]]


</div>
{{clear}}

== 17 ==
</div>
<!-- 17-->
<span id="toc-colorvalues"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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.


{| cellpadding ="10"
|-
! !! CMYK !! RGB !! HEX
|-
| style="color: #FFFFFF; background-color: #000000; height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000
|-
| style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466
|-
| style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598
|-
| style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA
|-
|}

</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
[[File:Wp wordmark pos rgb.svg|150px]]


</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
Black is the correct color for all versions of the wordmark.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="color: #FFFFFF; background-color: #000000; width: 13em">
[[File:Wikipedia-logo-white.svg|center|150px]]</div>
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="color: #FFFFFF; background-color: #636466; width: 13em">
[[File:Wikipedia-logo-white.svg|center|150px]]</div>
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
For special situations, it is permissible to reverse the wordmark from 75% black.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="color: #FFFFFF; background-color: #939598; width: 13em">
[[File:Wikipedia-logo-white.svg|center|150px]]</div>
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
Minimum value for reverse of the wordmark is 50% black.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


<div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em">
[[File:Wikipedia wordmark.svg|center|150px]]</div>
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
On fields with a color value of 25% grey or lighter, the wordmark should appear in black.
</div>
</div>

{{clear}}
<div class="visual-identity-guidelines__container">

== 18 ==
</div>
<!-- 18-->
<span id="toc-donot"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; font-size: 1.25em;">Do not... [[#toc-list2|^]]</span>

...alter the Wikipedia or related project identities nor any of their
elements.

</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:left; width: 31%; margin-right: 1em">
[[File:Wp globe do not VIG 18.png|100px]]

<span style="color: #308557; font-size: 1.25em;">Different colors</span>

Do not change the logo colors.
</div>

<div style="float:left; width: 31%; margin-right: 1em">
[[File:Wp globe do not2 VIG 18.png|100px]]

<span style="color: #308557; font-size: 1.25em;">Different font</span>

Do not substitute or alter the font of the wordmark beneath the globe.
</div>

<div style="float:right; width: 31%">
[[File:Wp globe do not3 VIG 18.png|100px]]

<span style="color: #308557; font-size: 1.25em;">Distortion</span>

Do not distort or warp any of the identity elements.
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:left; width: 31%; margin-right: 1em">
[[File:Wp globe do not4 VIG 18.png|100px]]


<span style="color: #308557; font-size: 1.25em;">Added element</span>

Do not add decorative shapes or borders to the accepted mark.
</div>

<div style="float:left; width: 31%; margin-right: 1em">
[[File:Wp globe do not5 VIG 18.png|100px]]

<span style="color: #308557; 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.
</div>
</div>


{{clear}}
<div class="visual-identity-guidelines__container">

== 19 ==
</div>
<span id="toc-3dmodel"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; font-size: 1.25em;">Use of the puzzle globe 3D model [[#toc-list2|^]]</span>

The puzzle globe 3D model is an important asset related to the Wikipedia puzzle globe logo. The 3D file is provided to allow Wikimedians to create 3D printed models for community outreach purposes, under the guidelines below:

; Size and Format
* You may not use the 3D model to create new 2D renderings or animations.
* If you need a 2D rendering, use [[Wikimedia official marks/About the official Marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].
* You may 3D print the globe in any size.
* The model itself may not be altered, sliced, or rearranged.
* There should be no additions to the globe, except that...
**You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.
**You may add a ring as a way to suspend the globe on a pendant or keychain.

; Colors
* Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.
* Do not print the globe in black, colors, or colored metals.

The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[trademark policy|trademark policy]].
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">

</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 20 ==
</div>
<!-- 20-->
<span id="toc-WP"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; font-size: 1.25em;">Wikipedia and Wikimedia Foundation co-branding [[#toc-list2|^]]</span>

Re-users of the official identities may face situations
where the Wikipedia and Wikimedia Foundation identities are to
appear side by side. A certain proportion and amount
of space should be maintained when the Wikipedia and
Wikimedia Foundation marks are displayed side-by-side.

The Wikipedia width and Wikimedia Foundation 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 Foundation identity
is being used to brand or indicate an official publication
about Wikipedia).

</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
placement according to principle of equal emphasis

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
[[File:Wikipedia-logo-v2-en.svg|x125px]]


[[File:Wp wmf diagrams VIG 20.png|300px]]
</div>

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
[[File:Wmf logo vert K.svg|x125px]]
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">

== 21 ==
</div>
<!-- 21-->
<span id="toc-branding"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #000000; 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 Foundation or
Wikipedia marks. When one organization's marks
appear without color, then the Wikimedia Foundation or Wikipedia
marks should also not be in color.

In situations where re-users are indicating Wikimedia Foundation'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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
placement according to the principle of equal emphasis

[[File:Wikipedia's W.svg|120px]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/]]


<div style="border-left: solid 1px #999; border-top: solid 1px #999; padding: 2em">
[[File:Wp wordmark pos rgb.svg|175px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div>


<div style="background-color: yellow; padding: 2em">
[[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div>
</div>
{{clear}}

<div class="visual-identity-guidelines__container">
</div>

[[Category:Wikimedia visual identity]]
[[Category:Maintained by Communications department]]
[[Category:Content not setup for translation]]

Latest revision as of 09:41, 3 April 2024

Identity guidelines

2

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.

3

The identity and its elements

4

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 later 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 w:en:Wikipedia logos

5

The elements of our identity ^

Over time, we have 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


puzzle icon



W icon

--- puzzle globe

--- wordmark

--- descriptor

6

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.

vertical version



horizontal version



construction of vertical version



construction of horizontal version



7

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.

puzzle globe



puzzle globe on a saturated background


8

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


9

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



positive version on saturated background


10

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


11

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 mark is intended to signify a character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.



recommended vertical version


recommended horizontal version



construction



construction



examples of localization



example


12

Using the Wikipedia identity

13

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


14

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)

15

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.


16


Clear space, continued







17

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 permissible 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.

18

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 substitute or alter the font of the wordmark 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.


19

Use of the puzzle globe 3D model ^

The puzzle globe 3D model is an important asset related to the Wikipedia puzzle globe logo. The 3D file is provided to allow Wikimedians to create 3D printed models for community outreach purposes, under the guidelines below:

Size and Format
  • You may not use the 3D model to create new 2D renderings or animations.
  • If you need a 2D rendering, use one of the ones provided.
  • You may 3D print the globe in any size.
  • The model itself may not be altered, sliced, or rearranged.
  • There should be no additions to the globe, except that...
    • You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.
    • You may add a ring as a way to suspend the globe on a pendant or keychain.
Colors
  • Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.
  • Do not print the globe in black, colors, or colored metals.

The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the trademark policy.

20

Wikipedia and Wikimedia Foundation co-branding ^

Re-users of the official identities may face situations where the Wikipedia and Wikimedia Foundation identities are to appear side by side. A certain proportion and amount of space should be maintained when the Wikipedia and Wikimedia Foundation marks are displayed side-by-side.

The Wikipedia width and Wikimedia Foundation 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 Foundation identity is being used to brand or indicate an official publication about Wikipedia).

placement according to principle of equal emphasis


21

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 Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color.

In situations where re-users are indicating Wikimedia Foundation'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



Retrieved from "https://foundation.wikimedia.org/w/index.php?title=Legal:Visual_identity_guidelines&oldid=376199"