Legal:Visual identity guidelines: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
Jon (WMF) (talk | contribs)
style="float:left; width: 40%" = > class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"
m repair anchor links
 
(27 intermediate revisions by 5 users not shown)
Line 1:
<templatestyles src="Template:Visual identity guidelines/styles.css" />
<div class="visual-identity-guidelines">
__NOTOC__<div class="plainlinks" style="font-family: Helvetica Neue, Helvetica, arial, sans-serif; color: #333333; width: 800px; margin: 1em auto 0;">
[[File:Wmf_logo_vert_KWmf logo vert K.svg|125px|right]]
<span style="color: #0082C8000000; font-size: 2.5em;">Identity guidelines</span>
{{clear}}
<div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div>
Line 12:
<div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
== 2 ==
</div>
<!--second page-->
<div style="width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">Why is it important to have guidelines?</span>
 
Wikipedia is a precious, shared resource, used
around the world by millions of people every day.
We created these guidelines to help authorized
re-users of the Wikimedia Foundation’sFoundation's official
marks, including Wikipedia, represent our identity
in a way that is consistent with the quality, impact,
Line 35:
responsibility.
</div>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 3 ==
</div>
<!--third page-->
<span style="color: #0082C8000000; font-size: 2.5em;" id="toc-list">The identity and its elements</span>
<poem>
<div style="color: #0082C8000000; font-size: 1.5em; line-height: 1.5em;">
[[#toc-about|About the Wikipedia identity]]
[[#toc-elements|The elements of our identity]]
Line 49:
[[#toc-wordmark|The wordmark]]
[[#toc-puzzle|The puzzle icon]]
[[#toc-w|The ‘W’'W' icon]]
[[#toc-foundation|The Wikimedia Foundation mark]]
</div>
</poem>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
== 4 ==
</div>
<!--fourth page-->
<span id="toc-about"></span>
[[File:Wikipedia-logo-v2-en SVG.svg|right|350px]]
<div style="width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">About the Wikipedia identity [[#toc-list|^]]</span>
 
The distinctive Wikipedia identity has evolved over
Line 74:
has undergone a series of small changes — mostly
adjustments to correct the choice of other characters
representing the first character of the word ‘Wikipedia’'Wikipedia'
in various languages. At one point the puzzle globe
included a Klingon alphabet character. In May 2010, the
Line 84:
 
The puzzle globe typically accompanies the Wikipedia
wordmark, originally set in Hoefler, but recentlylater updated
to Linux Libertine, an opensource typeface, to facilitate
easier localization of the wordmark in new language
Line 91:
 
Online, at wikipedia.org, the wordmark always includes
a descriptor ‘The'The Free Encyclopedia,' which is translated
into the language of each project.
 
You can read more about the history of the marks here,
 
[[Wikimedia official marks/About the official Marks|Wikimedia official marks/About the official Marks]]
 
and at [[:Wikipediaw:en:Wikipedia logos]]
</div>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 5 ==
</div>
<!--fifth page-->
<span id="toc-elements"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The elements of our identity [[#toc-list|^]]</span>
 
Over time, we’vewe 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 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 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
 
[[File:Wikipedia-logo-v2-en SVG.svg|200px]]
 
 
Line 140 ⟶ 132:
[[File:Wikipedia's W.svg|80px]]
 
</div><div styleclass="visual-identity-guidelines__column--half visual-identity-guidelines__column--float:-right; width: 50%">
<div style="margin-top: 100px">
--- puzzle globe
Line 152 ⟶ 144:
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 6 ==
</div>
<!--sixth page-->
<span id="toc-unified"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The unified mark [[#toc-list|^]]</span>
 
Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project.
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 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 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
 
 
[[File:Wikipedia-logo-v2-en SVG.svg|center|150px]]
 
 
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
horizontal version
 
Line 194 ⟶ 177:
</div>
{{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
 
Line 202 ⟶ 185:
 
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
construction of horizontal version
 
Line 212 ⟶ 195:
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 7 ==
</div>
<!--seventh page-->
<span id="toc-globe"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The puzzle globe [[#toc-list|^]]</span>
 
The puzzle globe is a fully 3D object rendered as a flat
image for design purposes. The ‘hero’'hero' rendering of the
puzzle globe is the digital photograph of the 3D object
that most closely approximates the original puzzle globe
Line 241 ⟶ 224:
Khmer
Japanese (Katakana)
Ge'ez
Ge’ez
Bengali
Greek
Line 258 ⟶ 241:
</poem>
 
There is a [[Wikimedia official marks/About the official Marks#What characters are on the Wikipedia puzzle globeWhat_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
puzzle globe
 
Line 270 ⟶ 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">
[[File:Wikipedia-logo-v2.svg|70px]]</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 8 ==
</div>
<!--eighth page-->
<span id="toc-wordmark"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The Wikipedia Wordmark [[#toc-list|^]]</span>
 
The distinctive wordmark, with larger case W and A
Line 294 ⟶ 277:
 
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
wordmark
 
Line 301 ⟶ 284:
 
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left">
<div style="float:left; width: 50%">
positive version
 
 
[[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
 
<div style="background: #241f20; background: -webkit-gradient(linear, left top, right bottom, from(#111111), to(#ffffff)); background: -moz-linear-gradient(left, #111111, #ffffff); width: 120px; padding: 10px">
[[File:Wp wordmark pos rgb.svg|100px|center]]</div>
</div>
Line 316 ⟶ 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
<br />
Line 325 ⟶ 308:
</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
 
<div style="background: #ccc; background: -webkit-gradient(linear, left top, right bottom, from(#ccc), to(#ffffff)); background: -moz-linear-gradient(left, #ccc, #ffffff); width: 120px; padding: 10px">
[[File:Wp wordmark rev rgb.svg|100px|center]]</div>
</div>
Line 335 ⟶ 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
 
Line 344 ⟶ 327:
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 9 ==
</div>
<!--ninth page-->
<span id="toc-puzzle"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The Puzzle Icon [[#toc-list|^]]</span>
 
The Wikipedia puzzle icon is a distinctive graphic
Line 362 ⟶ 345:
The puzzle icon is the least recognizable of the Wikipedia
identifiers, and whenever possible should be used in
conjunction with a non-stylized title, ‘Wikipedia'Wikipedia.'
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
puzzle icon for affiliates
 
Line 374 ⟶ 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">
[[File:Wikipedia affiliative mark.png|150px]]</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 10 ==
</div>
<!--tenth page-->
<span id="toc-w"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The ‘W’'W' Icon [[#toc-list|^]]</span>
 
The Wikipedia ‘W’'W' icon is a distinctive graphic element
derived from the W of Wikipedia, set in the font Hoefler.
 
The ‘W’'W' is intended to evoke the Wikipedia brand in
applications where limited space, aesthetics, or other
constraints prevent the use of the Wikipedia puzzle globe
Line 397 ⟶ 380:
merchandise.
</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'
 
Line 405 ⟶ 388:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<br />
<br />
Line 415 ⟶ 398:
</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 424 ⟶ 407:
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 11 ==
</div>
<!-- 11 -->
<span id="toc-foundation"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">The Wikimedia Foundation Mark [[#toc-list|^]]</span>
 
Originally designed in 2005 by [[meta:m:User:Neolux|Neolux]], the mark
that identifies the Wikimedia Foundation consists of a
circular logo and a wordmark. The mark is intended to signify a
Line 461 ⟶ 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
 
Line 470 ⟶ 453:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
recommended horizontal version
 
Line 477 ⟶ 460:
</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 487 ⟶ 470:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 497 ⟶ 480:
</div>
{{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 506 ⟶ 489:
[[File:Wikimedia hackathon mark vertical.svg |120px]]
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 517 ⟶ 500:
 
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 12 ==
</div>
<!-- 12 -->
<span style="color: #0082C8000000; font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span>
<poem>
<div style="color: #0082C8000000; font-size: 1.5em; line-height: 1.5em;">
[[#toc-protecting|Protecting our marks]]
[[#toc-legal|Placement of legal attributes]]
Line 538 ⟶ 521:
</div>
</poem>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 13 ==
</div>
<!--13-->
<span id="toc-protecting"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Protecting our marks [[#toc-list2|^]]</span>
 
The official marks of the Wikimedia Foundation
Line 568 ⟶ 551:
sentence at the footer of a page (or in a section reserved
for legal notices), or other prominent location, which
states: “Wikipedia"Wikipedia and its associated marks are official
trademarks of the Wikimedia Foundation in the United
States and other countries. These marks are being used
under license by the Wikimedia Foundation. [This project]
is not endorsed by or affiliated with the Wikimedia Foundation." In rare
circumstances, the registration mark may be omitted
but only with the approval of the Foundation’sFoundation's legal
department.
 
<span id="toc-legal"></span>
<span style="color: #0082C8000000; font-size: 1.25em;">Placement of legal attributes [[#toc-protecting|^]]</span>
 
Note the specific placement of the registration mark ® on
Line 592 ⟶ 575:
marks require a registration designation.
</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
 
Line 600 ⟶ 583:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
registered puzzle globe
 
Line 607 ⟶ 590:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
registered wordmarks
 
Line 619 ⟶ 602:
</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 class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 635 ⟶ 618:
 
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 14 ==
</div>
<!-- 14-->
<span id="toc-minimum"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Minimum sizes [[#toc-list2|^]]</span>
 
The official marks of the Wikimedia Foundation have
Line 653 ⟶ 636:
 
In cases where representation of Wikipedia is necessary
at less than the minimum sizes, the Wikipedia ‘W’'W'
mark should be used. In cases where representation of
Wikimedia or the Wikimedia Foundation is necessary, the
Line 659 ⟶ 642:
 
</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
[[File:Wp globe diagram VIG 14.png|100px]]
 
Line 668 ⟶ 651:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
; puzzle globe
[[File:Wp globe diagram2 VIG 14.png|90px]]
 
Line 676 ⟶ 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 style="float:left; width: 50%">
 
 
; wordmark positive version
[[File:Wp wordmark diagram VIG 14.png|100px]]
 
Line 687 ⟶ 670:
</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
[[File:Wp reverse wordmark diagram VIG 14.png|100px]]
 
Line 698 ⟶ 681:
</div>
{{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
[[File:Wp puzzle diagram VIG 14.png|100px]]
 
Line 709 ⟶ 692:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
; foundation mark
[[File:Wmf diagram VIG 14.png|125px]]
 
Line 721 ⟶ 704:
 
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 15 ==
</div>
<!-- 15-->
<span id="toc-clearspace"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Clear space [[#toc-list2|^]]</span>
 
A minimum space area must be observed around the
Line 738 ⟶ 721:
 
</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]]
 
Line 745 ⟶ 728:
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 16 ==
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
 
 
<span style="color: #0082C8000000; font-size: 1.25em;">Clear space, continued</span>
 
 
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 768 ⟶ 751:
[[File:Wmf diagram VIG 16.png|300px]]
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 777 ⟶ 760:
{{clear}}
 
== 17 ==
</div>
<!-- 17-->
<span id="toc-colorvalues"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Color values [[#toc-list2|^]]</span>
 
The color palette of the Wikipedia identity is simple: black and shades
Line 804 ⟶ 787:
</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]]
 
Line 811 ⟶ 794:
</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.
</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">
[[File:Wikipedia-logo-white.svg|center|150px]]</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.
</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">
[[File:Wikipedia-logo-white.svg|center|150px]]</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 permissablepermissible to reverse the wordmark from 75% black.
</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">
[[File:Wikipedia-logo-white.svg|center|150px]]</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.
</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">
[[File:Wikipedia_wordmarkWikipedia wordmark.svg|center|150px]]</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.
</div>
Line 859 ⟶ 842:
 
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 18 ==
</div>
<!-- 18-->
<span id="toc-donot"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Do not... [[#toc-list2|^]]</span>
 
...alter the Wikipedia or related project identities nor any of their
Line 872 ⟶ 855:
 
</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">
[[File:Wp globe do not VIG 18.png|100px]]
 
<span style="color: #0082C8308557; font-size: 1.25em;">Different colors</span>
 
Do not change the logo colors.
Line 884 ⟶ 867:
[[File:Wp globe do not2 VIG 18.png|100px]]
 
<span style="color: #0082C8308557; font-size: 1.25em;">Different font</span>
 
Do not substitute or alter the font of the wordmark beneath the globe.
Line 892 ⟶ 875:
[[File:Wp globe do not3 VIG 18.png|100px]]
 
<span style="color: #0082C8308557; font-size: 1.25em;">Distortion</span>
 
Do not distort or warp any of the identity elements.
Line 898 ⟶ 881:
</div>
{{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">
[[File:Wp globe do not4 VIG 18.png|100px]]
 
 
<span style="color: #0082C8308557; font-size: 1.25em;">Added element</span>
 
Do not add decorative shapes or borders to the accepted mark.
Line 911 ⟶ 894:
[[File:Wp globe do not5 VIG 18.png|100px]]
 
<span style="color: #0082C8308557; 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.
Line 919 ⟶ 902:
 
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 19 ==
</div>
<span id="toc-3dmodel"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Use of the puzzle globe 3D model [[#toc-list2|^]]</span>
 
The puzzle globe 3D model is an important asset related to the Wikipedia puzzle globe logo. The 3D file is provided to allow Wikimedians to create 3D printed models for community outreach purposes, under the guidelines below:
 
; Size and Format
* You may not use the 3D model to create new 2D renderings or animations.
* If you need a 2D rendering, use [[Wikimedia_official_marksWikimedia official marks/About_the_official_MarksAbout the official Marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].
* You may 3D print the globe in any size.
* The model itself may not be altered, sliced, or rearranged.
* There should be no additions to the globe, except that...
**You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.
**You may add a ring as a way to suspend the globe on a pendant or keychain.
 
; Colors
* Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.
* Do not print the globe in black, colors, or colored metals.
 
The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[trademark policy|trademark policy]].
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 20 ==
</div>
<!-- 20-->
<span id="toc-WP"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Wikipedia and Wikimedia Foundation co-branding [[#toc-list2|^]]</span>
 
Re-users of the official identities may face situations
Line 979 ⟶ 962:
 
</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
 
<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]]
 
Line 989 ⟶ 972:
</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]]
</div>
</div>
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 21 ==
</div>
<!-- 21-->
<span id="toc-branding"></span>
<div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left">
<span style="color: #0082C8000000; font-size: 1.25em;">Co-branding [[#toc-list2|^]]</span>
 
These examples of co-branding indicate a general
approach to presenting our official marks alongside
those of other organizations. The general rule of ‘equal'equal
emphasis’emphasis' should apply. Other official marks should
appear in the same proportion as the Wikimedia Foundation or
Wikipedia marks. When one organization’sorganization's marks
appear without color, then the Wikimedia Foundation or Wikipedia
marks should also not be in color.
 
In situations where re-users are indicating Wikimedia Foundation’sFoundation's
sponsorship of a project, and/or a grant or funding,
only the Wikimedia Foundation mark should be
used. Wikipedia is a project of the Wikimedia
Foundation. The Wikimedia Foundation is the
organization that may sponsor an initiative, provide
a grant, or lend support to another organization or
Line 1,029 ⟶ 1,012:
placement according to the principle of equal emphasis
 
[[File:Wikipedia's W.svg|120px]] [[File:Cc.logo.circle.svg|80px|link=http://creativecommons.org/]]
 
 
<div style="border-left: solid 1px #999; border-top: solid 1px #999; padding: 2em">
[[File:Wp wordmark pos rgb.svg|175px]] [[File:CreativeCommond logo trademark.svg|150px|link=http://creativecommons.org/]]</div>
 
 
<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>
</div>
{{clear}}
 
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
</div>
 
[[Category:Wikimedia visual identity]]
[[Category:Maintained by Communications department]]
[[Category:Desktop-onlyContent pagesnot setup for translation]]
[[Category:Foundation content to be exported to Meta-Wiki]]

Latest revision as of 09:41, 3 April 2024