Legal:Visual identity guidelines: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
m repair anchor links
 
(65 intermediate revisions by 12 users not shown)
Line 1: Line 1:
<templatestyles src="Template:Visual identity guidelines/styles.css" />
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333; width: 800px; margin: 1em auto 0;">
<div class="visual-identity-guidelines">
<div style="text-align:left; border: 2px dotted #888; padding: 1em; margin: 2em 0;">
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333;">
This page is a work in progress and may be updated to reflect changes to the guidelines. Last updated '''April 2, 2013.''', also see
[[File:Wmf logo vert K.svg|125px|right]]
*[[Wikimedia visual identity guidelines]]
<span style="color: #000000; font-size: 2.5em;">Identity guidelines</span>
*[[:File:VIG-v3 SHIP 23pp 25oct11 150.pdf|PDF version of this document]]
*Resources:
** [[:File:Wikipedia_puzzle_globe_3D_render.zip|3D Globe file]]
</div>
[[File:Wikimedia Foundation RGB logo with text.svg|75px|right]]
<span style="color: #0082C8; font-size: 2.5em;">Identity guidelines for Wikipedia</span>
{{clear}}
{{clear}}
<div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div>
<div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div>
[[File:Wikipedia-puzzleglobe-V2.svg|300px|left]]
[[File:Wikipedia-logo-v2.svg|300px|left]]
[[File:Wikipedia wordmark.svg|300px|right]]
[[File:Wikipedia wordmark.svg|300px|right]]
[[File:Wikipedia's W.svg|80px|right]]
[[File:Wikipedia's W.svg|80px|right]]
[[File:Wikipedia affiliativemark w v1.png|120px|right]]
[[File:Wikipedia affiliative mark.png|120px|right]]
<div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div>
<div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
==2==
== 2 ==
</div>
</div>
<!--second page-->
<!--second page-->
<div style="width: 40%">
<div style="width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Why is it important to have guidelines?</span>
<span style="color: #000000; font-size: 1.25em;">Why is it important to have guidelines?</span>


Wikipedia is a precious, shared resource, used
Wikipedia is a precious, shared resource, used
around the world by millions of people every day.
around the world by millions of people every day.
We created these guidelines to help authorized
We created these guidelines to help authorized
re-users of the Wikimedia Foundation’s official
re-users of the Wikimedia Foundation's official
marks, including Wikipedia, represent our identity
marks, including Wikipedia, represent our identity
in a way that is consistent with the quality, impact,
in a way that is consistent with the quality, impact,
Line 39: Line 34:
values in mind. Using these marks well is a serious
values in mind. Using these marks well is a serious
responsibility.
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>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">

==3==
== 3 ==
</div>
</div>
<!--third page-->
<!--third page-->
<span style="color: #0082C8; font-size: 2.5em;" id="toc-list">The identity and its elements</span>
<span style="color: #000000; font-size: 2.5em;" id="toc-list">The identity and its elements</span>
<poem>
<poem>
<div style="color: #0082C8; font-size: 1.5em; line-height: 1.5em;">
<div style="color: #000000; font-size: 1.5em; line-height: 1.5em;">
[[#toc-about|About the Wikipedia identity]]
[[#toc-about|About the Wikipedia identity]]
[[#toc-elements|The elements of our identity]]
[[#toc-elements|The elements of our identity]]
Line 57: Line 49:
[[#toc-wordmark|The wordmark]]
[[#toc-wordmark|The wordmark]]
[[#toc-puzzle|The puzzle icon]]
[[#toc-puzzle|The puzzle icon]]
[[#toc-w|The ‘W’ icon]]
[[#toc-w|The 'W' icon]]
[[#toc-foundation|The Wikimedia Foundation mark]]
[[#toc-foundation|The Wikimedia Foundation mark]]
</div>
</div>
</poem>
</poem>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
==4==
== 4 ==
</div>
</div>
<!--fourth page-->
<!--fourth page-->
<span id="toc-about"></span>
<span id="toc-about"></span>
[[File:Wikipedia-logo-v2-en SVG.svg|right|350px]]
[[File:Wikipedia-logo-v2-en.svg|right|350px]]
<div style="width: 40%">
<div style="width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">About the Wikipedia identity [[#toc-list|^]]</span>
<span style="color: #000000; font-size: 1.25em;">About the Wikipedia identity [[#toc-list|^]]</span>


The distinctive Wikipedia identity has evolved over
The distinctive Wikipedia identity has evolved over
Line 82: Line 74:
has undergone a series of small changes — mostly
has undergone a series of small changes — mostly
adjustments to correct the choice of other characters
adjustments to correct the choice of other characters
representing the first character of the word ‘Wikipedia’
representing the first character of the word 'Wikipedia'
in various languages. At one point the puzzle globe
in various languages. At one point the puzzle globe
included a Klingon alphabet character. In May 2010, the
included a Klingon alphabet character. In May 2010, the
Line 92: Line 84:


The puzzle globe typically accompanies the Wikipedia
The puzzle globe typically accompanies the Wikipedia
wordmark, originally set in Hoefler, but recently updated
wordmark, originally set in Hoefler, but later updated
to Linux Libertine, an opensource typeface, to facilitate
to Linux Libertine, an opensource typeface, to facilitate
easier localization of the wordmark in new language
easier localization of the wordmark in new language
Line 99: Line 91:


Online, at wikipedia.org, the wordmark always includes
Online, at wikipedia.org, the wordmark always includes
a descriptor ‘The Free Encyclopedia, which is translated
a descriptor 'The Free Encyclopedia,' which is translated
into the language of each project.
into the language of each project.


You can read more about the history of the marks here,
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|Wikimedia official marks/About the official Marks]]


and at [[:Wikipedia:Wikipedia logos]]
and at [[:w:en:Wikipedia logos]]
</div>
</div>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


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


Over time, we’ve expanded the elements that make up
Over time, we have expanded the elements that make up our visual identity.
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.
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
Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia.
designed to function both independently and when
united, collectively echoing the core identity of Wikipedia.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
unified mark
unified mark


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




Line 141: Line 125:




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




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


</div><div style="float:right; width: 50%">
</div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="margin-top: 100px">
<div style="margin-top: 100px">
--- puzzle globe
--- puzzle globe
Line 160: Line 144:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==6==
== 6 ==
</div>
</div>
<!--sixth page-->
<!--sixth page-->
<span id="toc-unified"></span>
<span id="toc-unified"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The unified mark [[#toc-list|^]]</span>
<span style="color: #000000; font-size: 1.25em;">The unified mark [[#toc-list|^]]</span>


Traditionally the unified mark is used to identify Wikipedia
Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project.
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.
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
In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used.
configuration of the unified mark are not conventional, the
horizontal version can be used.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width">
<div style="float:left; width: 50%; min-width: 200px">
vertical version
vertical version




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




</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
horizontal version
horizontal version


Line 202: Line 177:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width">
<div style="float:left; width: 50%; min-width: 200px">
construction of vertical version
construction of vertical version


Line 210: Line 185:


</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
construction of horizontal version
construction of horizontal version


Line 220: Line 195:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==7==
== 7 ==
</div>
</div>
<!--seventh page-->
<!--seventh page-->
<span id="toc-globe"></span>
<span id="toc-globe"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The puzzle globe [[#toc-list|^]]</span>
<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
The puzzle globe is a fully 3D object rendered as a flat
image for design purposes. The ‘hero’ rendering of the
image for design purposes. The 'hero' rendering of the
puzzle globe is the digital photograph of the 3D object
puzzle globe is the digital photograph of the 3D object
that most closely approximates the original puzzle globe
that most closely approximates the original puzzle globe
Line 249: Line 224:
Khmer
Khmer
Japanese (Katakana)
Japanese (Katakana)
Ge'ez
Ge’ez
Bengali
Bengali
Greek
Greek
Line 266: Line 241:
</poem>
</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]].
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>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
puzzle globe
puzzle globe




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




Line 278: Line 253:




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


==8==
== 8 ==
</div>
</div>
<!--eighth page-->
<!--eighth page-->
<span id="toc-wordmark"></span>
<span id="toc-wordmark"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The Wikipedia Wordmark [[#toc-list|^]]</span>
<span style="color: #000000; font-size: 1.25em;">The Wikipedia Wordmark [[#toc-list|^]]</span>


The distinctive wordmark, with larger case W and A
The distinctive wordmark, with larger case W and A
Line 302: Line 277:


</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
wordmark
wordmark


Line 309: Line 284:




<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
positive version
positive version




[[File:Wp wordmark pos rgb.svg|100px]]</div>
[[File:Wp wordmark pos rgb.svg|100px]]</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
positive version in frame on saturated field
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">
<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>
[[File:Wp wordmark pos rgb.svg|100px|center]]</div>
</div>
</div>
Line 324: Line 299:




<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
reversed version in frame
reversed version in frame
<br />
<br />
Line 333: Line 308:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
reversed version on low contrast field
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">
<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>
[[File:Wp wordmark rev rgb.svg|100px|center]]</div>
</div>
</div>
Line 343: Line 318:




<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
construction of wordmark in frame
construction of wordmark in frame


Line 352: Line 327:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==9==
== 9 ==
</div>
</div>
<!--ninth page-->
<!--ninth page-->
<span id="toc-puzzle"></span>
<span id="toc-puzzle"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The Puzzle Icon [[#toc-list|^]]</span>
<span style="color: #000000; font-size: 1.25em;">The Puzzle Icon [[#toc-list|^]]</span>


The Wikipedia puzzle icon is a distinctive graphic
The Wikipedia puzzle icon is a distinctive graphic
Line 370: Line 345:
The puzzle icon is the least recognizable of the Wikipedia
The puzzle icon is the least recognizable of the Wikipedia
identifiers, and whenever possible should be used in
identifiers, and whenever possible should be used in
conjunction with a non-stylized title, ‘Wikipedia.
conjunction with a non-stylized title, 'Wikipedia.'
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
puzzle icon for affiliates
puzzle icon for affiliates




[[File:Wikipedia affiliativemark w v1.png|150px]]
[[File:Wikipedia affiliative mark.png|150px]]




Line 382: Line 357:




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


==10==
== 10 ==
</div>
</div>
<!--tenth page-->
<!--tenth page-->
<span id="toc-w"></span>
<span id="toc-w"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The ‘W’ Icon [[#toc-list|^]]</span>
<span style="color: #000000; font-size: 1.25em;">The 'W' Icon [[#toc-list|^]]</span>


The Wikipedia ‘W’ icon is a distinctive graphic element
The Wikipedia 'W' icon is a distinctive graphic element
derived from the W of Wikipedia, set in the font Hoefler.
derived from the W of Wikipedia, set in the font Hoefler.


The ‘W’ is intended to evoke the Wikipedia brand in
The 'W' is intended to evoke the Wikipedia brand in
applications where limited space, aesthetics, or other
applications where limited space, aesthetics, or other
constraints prevent the use of the Wikipedia puzzle globe
constraints prevent the use of the Wikipedia puzzle globe
Line 405: Line 380:
merchandise.
merchandise.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
the 'W'
the 'W'


Line 413: Line 388:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<br />
<br />
<br />
<br />
Line 423: Line 398:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




Line 432: Line 407:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


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


Originally designed in 2005 by [[meta:user: Neolux|Neolux]], the mark
Originally designed in 2005 by [[:m:User:Neolux|Neolux]], the mark
that identifies the Wikimedia Foundation consists of a
that identifies the Wikimedia Foundation consists of a
circular logo and a wordmark. The red, green, and blue
circular logo and a wordmark. The mark is intended to signify a
character holding an open book. The font Montserrat is used to
mark is intended to signify a character holding an open
construct both the title and the descriptor of the mark.
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.


<!--
<!--
Line 475: Line 444:




<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
recommended vertical version
recommended vertical version




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


</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
recommended horizontal version
recommended horizontal version




[[File:Wmf horiz VIG 11.png|200px]]
[[File:Wikimedia Foundation logo - horizontal.svg|200px]]
</div>
</div>
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">




Line 501: Line 470:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




Line 511: Line 480:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">




Line 518: Line 487:




[[File:Wmd VIG 11.png|120px]]
[[File:Wikimedia hackathon mark vertical.svg |120px]]
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




Line 526: Line 495:




[[File:Wmd horiz VIG 11.png|200px]]
[[File:Wikimedia hackathon mark horizontal.svg|200px]]
</div>
</div>
</div>
</div>


{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==12==
== 12 ==
</div>
</div>
<!-- 12 -->
<!-- 12 -->
<span style="color: #0082C8; font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span>
<span style="color: #000000; font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span>
<poem>
<poem>
<div style="color: #0082C8; font-size: 1.5em; line-height: 1.5em;">
<div style="color: #000000; font-size: 1.5em; line-height: 1.5em;">
[[#toc-protecting|Protecting our marks]]
[[#toc-protecting|Protecting our marks]]
[[#toc-legal|Placement of legal attributes]]
[[#toc-legal|Placement of legal attributes]]
Line 547: Line 516:
[[#toc-usage|Examples of usage]]
[[#toc-usage|Examples of usage]]
[[#toc-WP|Wikipedia and Wikimedia]]
[[#toc-WP|Wikipedia and Wikimedia]]
[[#toc-3dmodel|3D puzzle globe model]]
[[#toc-branding|Co-branding]]
[[#toc-branding|Co-branding]]
[[#toc-inventory|Inventory of assets]]
[[#toc-inventory|Inventory of assets]]
</div>
</div>
</poem>
</poem>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">

==13==
== 13 ==
</div>
</div>
<!--13-->
<!--13-->
<span id="toc-protecting"></span>
<span id="toc-protecting"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Protecting our marks [[#toc-list2|^]]</span>
<span style="color: #000000; font-size: 1.25em;">Protecting our marks [[#toc-list2|^]]</span>


The official marks of the Wikimedia Foundation
The official marks of the Wikimedia Foundation
Line 580: Line 551:
sentence at the footer of a page (or in a section reserved
sentence at the footer of a page (or in a section reserved
for legal notices), or other prominent location, which
for legal notices), or other prominent location, which
states: “Wikipedia and its associated marks are official
states: "Wikipedia and its associated marks are official
trademarks of the Wikimedia Foundation in the United
trademarks of the Wikimedia Foundation in the United
States and other countries. These marks are being used
States and other countries. These marks are being used
under license by the Wikimedia Foundation. In rare
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
circumstances, the registration mark may be omitted
but only with the approval of the Foundation’s legal
but only with the approval of the Foundation's legal
department.
department.


<span id="toc-legal"></span>
<span id="toc-legal"></span>
<span style="color: #0082C8; font-size: 1.25em;">Placement of legal attributes [[#toc-protecting|^]]</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
Note the specific placement of the registration mark ® on
Line 603: Line 575:
marks require a registration designation.
marks require a registration designation.
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
registered unified mark
registered unified mark


Line 611: Line 583:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
registered puzzle globe
registered puzzle globe


Line 618: Line 590:
</div>
</div>
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">


</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
registered wordmarks
registered wordmarks


Line 630: Line 602:
</div>
</div>
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">


</div>
</div>
<!--

<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




Line 642: Line 614:


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


{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==14==
== 14 ==
</div>
</div>
<!-- 14-->
<!-- 14-->
<span id="toc-minimum"></span>
<span id="toc-minimum"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Minimum sizes [[#toc-list2|^]]</span>
<span style="color: #000000; font-size: 1.25em;">Minimum sizes [[#toc-list2|^]]</span>


The official marks of the Wikimedia Foundation have
The official marks of the Wikimedia Foundation have
Line 664: Line 636:


In cases where representation of Wikipedia is necessary
In cases where representation of Wikipedia is necessary
at less than the minimum sizes, the Wikipedia ‘W’
at less than the minimum sizes, the Wikipedia 'W'
mark should be used. In cases where representation of
mark should be used. In cases where representation of
Wikimedia or the Wikimedia Foundation is necessary, the
Wikimedia or the Wikimedia Foundation is necessary, the
Line 670: Line 642:


</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
;unified mark
; unified mark
[[File:Wp globe diagram VIG 14.png|100px]]
[[File:Wp globe diagram VIG 14.png|100px]]


Line 679: Line 651:
</div>
</div>


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


Line 687: Line 659:
</div>
</div>
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">




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


Line 698: Line 670:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




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


Line 709: Line 681:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">




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


Line 720: Line 692:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




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


Line 732: Line 704:


{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==15==
== 15 ==
</div>
</div>
<!-- 15-->
<!-- 15-->
<span id="toc-clearspace"></span>
<span id="toc-clearspace"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Clear space [[#toc-list2|^]]</span>
<span style="color: #000000; font-size: 1.25em;">Clear space [[#toc-list2|^]]</span>


A minimum space area must be observed around the
A minimum space area must be observed around the
Line 749: Line 721:


</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
[[File:Wp globe diagram VIG 15.png|300px]]
[[File:Wp globe diagram VIG 15.png|300px]]


Line 756: Line 728:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==16==
== 16 ==
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">




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




</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




Line 774: Line 746:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">




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




Line 788: Line 760:
{{clear}}
{{clear}}


==17==
== 17 ==
</div>
</div>
<!-- 17-->
<!-- 17-->
<span id="toc-colorvalues"></span>
<span id="toc-colorvalues"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Color values [[#toc-list2|^]]</span>
<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
The color palette of the Wikipedia identity is simple: black and shades
Line 815: Line 787:
</div>
</div>


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


Line 822: Line 794:
</div>
</div>


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


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


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


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




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


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


{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


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


...alter the Wikipedia or related project identities nor any of their
...alter the Wikipedia or related project identities nor any of their
Line 883: Line 855:


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


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


Do not change the logo colors.
Do not change the logo colors.
Line 895: Line 867:
[[File:Wp globe do not2 VIG 18.png|100px]]
[[File:Wp globe do not2 VIG 18.png|100px]]


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


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


Line 903: Line 875:
[[File:Wp globe do not3 VIG 18.png|100px]]
[[File:Wp globe do not3 VIG 18.png|100px]]


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


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




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


Do not add decorative shapes or borders to the accepted mark.
Do not add decorative shapes or borders to the accepted mark.
Line 922: Line 894:
[[File:Wp globe do not5 VIG 18.png|100px]]
[[File:Wp globe do not5 VIG 18.png|100px]]


<span style="color: #0082C8; font-size: 1.25em;">Complex background</span>
<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.
Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.
Line 930: Line 902:


{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==19==
== 19 ==
</div>
</div>
<span id="toc-3dmodel"></span>
<!-- 19-->
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span id="toc-usage"></span>
<span style="color: #000000; font-size: 1.25em;">Use of the puzzle globe 3D model [[#toc-list2|^]]</span>
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Examples of usage [[#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:
The following examples of usage show satisfactory use of
the Wikipedia identity in a variety of settings.


; 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
See Wikipedia on [https://maps.google.com/?ll=37.803816,-122.325211&spn=0.309782,0.496445&t=m&z=11&lci=org.wikipedia.en Google maps]
* 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>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">


</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==20==
== 20 ==
</div>
</div>
<!-- 20-->
<!-- 20-->
<span id="toc-WP"></span>
<span id="toc-WP"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Wikipedia and Wikimedia co-branding [[#toc-list2|^]]</span>
<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
Re-users of the official identities may face situations
where the Wikipedia and Wikimedia identities are to
where the Wikipedia and Wikimedia Foundation identities are to
appear side by side. A certain proportion and amount
appear side by side. A certain proportion and amount
of space should be maintained when the Wikipedia and
of space should be maintained when the Wikipedia and
Wikimedia marks are displayed side-by-side.
Wikimedia Foundation marks are displayed side-by-side.


The Wikipedia width and Wikimedia height must be
The Wikipedia width and Wikimedia Foundation height must be
identical to one another. The minimum clear space
identical to one another. The minimum clear space
between them must be at least half of the width of the
between them must be at least half of the width of the
Line 976: Line 957:
additional Wikimedia project identities) appear on the
additional Wikimedia project identities) appear on the
same page, but not side by side, then these guidelines
same page, but not side by side, then these guidelines
may not apply (for example, when the Wikimedia identity
may not apply (for example, when the Wikimedia Foundation identity
is being used to brand or indicate an official publication
is being used to brand or indicate an official publication
about Wikipedia).
about Wikipedia).


</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
placement according to principle of equal emphasis
placement according to principle of equal emphasis


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


Line 991: Line 972:
</div>
</div>


<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
[[File:Wmf logo vert pms.svg|x125px]]
[[File:Wmf logo vert K.svg|x125px]]
</div>
</div>
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">


==21==
== 21 ==
</div>
</div>
<!-- 21-->
<!-- 21-->
<span id="toc-branding"></span>
<span id="toc-branding"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Co-branding [[#toc-list2|^]]</span>
<span style="color: #000000; font-size: 1.25em;">Co-branding [[#toc-list2|^]]</span>


These examples of co-branding indicate a general
These examples of co-branding indicate a general
approach to presenting our official marks alongside
approach to presenting our official marks alongside
those of other organizations. The general rule of ‘equal
those of other organizations. The general rule of 'equal
emphasis’ should apply. Other official marks should
emphasis' should apply. Other official marks should
appear in the same proportion as the Wikimedia or
appear in the same proportion as the Wikimedia Foundation or
Wikipedia marks. When one organization’s marks
Wikipedia marks. When one organization's marks
appear without color, then the Wikimedia or Wikipedia
appear without color, then the Wikimedia Foundation or Wikipedia
marks should also not be in color.
marks should also not be in color.


In situations where re-users are indicating Wikimedia’s
In situations where re-users are indicating Wikimedia Foundation's
sponsorship of a project, and/or a grant or funding,
sponsorship of a project, and/or a grant or funding,
only the Wikimedia Foundation mark should be
only the Wikimedia Foundation mark should be
used. Wikipedia is a project of the Wikimedia
used. Wikipedia is a project of the Wikimedia
Foundation. The Wikimedia Foundation is the
Foundation. The Wikimedia Foundation is the
organization that may sponsor an initiative, provide
organization that may sponsor an initiative, provide
a grant, or lend support to another organization or
a grant, or lend support to another organization or
Line 1,028: Line 1,009:


</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width:50%">
placement according to the principle of equal emphasis
placement according to the principle of equal emphasis


[[File:Wikipedia's W.svg|120px]] [[File:Cc.logo.circle.svg|80px|link=http://creativecommons.org/]]
[[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">
<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=http://creativecommons.org/]]</div>
[[File:Wp wordmark pos rgb.svg|175px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div>




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


<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">

==22==
</div>
</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
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;">

==23==
</div>
<!-- 23-->



[[Category:English]]
[[Category:Wikimedia visual identity]]
[[Category:Wikimedia visual identity]]
[[Category:Desktop-only pages]]
[[Category:Maintained by Communications department]]
[[Category:Content not setup for translation]]

Latest revision as of 09:41, 3 April 2024