Legal:Visual identity guidelines: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
Jon (WMF) (talk | contribs)
Undo revision 126373 by Jon (WMF) (talk)
Tag: Undo
Jon (WMF) (talk | contribs)
Undo revision 126374 by Jon (WMF) (talk)
Line 123: Line 123:
united, collectively echoing the core identity of Wikipedia.
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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
unified mark
unified mark
Line 140: Line 140:
[[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 176: Line 176:
horizontal version can be used.
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 style="float:left; width: 50%; min-width: 200px">
<div style="float:left; width: 50%; min-width: 200px">
vertical version
vertical version
Line 185: Line 185:


</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 202:


</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 260: Line 260:
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


Line 294: Line 294:


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


Line 306: Line 306:


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


Line 316: Line 316:




<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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
reversed version in frame
reversed version in frame
Line 325: Line 325:
</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


Line 335: Line 335:




<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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
construction of wordmark in frame
construction of wordmark in frame
Line 364: Line 364:
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


Line 397: Line 397:
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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
the 'W'
the 'W'
Line 405: Line 405:
</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 415: Line 415:
</div>
</div>
{{clear}}
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">




Line 461: Line 461:




<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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
recommended vertical version
recommended vertical version
Line 470: Line 470:
</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


Line 477: Line 477:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


Line 487: Line 487:
</div>
</div>


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




Line 497: Line 497:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


Line 506: Line 506:
[[File:Wikimedia hackathon mark vertical.svg |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 592: Line 592:
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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
registered unified mark
registered unified mark
Line 600: Line 600:
</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 607: Line 607:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


</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 619: Line 619:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


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




Line 659: Line 659:


</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
;unified mark
;unified mark
Line 668: Line 668:
</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 676: Line 676:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


Line 687: Line 687:
</div>
</div>


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




Line 698: Line 698:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


Line 709: Line 709:
</div>
</div>


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




Line 738: Line 738:


</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 755: Line 755:


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




Line 768: Line 768:
[[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 804: Line 804:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
[[File:Wp wordmark pos rgb.svg|150px]]
[[File:Wp wordmark pos rgb.svg|150px]]
Line 811: Line 811:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="color: #FFFFFF; background-color: #000000; width: 13em">
<div style="color: #FFFFFF; background-color: #000000; width: 13em">
Line 821: Line 821:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="color: #FFFFFF; background-color: #636466; width: 13em">
<div style="color: #FFFFFF; background-color: #636466; width: 13em">
Line 831: Line 831:
</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 permissable 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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="color: #FFFFFF; background-color: #939598; width: 13em">
<div style="color: #FFFFFF; background-color: #939598; width: 13em">
Line 841: Line 841:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">


Line 853: Line 853:
</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 872: Line 872:


</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]]
Line 898: Line 898:
</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]]
Line 944: Line 944:
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]].
</div>
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">


</div>
</div>
Line 979: Line 979:


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


Line 989: Line 989:
</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 K.svg|x125px]]
[[File:Wmf logo vert K.svg|x125px]]
</div>
</div>

Revision as of 20:34, 3 May 2021