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:
<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}}
<div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div>
[[File:Wikipedia-puzzleglobelogo-V2v2.svg|300px|left]]
[[File:Wikipedia wordmark.svg|300px|right]]
[[File:Wikipedia's W.svg|80px|right]]
[[File:Wikipedia affiliativemarkaffiliative w v1mark.png|120px|right]]
<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 39 ⟶ 34:
values in mind. Using these marks well is a serious
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 class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
==3==
== 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 57 ⟶ 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 82 ⟶ 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 92 ⟶ 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 99 ⟶ 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">
<div style="float:left; width: 40%">
<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 141 ⟶ 125:
 
 
[[File:Wikipedia affiliativemarkaffiliative w v1mark.png|120px]]
 
 
Line 148 ⟶ 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 160 ⟶ 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">
<div style="float:left; width: 40%">
<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 202 ⟶ 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 210 ⟶ 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 220 ⟶ 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">
<div style="float:left; width: 40%">
<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 249 ⟶ 224:
Khmer
Japanese (Katakana)
Ge'ez
Ge’ez
Bengali
Greek
Line 266 ⟶ 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
 
 
[[File:Wikipedia-puzzleglobelogo-V2v2.svg|200px]]
 
 
Line 278 ⟶ 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-puzzleglobelogo-V2v2.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">
<div style="float:left; width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">The Wikipedia Wordmark [[#toc-list|^]]</span>
 
The distinctive wordmark, with larger case W and A
Line 302 ⟶ 277:
 
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
wordmark
 
Line 309 ⟶ 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 324 ⟶ 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 333 ⟶ 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 343 ⟶ 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 352 ⟶ 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">
<div style="float:left; width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">The Puzzle Icon [[#toc-list|^]]</span>
 
The Wikipedia puzzle icon is a distinctive graphic
Line 370 ⟶ 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
 
 
[[File:Wikipedia affiliativemarkaffiliative w v1mark.png|150px]]
 
 
Line 382 ⟶ 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 affiliativemarkaffiliative w v1mark.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">
<div style="float:left; width: 40%">
<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 405 ⟶ 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 413 ⟶ 388:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
<br />
<br />
Line 423 ⟶ 398:
</div>
{{clear}}
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 432 ⟶ 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">
<div style="float:left; width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">The Wikimedia Foundation Mark [[#toc-list|^]]</span>
 
Originally designed in 2005 by [[meta:userm:User: Neolux|Neolux]], the mark
that identifies the Wikimedia Foundation consists of a
circular logo and a wordmark. The red,mark green,is andintended blueto 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 ⟶ 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
 
 
[[File:Wmf_logo_vert_pmsWmf logo vert K.svg|120px]]
 
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
recommended horizontal version
 
 
[[File:WmfWikimedia horizFoundation VIGlogo 11- horizontal.pngsvg|200px]]
</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 ⟶ 470:
</div>
 
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 511 ⟶ 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 518 ⟶ 487:
 
 
[[File:WmdWikimedia VIGhackathon 11mark vertical.pngsvg |120px]]
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 526 ⟶ 495:
 
 
[[File:WmdWikimedia horizhackathon VIGmark 11horizontal.pngsvg|200px]]
</div>
</div>
 
{{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 547 ⟶ 516:
[[#toc-usage|Examples of usage]]
[[#toc-WP|Wikipedia and Wikimedia]]
[[#toc-3dmodel|3D puzzle globe model]]
[[#toc-branding|Co-branding]]
[[#toc-inventory|Inventory of assets]]
</div>
</poem>
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
==13==
== 13 ==
</div>
<!--13-->
<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: #0082C8000000; font-size: 1.25em;">Protecting our marks [[#toc-list2|^]]</span>
 
The official marks of the Wikimedia Foundation
Line 580 ⟶ 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. In[This rareproject]
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 603 ⟶ 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 611 ⟶ 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 618 ⟶ 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 630 ⟶ 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 642 ⟶ 614:
 
[[File:Wmf VIG 13.png|150px]]
</div>-->
</div>
 
{{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">
<div style="float:left; width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">Minimum sizes [[#toc-list2|^]]</span>
 
The official marks of the Wikimedia Foundation have
Line 664 ⟶ 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 670 ⟶ 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 679 ⟶ 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 687 ⟶ 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 698 ⟶ 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 709 ⟶ 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 720 ⟶ 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 732 ⟶ 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">
<div style="float:left; width: 40%">
<span style="color: #0082C8000000; font-size: 1.25em;">Clear space [[#toc-list2|^]]</span>
 
A minimum space area must be observed around the
Line 749 ⟶ 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 756 ⟶ 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">
<div style="float:left; width: 40%">
 
 
<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 774 ⟶ 746:
</div>
{{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]]
</div>
<div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right">
<div style="float:right; width: 50%">
 
 
Line 788 ⟶ 760:
{{clear}}
 
== 17 ==
</div>
<!-- 17-->
<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: #0082C8000000; font-size: 1.25em;">Color values [[#toc-list2|^]]</span>
 
The color palette of the Wikipedia identity is simple: black and shades
Line 815 ⟶ 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 822 ⟶ 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 870 ⟶ 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">
<div style="float:left; width: 40%">
<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 883 ⟶ 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 895 ⟶ 867:
[[File:Wp globe do not2 VIG 18.png|100px]]
 
<span style="color: #0082C8308557; font-size: 1.25em;">Different font</span>
 
Do not substituesubstitute or alter the font of the workmarkwordmark beneath the globe.
</div>
 
Line 903 ⟶ 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 909 ⟶ 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 922 ⟶ 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 930 ⟶ 902:
 
{{clear}}
<div class="visual-identity-guidelines__container">
<div style="margin: 6em auto 4em;">
 
== 19 ==
</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 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">
<div style="float:left; width: 40%">
<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
where the Wikipedia and Wikimedia Foundation identities are to
appear side by side. A certain proportion and amount
of space should be maintained when the Wikipedia and
Wikimedia Foundation marks are displayed side-by-side.
 
The Wikipedia width and Wikimedia Foundation height must be
identical to one another. The minimum clear space
between them must be at least half of the width of the
Line 976 ⟶ 957:
additional Wikimedia project identities) appear on the
same page, but not side by side, then these guidelines
may not apply (for example, when the Wikimedia Foundation identity
is being used to brand or indicate an official publication
about Wikipedia).
 
</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 991 ⟶ 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 pmsK.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">
<div style="float:left; width: 40%">
<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’sWikimedia Foundation'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,028 ⟶ 1,009:
 
</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
 
[[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;">
 
==22==
</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:Desktop-onlyMaintained pagesby Communications department]]
[[Category:Content not setup for translation]]

Latest revision as of 09:41, 3 April 2024