Legal:Visual identity guidelines: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
delinking pdf
This is surely very pretty printed, but completely unnavigatable and unreadable on a web page. Remove ugly fake headers, put real headers into use, keep anchors and look mostly identical.
Line 1: Line 1:
{{TOCright}}
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333; width: 800px; margin: 1em auto 0;">
<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333; width: 800px; margin: 1em auto 0;">
<div style="text-align:left; border: 2px dotted #888; padding: 1em; margin: 2em 0;">
<div style="text-align:left; border: 2px dotted #888; padding: 1em; margin: 2em 0;">
This page is a work in progress and may be updated to reflect changes to the guidelines. Last updated '''April 2, 2013.''', also see
This page is a work in progress and may be updated to reflect changes to the guidelines. Last updated '''April 2, 2013.''', also see
Line 17: Line 18:
{{clear}}
{{clear}}
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">
{{anchor|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: #0082C8; 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
Line 44: Line 45:
</div>
</div>
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">
{{anchor|3}}
==3==
</div>
</div>
<!--third page-->
<!--third page-->
Line 61: Line 62:
</poem>
</poem>
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">
{{anchor|4}}
==4==
</div>
</div>
<!--fourth page-->
<!--fourth page-->
Line 67: Line 68:
[[File:Wikipedia-logo-v2-en SVG.svg|right|350px]]
[[File:Wikipedia-logo-v2-en SVG.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: #0082C8; 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 109: Line 110:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|5}}
==5==
</div>
</div>
<!--fifth page-->
<!--fifth page-->
<span id="toc-elements"></span>
<span id="toc-elements"></span>
<div style="float:left; width: 40%">
<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: #0082C8; 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’ve expanded the elements that make up
Line 161: Line 162:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|6}}
==6==
</div>
</div>
<!--sixth page-->
<!--sixth page-->
<span id="toc-unified"></span>
<span id="toc-unified"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The unified mark [[#toc-list|^]]</span>
==<span style="color: #0082C8; 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
Line 221: Line 222:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|7}}
==7==
</div>
</div>
<!--seventh page-->
<!--seventh page-->
<span id="toc-globe"></span>
<span id="toc-globe"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The puzzle globe [[#toc-list|^]]</span>
==<span style="color: #0082C8; font-size: 1.25em;">The puzzle globe [[#toc-list|^]]</span>==


The puzzle globe is a fully 3D object rendered as a flat
The puzzle globe is a fully 3D object rendered as a flat
Line 283: Line 284:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|8}}
==8==
</div>
</div>
<!--eighth page-->
<!--eighth page-->
<span id="toc-wordmark"></span>
<span id="toc-wordmark"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The Wikipedia Wordmark [[#toc-list|^]]</span>
==<span style="color: #0082C8; 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 353: Line 354:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|9}}
==9==
</div>
</div>
<!--ninth page-->
<!--ninth page-->
<span id="toc-puzzle"></span>
<span id="toc-puzzle"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The Puzzle Icon [[#toc-list|^]]</span>
==<span style="color: #0082C8; 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 387: Line 388:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|10}}
==10==
</div>
</div>
<!--tenth page-->
<!--tenth page-->
<span id="toc-w"></span>
<span id="toc-w"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">The ‘W’ Icon [[#toc-list|^]]</span>
==<span style="color: #0082C8; 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
Line 433: Line 434:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


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


Originally designed in 2005 by [[meta:user: Neolux|Neolux]], the mark
Originally designed in 2005 by [[meta:user: Neolux|Neolux]], the mark
Line 532: Line 533:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|12}}
==12==
</div>
</div>
<!-- 12 -->
<!-- 12 -->
Line 551: Line 552:
</poem>
</poem>
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">
{{anchor|13}}
==13==
</div>
</div>
<!--13-->
<!--13-->
<span id="toc-protecting"></span>
<span id="toc-protecting"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Protecting our marks [[#toc-list2|^]]</span>
==<span style="color: #0082C8; 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 589: Line 590:


<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: #0082C8; 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 648: Line 649:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|14}}
==14==
</div>
</div>
<!-- 14-->
<!-- 14-->
<span id="toc-minimum"></span>
<span id="toc-minimum"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Minimum sizes [[#toc-list2|^]]</span>
==<span style="color: #0082C8; 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 734: Line 735:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|15}}
==15==
</div>
</div>
<!-- 15-->
<!-- 15-->
<span id="toc-clearspace"></span>
<span id="toc-clearspace"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Clear space [[#toc-list2|^]]</span>
==<span style="color: #0082C8; 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 758: Line 759:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|16}}
==16==
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">




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




Line 788: Line 789:
{{clear}}
{{clear}}


{{anchor|17}}
==17==
</div>
</div>
<!-- 17-->
<!-- 17-->
<span id="toc-colorvalues"></span>
<span id="toc-colorvalues"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Color values [[#toc-list2|^]]</span>
==<span style="color: #0082C8; font-size: 1.25em;">Color values [[#toc-list2|^]]</span>==


The color palette of the Wikipedia identity is simple: black and shades
The color palette of the Wikipedia identity is simple: black and shades
Line 872: Line 873:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|18}}
==18==
</div>
</div>
<!-- 18-->
<!-- 18-->
<span id="toc-donot"></span>
<span id="toc-donot"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Do not... [[#toc-list2|^]]</span>
==<span style="color: #0082C8; 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 887: Line 888:
[[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: #0082C8; font-size: 1.25em;">Different colors</span>==


Do not change the logo colors.
Do not change the logo colors.
Line 895: Line 896:
[[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: #0082C8; font-size: 1.25em;">Different font</span>==


Do not substitue or alter the font of the workmark beneath the globe.
Do not substitue or alter the font of the workmark beneath the globe.
Line 903: Line 904:
[[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: #0082C8; 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 914: Line 915:




<span style="color: #0082C8; font-size: 1.25em;">Added element</span>
==<span style="color: #0082C8; 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 923:
[[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: #0082C8; font-size: 1.25em;">Complex background</span>==


Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.
Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.
Line 932: Line 933:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|19}}
==19==
</div>
</div>
<!-- 19-->
<!-- 19-->
<span id="toc-usage"></span>
<span id="toc-usage"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Examples of usage [[#toc-list2|^]]</span>
==<span style="color: #0082C8; font-size: 1.25em;">Examples of usage [[#toc-list2|^]]</span>==


The following examples of usage show satisfactory use of
The following examples of usage show satisfactory use of
Line 952: Line 953:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|20}}
==20==
</div>
</div>
<!-- 20-->
<!-- 20-->
<span id="toc-WP"></span>
<span id="toc-WP"></span>
<div style="float:left; width: 40%">
<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: #0082C8; font-size: 1.25em;">Wikipedia and Wikimedia co-branding [[#toc-list2|^]]</span>==


Re-users of the official identities may face situations
Re-users of the official identities may face situations
Line 998: Line 999:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|21}}
==21==
</div>
</div>
<!-- 21-->
<!-- 21-->
<span id="toc-branding"></span>
<span id="toc-branding"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Co-branding [[#toc-list2|^]]</span>
==<span style="color: #0082C8; 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
Line 1,045: Line 1,046:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|22}}
==22==
</div>
</div>
<!-- 22-->
<!-- 22-->
<span id="toc-inventory"></span>
<span id="toc-inventory"></span>
<div style="float:left; width: 40%">
<div style="float:left; width: 40%">
<span style="color: #0082C8; font-size: 1.25em;">Inventory of assets [[#toc-list2|^]]</span>
==<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
An index of assets by kind and format. EPS files in RGB are
Line 1,068: Line 1,069:
<div style="margin: 6em auto 4em;">
<div style="margin: 6em auto 4em;">


{{anchor|23}}
==23==
</div>
</div>
<!-- 23-->
<!-- 23-->

Revision as of 22:19, 19 September 2013

Template:TOCright