Legal:Visual identity guidelines: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
m →‎13: clean up using w:WP:AWB, replaced: “ → ", ” → "
m repair anchor links
 
(12 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<templatestyles src="Template:Visual identity guidelines/styles.css" />
<templatestyles src="Template:Visual identity guidelines/styles.css" />
<div class="visual-identity-guidelines">
<div class="visual-identity-guidelines">
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333;">
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333;">
[[File:Wmf_logo_vert_K.svg|125px|right]]
[[File:Wmf logo vert K.svg|125px|right]]
<span style="color: #000000; font-size: 2.5em;">Identity guidelines</span>
<span style="color: #000000; font-size: 2.5em;">Identity guidelines</span>
{{clear}}
{{clear}}
Line 13: Line 13:
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">
==2==
== 2 ==
</div>
</div>
<!--second page-->
<!--second page-->
Line 37: Line 37:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==3==
== 3 ==
</div>
</div>
<!--third page-->
<!--third page-->
Line 49: 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 class="visual-identity-guidelines__container">
==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: #000000; 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>
Line 74: 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 91: 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 class="visual-identity-guidelines__container">


==5==
== 5 ==
</div>
</div>
<!--fifth page-->
<!--fifth page-->
Line 119: Line 119:
unified mark
unified mark


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




Line 146: Line 146:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==6==
== 6 ==
</div>
</div>
<!--sixth page-->
<!--sixth page-->
Line 164: Line 164:




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




Line 197: Line 197:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==7==
== 7 ==
</div>
</div>
<!--seventh page-->
<!--seventh page-->
Line 205: Line 205:


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 224: Line 224:
Khmer
Khmer
Japanese (Katakana)
Japanese (Katakana)
Ge'ez
Ge’ez
Bengali
Bengali
Greek
Greek
Line 241: 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
Line 253: 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-logo-v2.svg|70px]]</div>
[[File:Wikipedia-logo-v2.svg|70px]]</div>
</div>
</div>
Line 259: Line 259:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==8==
== 8 ==
</div>
</div>
<!--eighth page-->
<!--eighth page-->
Line 292: Line 292:
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 311: Line 311:
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 329: Line 329:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==9==
== 9 ==
</div>
</div>
<!--ninth page-->
<!--ninth page-->
Line 345: 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
Line 357: 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 affiliative mark.png|150px]]</div>
[[File:Wikipedia affiliative mark.png|150px]]</div>
</div>
</div>
Line 363: Line 363:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==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 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>
<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 409: Line 409:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==11==
== 11 ==
</div>
</div>
<!-- 11 -->
<!-- 11 -->
Line 416: Line 416:
<span style="color: #000000; 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 mark is intended to signify a
circular logo and a wordmark. The mark is intended to signify a
Line 502: Line 502:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==12==
== 12 ==
</div>
</div>
<!-- 12 -->
<!-- 12 -->
Line 523: Line 523:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==13==
== 13 ==
</div>
</div>
<!--13-->
<!--13-->
Line 620: Line 620:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==14==
== 14 ==
</div>
</div>
<!-- 14-->
<!-- 14-->
Line 636: 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 644: Line 644:
<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-right">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
;unified mark
; unified mark
[[File:Wp globe diagram VIG 14.png|100px]]
[[File:Wp globe diagram VIG 14.png|100px]]


Line 652: Line 652:


<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-right">
;puzzle globe
; puzzle globe
[[File:Wp globe diagram2 VIG 14.png|90px]]
[[File:Wp globe diagram2 VIG 14.png|90px]]


Line 663: Line 663:




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


Line 673: Line 673:




;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 685: Line 685:




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


Line 695: Line 695:




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


Line 706: Line 706:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==15==
== 15 ==
</div>
</div>
<!-- 15-->
<!-- 15-->
Line 730: Line 730:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


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


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


==17==
== 17 ==
</div>
</div>
<!-- 17-->
<!-- 17-->
Line 833: Line 833:


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


Line 844: Line 844:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==18==
== 18 ==
</div>
</div>
<!-- 18-->
<!-- 18-->
Line 904: Line 904:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==19==
== 19 ==
</div>
</div>
<span id="toc-3dmodel"></span>
<span id="toc-3dmodel"></span>
Line 912: Line 912:
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 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
; Size and Format
*You may not use the 3D model to create new 2D renderings or animations.
* 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]].
* 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.
* You may 3D print the globe in any size.
*The model itself may not be altered, sliced, or rearranged.
* The model itself may not be altered, sliced, or rearranged.
*There should be no additions to the globe, except that...
* 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 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.
**You may add a ring as a way to suspend the globe on a pendant or keychain.


;Colors
; Colors
*Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.
* 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.
* 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]].
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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
Line 933: Line 933:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==20==
== 20 ==
</div>
</div>
<!-- 20-->
<!-- 20-->
Line 979: Line 979:
<div class="visual-identity-guidelines__container">
<div class="visual-identity-guidelines__container">


==21==
== 21 ==
</div>
</div>
<!-- 21-->
<!-- 21-->
Line 988: Line 988:
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 Foundation 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
Line 998: Line 998:
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,012: Line 1,012:
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}}
Line 1,029: Line 1,029:
[[Category:Wikimedia visual identity]]
[[Category:Wikimedia visual identity]]
[[Category:Maintained by Communications department]]
[[Category:Maintained by Communications department]]
[[Category:Content not setup for translation]]

Latest revision as of 09:41, 3 April 2024