Wikimedia Foundation Governance Wiki foundationwiki https://foundation.wikimedia.org/wiki/Home MediaWiki 1.47.0-wmf.11 first-letter Media Special Talk User User talk Wikimedia Wikimedia talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Resolution Resolution talk Legal Legal talk Minutes Minutes talk Policy Policy talk Endowment Endowment talk Agenda Agenda talk Archive Archive talk Memory Memory talk Committee Committee talk Campaign Campaign talk TimedText TimedText talk Module Module talk Translations Translations talk Home/fa 0 27841 589142 588959 2026-07-17T00:03:34Z Mohammad ebz 6593 589142 wikitext text/x-wiki {{Help translate/Common messages}} <div class="plainlinks"> <div style="font-size: smaller;"><languages /></div> {{WMF Feature Content| |title='''به [[Special:MyLanguage/Wikimedia:About|ویکی‌مدیریت بنیاد ویکی‌مدیا]] خوش آمدید.''' |image=What does the Wikimedia Foundation do – A WIKI MINUTE 16-9.webm |image_size=400 |image_height=293 |text=<div class="wmf-body-text" style="font-size:125%; padding-bottom:.5em;"> این ویکی جایی است که بنیاد ویکی‌مدیا مطالب حاکمیتی را در دسترس عموم قرار می‌دهد، مانند:</div><div class="wmf-body-text" style="font-size:110%;"> * [[{{foundationsite|1=role/board/}}|اسناد هیئت امنا]] ** [[Special:MyLanguage/Board meetings|دستور کارها]] ** [[Special:MyLanguage/Board meetings|{{int string|Minutes}}]] ** [[Special:MyLanguage/Resolution:Main|{{int|wm-commonstrings-resolutions}}]] * [[Special:MyLanguage/Legal:Main|مستندات قانونی]] * [[Special:MyLanguage/Policy:Main|سیاست‌های سازمان]] ** [[Special:MyLanguage/Category:Policies|مستندات مربوط]] * [[Special:MyLanguage/Security|مستندات امنیتی]] * [[Special:MyLanguage/Endowment:Main|اسناد حاکمیتی بنیاد ویکی مدیا]] * [[Special:MyLanguage/Wikimedia Enterprise|مستندسازی حاکمیت بنیاد ویکی مدیا]] * [[Special:MyLanguage/Memory:Main|{{int|wikimedia-foundation-memory-bank-label}}]] ** [[Special:MyLanguage/Memory:Timeline|{{Translated content|1=Template:Memory Bank/Timeline/Header|2=1}}]] </div>}} <div class="wmf-body-text" style="width:85%; margin:auto; margin-bottom:2em; text-align:center; border: 1px solid var(--border-color-muted, #c8ccd1); background: var(--background-color-neutral-subtle, #f8f9fa); color:var(--color-base, #202122); padding:1em; border-radius: 5px;"> <div class="flex-grid-row flex-grid-wrap" style="gap:1rem;"> <div class="flex-grid-col" style="flex: 3; min-width:15rem;">افراد دارای [[:m:Special:MyLanguage/Registered user|حساب ویکی‌مدیا ثبت‌شده]] می‌توانند صفحات [[:mw:Special:MyLanguage/Help:User page|کاربر]] و [[:m:Special:MyLanguage/Help:Talk page|بحث]] را ویرایش کنند و همچنین در [[Special:MyLanguage/Wikimedia:Translations guidelines|ترجمه‌ها]] مشارکت کنند. </div> <div class="flex-grid-col" style="align-content:center; font-size:70%; justify-content:center; min-width: min-content; text-wrap: nowrap;">{{Register account button|float=none}}</div> </div></div> <templatestyles src="Template:WMF home/styles.css" /> <div class="flex-grid-row flex-grid-wrap quicklinks-row"> <div class="flex-grid-col quicklinks"> <div class="wmf-header-text" style="font-size: 120%;"> === لینک های سریع === </div><div class="wmf-body-text plainlinks flex-grid-row flex-grid-wrap"> <div class="flex-grid-col"> * [//annual.wikimedia.org/ {{int|annualreport}}] * [[Wikimedia talk:Babel|{{int|wikimedia-babellink-label}}]] * [[Special:MyLanguage/Board meetings|{{int|meetings-text}}]] * [[Special:MyLanguage/Legal:Bylaws|{{int|wm-commonstrings-bylaws}}]] * [[{{foundationsite|about/contact/}}|{{int|wm-commonstrings-contactus}}]] * [[{{foundationsite|about/financial-reports}}|{{int|financialreports}}]] * [[:m:Special:MyLanguage/Fundraising/Reports|{{int|fundraisingreports}}]] * [[Special:MyLanguage/Give feedback|{{int|Growthexperiments-edit-config-feedback-cta}}]] * [[:m:Special:MyLanguage/Wikimedia movement affiliates|{{int|wikimedia-movement-affiliates-shortlabel}}]] * [[wmfblog:|{{int|wikimedia-movement-blog-label}}]] </div> <div class="flex-grid-col"> * [[m:Special:AllEvents|{{int|wikimedia-movement-calendar-label}}]] * [[:m:Special:MyLanguage/Answers|{{int|wikimedia-questions-label}}]] * [//transparency.wikimedia.org/ {{int|transparencyreport-text}}] * [[{{foundationsite|about/values}}|{{int|values}}]] * [[{{foundationsite|participate}}|{{int|volunteering}}]] * [//wikimediaendowment.org {{int|wikimedia-otherprojects-endowment}}] * [//enterprise.wikimedia.com {{int|wikimedia-otherprojects-enterprise}}] * [[foundationsite:news|{{int|wikimedia-news-label}}]] * [//store.wikimedia.org/ {{int|wikimedia-otherprojects-wikistore}}] </div> </div></div><!-- end of column --> <div class="flex-grid-col wmf-body-text donation-callout"> [[File:Wikimedia Foundation logo - horizontal.svg|200px|center|class=darklogoimg|link=|alt=نشان‌وارهٔ بنیاد ویکی مدیا]]<br /> <hr /> {{Foundation description}} <hr /><br /> {{Donate button}} </div> </div><!-- end of row --> <div id="foundationmainpage" class="wmf-header-text" style="text-align: center; font-size: 110%; background: var(--background-color-neutral-subtle, #f8f9fa); color:var(--color-base, #202122); border: #396 1px solid; padding-bottom: 12px; margin-bottom:4px; border-radius: 5px;"> {|style="width:100%; margin:auto;" |style="text-align:center; padding:1em 1em 0 1em;"|[[File:Wikimedia-logo black.svg|60px|class=darklogoimg|link=|alt={{int|wikimedia-foundation-mark-label}}]] |style="text-align:center;"|<h3>آن چیزی نیست که شما به دنبال آن هستید؟<br />لطفاً برای وبگاه رسمی بنیاد ویکی‌مدیا از [[{{foundationsite|1= }}|wikimediafoundation.org]] دیدن کنید.</h3> |} </div> {{WMF Blue Divider}} <div style="padding:1.5em 1.5em 0 1.5em; background: var(--background-color-neutral-subtle, #f8f9fa); color:var(--color-base, #202122); border: 1px solid var(--border-color-muted,#c8ccd1);"><div class="wmf-header-text" style="font-size: 120%;"> === {{int|wikimedia-movement-blog-label}} === </div><div class="wmf-body-text"> <rss max="5" templatename="Diff-RSS">https://diff.wikimedia.org/feed/</rss> {{WMF Forward Button|link= wmfblog:|link_text=پست های بیشتر از این قبیل را بخوانید}} </div></div> {{WMF Blue Divider}} <div><div class="wmf-header-text" style="text-align:center; font-size: 110%;"> === {{int|Wikimedia-foundation-projects-of-label-nolink}} === <!--T:7--> </div><div class="wmf-body-text"> {{OurProjects}} </div></div> <br />{{WMF Blue Divider|4px}}<br /> <div><div class="wmf-header-text" style="text-align:center; font-size: 110%;"> === وبگاه‌های مرتبط ویکی‌مدیا === </div><div class="wmf-body-text"> {{RelatedSites}} </div></div>{{clear}}<br /> {{WMF Blue Divider}} {{WMF ContactUs}} {{WMF Footer}} __NOTOC__ __NOEDITSECTION__ {{noexternallanglinks}} </div> [[Category:Maintained by Communications department{{#translation:}}]] [[Category:Main{{#translation:}}| ]] d5o3mwc3h3wa76mr4229wukt92q82dl 589144 589142 2026-07-17T00:03:57Z Mohammad ebz 6593 589144 wikitext text/x-wiki {{Help translate/Common messages}} <div class="plainlinks"> <div style="font-size: smaller;"><languages /></div> {{WMF Feature Content| |title='''به [[Special:MyLanguage/Wikimedia:About|ویکی‌مدیریت بنیاد ویکی‌مدیا]] خوش آمدید.''' |image=What does the Wikimedia Foundation do – A WIKI MINUTE 16-9.webm |image_size=400 |image_height=293 |text=<div class="wmf-body-text" style="font-size:125%; padding-bottom:.5em;"> این ویکی جایی است که بنیاد ویکی‌مدیا مطالب حاکمیتی را در دسترس عموم قرار می‌دهد، مانند:</div><div class="wmf-body-text" style="font-size:110%;"> * [[{{foundationsite|1=role/board/}}|اسناد هیئت امنا]] ** [[Special:MyLanguage/Board meetings|دستور کارها]] ** [[Special:MyLanguage/Board meetings|{{int string|Minutes}}]] ** [[Special:MyLanguage/Resolution:Main|{{int|wm-commonstrings-resolutions}}]] * [[Special:MyLanguage/Legal:Main|مستندات قانونی]] * [[Special:MyLanguage/Policy:Main|سیاست‌های سازمان]] ** [[Special:MyLanguage/Category:Policies|مستندات مربوط]] * [[Special:MyLanguage/Security|مستندات امنیتی]] * [[Special:MyLanguage/Endowment:Main|اسناد حاکمیتی بنیاد ویکی مدیا]] * [[Special:MyLanguage/Wikimedia Enterprise|مستندسازی حاکمیت بنیاد ویکی مدیا]] * [[Special:MyLanguage/Memory:Main|{{int|wikimedia-foundation-memory-bank-label}}]] ** [[Special:MyLanguage/Memory:Timeline|{{Translated content|1=Template:Memory Bank/Timeline/Header|2=1}}]] </div>}} <div class="wmf-body-text" style="width:85%; margin:auto; margin-bottom:2em; text-align:center; border: 1px solid var(--border-color-muted, #c8ccd1); background: var(--background-color-neutral-subtle, #f8f9fa); color:var(--color-base, #202122); padding:1em; border-radius: 5px;"> <div class="flex-grid-row flex-grid-wrap" style="gap:1rem;"> <div class="flex-grid-col" style="flex: 3; min-width:15rem;">افراد دارای [[:m:Special:MyLanguage/Registered user|حساب ویکی‌مدیا ثبت‌شده]] می‌توانند صفحات [[:mw:Special:MyLanguage/Help:User page|کاربر]] و [[:m:Special:MyLanguage/Help:Talk page|بحث]] را ویرایش کنند و همچنین در [[Special:MyLanguage/Wikimedia:Translations guidelines|ترجمه‌ها]] مشارکت کنند. </div> <div class="flex-grid-col" style="align-content:center; font-size:70%; justify-content:center; min-width: min-content; text-wrap: nowrap;">{{Register account button|float=none}}</div> </div></div> <templatestyles src="Template:WMF home/styles.css" /> <div class="flex-grid-row flex-grid-wrap quicklinks-row"> <div class="flex-grid-col quicklinks"> <div class="wmf-header-text" style="font-size: 120%;"> === پیوندهای سریع === </div><div class="wmf-body-text plainlinks flex-grid-row flex-grid-wrap"> <div class="flex-grid-col"> * [//annual.wikimedia.org/ {{int|annualreport}}] * [[Wikimedia talk:Babel|{{int|wikimedia-babellink-label}}]] * [[Special:MyLanguage/Board meetings|{{int|meetings-text}}]] * [[Special:MyLanguage/Legal:Bylaws|{{int|wm-commonstrings-bylaws}}]] * [[{{foundationsite|about/contact/}}|{{int|wm-commonstrings-contactus}}]] * [[{{foundationsite|about/financial-reports}}|{{int|financialreports}}]] * [[:m:Special:MyLanguage/Fundraising/Reports|{{int|fundraisingreports}}]] * [[Special:MyLanguage/Give feedback|{{int|Growthexperiments-edit-config-feedback-cta}}]] * [[:m:Special:MyLanguage/Wikimedia movement affiliates|{{int|wikimedia-movement-affiliates-shortlabel}}]] * [[wmfblog:|{{int|wikimedia-movement-blog-label}}]] </div> <div class="flex-grid-col"> * [[m:Special:AllEvents|{{int|wikimedia-movement-calendar-label}}]] * [[:m:Special:MyLanguage/Answers|{{int|wikimedia-questions-label}}]] * [//transparency.wikimedia.org/ {{int|transparencyreport-text}}] * [[{{foundationsite|about/values}}|{{int|values}}]] * [[{{foundationsite|participate}}|{{int|volunteering}}]] * [//wikimediaendowment.org {{int|wikimedia-otherprojects-endowment}}] * [//enterprise.wikimedia.com {{int|wikimedia-otherprojects-enterprise}}] * [[foundationsite:news|{{int|wikimedia-news-label}}]] * [//store.wikimedia.org/ {{int|wikimedia-otherprojects-wikistore}}] </div> </div></div><!-- end of column --> <div class="flex-grid-col wmf-body-text donation-callout"> [[File:Wikimedia Foundation logo - horizontal.svg|200px|center|class=darklogoimg|link=|alt=نشان‌وارهٔ بنیاد ویکی مدیا]]<br /> <hr /> {{Foundation description}} <hr /><br /> {{Donate button}} </div> </div><!-- end of row --> <div id="foundationmainpage" class="wmf-header-text" style="text-align: center; font-size: 110%; background: var(--background-color-neutral-subtle, #f8f9fa); color:var(--color-base, #202122); border: #396 1px solid; padding-bottom: 12px; margin-bottom:4px; border-radius: 5px;"> {|style="width:100%; margin:auto;" |style="text-align:center; padding:1em 1em 0 1em;"|[[File:Wikimedia-logo black.svg|60px|class=darklogoimg|link=|alt={{int|wikimedia-foundation-mark-label}}]] |style="text-align:center;"|<h3>آن چیزی نیست که شما به دنبال آن هستید؟<br />لطفاً برای وبگاه رسمی بنیاد ویکی‌مدیا از [[{{foundationsite|1= }}|wikimediafoundation.org]] دیدن کنید.</h3> |} </div> {{WMF Blue Divider}} <div style="padding:1.5em 1.5em 0 1.5em; background: var(--background-color-neutral-subtle, #f8f9fa); color:var(--color-base, #202122); border: 1px solid var(--border-color-muted,#c8ccd1);"><div class="wmf-header-text" style="font-size: 120%;"> === {{int|wikimedia-movement-blog-label}} === </div><div class="wmf-body-text"> <rss max="5" templatename="Diff-RSS">https://diff.wikimedia.org/feed/</rss> {{WMF Forward Button|link= wmfblog:|link_text=پست های بیشتر از این قبیل را بخوانید}} </div></div> {{WMF Blue Divider}} <div><div class="wmf-header-text" style="text-align:center; font-size: 110%;"> === {{int|Wikimedia-foundation-projects-of-label-nolink}} === <!--T:7--> </div><div class="wmf-body-text"> {{OurProjects}} </div></div> <br />{{WMF Blue Divider|4px}}<br /> <div><div class="wmf-header-text" style="text-align:center; font-size: 110%;"> === وبگاه‌های مرتبط ویکی‌مدیا === </div><div class="wmf-body-text"> {{RelatedSites}} </div></div>{{clear}}<br /> {{WMF Blue Divider}} {{WMF ContactUs}} {{WMF Footer}} __NOTOC__ __NOEDITSECTION__ {{noexternallanglinks}} </div> [[Category:Maintained by Communications department{{#translation:}}]] [[Category:Main{{#translation:}}| ]] itz3xiq91ijkqfd1en1auvnvcwwb26r Translations:Home/6/fa 1198 27848 589141 420628 2026-07-17T00:03:33Z Mohammad ebz 6593 589141 wikitext text/x-wiki افراد دارای [[$1|حساب ویکی‌مدیا ثبت‌شده]] می‌توانند صفحات [[$2|کاربر]] و [[$3|بحث]] را ویرایش کنند و همچنین در [[$4|ترجمه‌ها]] مشارکت کنند. s9aeu4r5k0knqz0ukq3pgo5raps5xz9 Translations:Home/18/fa 1198 146315 589143 420630 2026-07-17T00:03:56Z Mohammad ebz 6593 589143 wikitext text/x-wiki پیوندهای سریع t04lypvmbway3zvg35w1qedbpomoqa5 Translations:Legal:Visual identity guidelines/Page display title/zh 1198 198000 589145 2026-07-17T10:57:25Z Font8388608 225362 Created page with "法律:视觉识别指引" 589145 wikitext text/x-wiki 法律:视觉识别指引 3454fiwwskjbq9b4m9z5wdf43pa8z3c Legal:Visual identity guidelines/zh 102 198001 589146 2026-07-17T10:57:26Z Font8388608 225362 Created page with "法律:视觉识别指引" 589146 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;"><span lang="en" dir="ltr" class="mw-content-ltr">Identity guidelines</span></span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Why is it important to have guidelines?</span></span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list"><span lang="en" dir="ltr" class="mw-content-ltr">The identity and its elements</span></span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|<span lang="en" dir="ltr" class="mw-content-ltr">About the Wikipedia identity</span>]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] rmfus54qjychbk36o0jlecuxcw5as2m 589150 589146 2026-07-17T10:57:42Z Font8388608 225362 Created page with "身份指引" 589150 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Why is it important to have guidelines?</span></span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list"><span lang="en" dir="ltr" class="mw-content-ltr">The identity and its elements</span></span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|<span lang="en" dir="ltr" class="mw-content-ltr">About the Wikipedia identity</span>]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 28nhyafihduw15j8hi4pjytjlzr8j0z 589152 589150 2026-07-17T10:57:57Z Font8388608 225362 Created page with "为什么有指引很重要?" 589152 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list"><span lang="en" dir="ltr" class="mw-content-ltr">The identity and its elements</span></span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|<span lang="en" dir="ltr" class="mw-content-ltr">About the Wikipedia identity</span>]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 4rf1w1r3hdwf92qjpj4uxm2s4eduf1s 589154 589152 2026-07-17T10:58:13Z Font8388608 225362 Created page with "身份和其元素" 589154 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|<span lang="en" dir="ltr" class="mw-content-ltr">About the Wikipedia identity</span>]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] guga4iv46hheny8y8jqv5iaf3xozn6q 589156 589154 2026-07-17T10:58:22Z Font8388608 225362 Created page with "关于维基百科身份" 589156 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] kuebeurwitnnh88h3cwt8ivb6ultijt 589158 589156 2026-07-17T10:58:31Z Font8388608 225362 Created page with "我们的身份的元素" 589158 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] oy6fminvzs4uil4in6uje3yikr1o4eg 589160 589158 2026-07-17T10:58:39Z Font8388608 225362 Created page with "同意标注" 589160 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|同意标注]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] qn05e2aj4bmu7y2ni086punrv3a8cxq 589162 589160 2026-07-17T10:58:44Z Font8388608 225362 589162 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 5j3sy38rnydkoykjthdfvzgex732vur 589164 589162 2026-07-17T10:59:04Z Font8388608 225362 Created page with "地球拼图" 589164 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 6lipben6qmzfwp4wnr4xcp4adv5nnxh 589166 589164 2026-07-17T11:00:18Z Font8388608 225362 Created page with "单词标识" 589166 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] dwf3up2n13obcmssyw3fqj0otgukvlf 589168 589166 2026-07-17T11:00:54Z Font8388608 225362 Created page with "拼图标识" 589168 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 9afhdmptfolxedgyoh25a2i69yg5enb 589170 589168 2026-07-17T11:01:08Z Font8388608 225362 Created page with "“W”标识" 589170 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 0o5hojbeorodxe0ceijgup0d4m7yagn 589172 589170 2026-07-17T11:01:29Z Font8388608 225362 Created page with "维基媒体基金会标识" 589172 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] f0soup7l127xsxmp57ut2w8fo0q12j0 589174 589172 2026-07-17T11:02:20Z Font8388608 225362 Created page with "你可以在这里阅读与标识历史相关的更多信息," 589174 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] pz7c310jtemo3p14gpdfr52ffth13ch 589176 589174 2026-07-17T11:02:27Z Font8388608 225362 Created page with "关于官方标识" 589176 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] pal93rb6wqye7yux10ojpc81s0mr662 589178 589176 2026-07-17T11:03:19Z Font8388608 225362 Created page with "并在维基百科的[[$1|维基百科商标]]文章" 589178 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] o7f8hru7nkejnd2w3as5k9rqddjimku 589180 589178 2026-07-17T11:06:24Z Font8388608 225362 Created page with "随着时间流逝,我们扩展了构成我们视觉身份的元素。" 589180 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 2szlsqmwbagoqrrksvdrraqsnylf5rd 589182 589180 2026-07-17T11:06:32Z Font8388608 225362 Created page with "统一标注" 589182 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 9nbw034qujsk90em7cwlg2gxdu90xdy 589184 589182 2026-07-17T11:06:34Z Font8388608 225362 Created page with "拼图标识" 589184 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”标识]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 9ghy9dm6lgjztsu50ea4pfez1kd1ifb 589186 589184 2026-07-17T11:06:46Z Font8388608 225362 589186 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图标识]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 5kgletsm0j7e6twommeb5owmeoi4i6w 589188 589186 2026-07-17T11:06:55Z Font8388608 225362 589188 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] tuyhwp7ra0wma9o95fzp3wwne0y1yq4 589190 589188 2026-07-17T11:07:06Z Font8388608 225362 Created page with "W图标" 589190 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 8q68poax4cg2aq7eqwmqlhujx3egamf 589192 589190 2026-07-17T11:07:14Z Font8388608 225362 Created page with "地球拼图" 589192 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 7ect4xbf8ldfd67fr0d8ggp1wuznmai 589194 589192 2026-07-17T11:07:19Z Font8388608 225362 Created page with "单词标识" 589194 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- 单词标识 </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] jp6utagjiqzt61ohaprc3plq6emfk8n 589196 589194 2026-07-17T11:10:47Z Font8388608 225362 Created page with "描述符" 589196 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- 单词标识 </div><div style="margin-top: 10px"> --- 描述符 </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] hr3m6y8j163oshh5yfgtkw5owmlj54j 589199 589196 2026-07-17T11:38:41Z Font8388608 225362 Created page with "地球拼图的英雄版本展示来自18个语言集合的文字:" 589199 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- 单词标识 </div><div style="margin-top: 10px"> --- 描述符 </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> 地球拼图的英雄版本展示来自18个语言集合的文字: * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] c1mnusnavd67rwfhywr5qrmjmddw98n 589201 589199 2026-07-17T11:47:00Z Font8388608 225362 Created page with "日语(片假名)" 589201 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- 单词标识 </div><div style="margin-top: 10px"> --- 描述符 </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> 地球拼图的英雄版本展示来自18个语言集合的文字: * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * 日语(片假名) * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] epekexx3g415fpcc44bnlfof11wl65u 589203 589201 2026-07-17T11:48:12Z Font8388608 225362 Created page with "天城文" 589203 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- 单词标识 </div><div style="margin-top: 10px"> --- 描述符 </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> 地球拼图的英雄版本展示来自18个语言集合的文字: * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * 日语(片假名) * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * 天城文 * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] hp1kal043l3d939hloq09jf2m2ykp2i 589205 589203 2026-07-17T11:48:18Z Font8388608 225362 Created page with "西里尔字母" 589205 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">身份指引</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;">为什么有指引很重要?</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list">身份和其元素</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|关于维基百科身份]] [[#toc-elements|我们的身份的元素]] [[#toc-unified|统一标注]] [[#toc-globe|地球拼图]] [[#toc-wordmark|单词标识]] [[#toc-puzzle|拼图图标]] [[#toc-w|“W”图标]] [[#toc-foundation|维基媒体基金会标识]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> 你可以在这里阅读与标识历史相关的更多信息, [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|关于官方标识]] 并在维基百科的[[{{lwp|Wikipedia logo}}|维基百科商标]]文章 </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> 随着时间流逝,我们扩展了构成我们视觉身份的元素。 <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> 统一标注 [[File:Wikipedia logo v2 en on white background.svg|200px]] 拼图标识 [[File:Wikipedia affiliative mark.png|120px]] W图标 [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- 地球拼图 </div><div style="margin-top: 85px"> --- 单词标识 </div><div style="margin-top: 10px"> --- 描述符 </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> 地球拼图的英雄版本展示来自18个语言集合的文字: * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * 日语(片假名) * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * 天城文 * {{#language:zh-hant|{{PAGELANGUAGE}}}} * 西里尔字母 * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] 5k8i9zovtmoca1zel0wumlrgpvyfxhd Category:Wikimedia visual identity/zh 14 198002 589147 2026-07-17T10:57:27Z FuzzyBot 1139 Automatically creating translation of category used on [[Legal:Visual identity guidelines/zh]] 589147 wikitext text/x-wiki <languages /> <div lang="en" dir="ltr" class="mw-content-ltr"> Content related to Wikimedia Foundation visual identity and official trademark use. </div> [[Category:Communications documentation{{#translation:}}]] loygcwclc86e0uyqsrgx6lpkyhpxg2c Category:Communications documentation/zh 14 198003 589148 2026-07-17T10:57:27Z FuzzyBot 1139 Automatically creating translation of category used on [[Category:Wikimedia visual identity/zh]] 589148 wikitext text/x-wiki <languages /> <div lang="en" dir="ltr" class="mw-content-ltr"> Documentation related to Wikimedia Foundation communications. </div> {{documentation files}} [[Category:Documentation{{#translation:}}]] ooxmzqcbs76m88r2d4kp46j4e9jg3a5 Translations:Legal:Visual identity guidelines/1/zh 1198 198004 589149 2026-07-17T10:57:41Z Font8388608 225362 Created page with "身份指引" 589149 wikitext text/x-wiki 身份指引 tw14phbd6mvmhm8th8h33pwabu1l181 Translations:Legal:Visual identity guidelines/2/zh 1198 198005 589151 2026-07-17T10:57:57Z Font8388608 225362 Created page with "为什么有指引很重要?" 589151 wikitext text/x-wiki 为什么有指引很重要? co4dle8pde8qpl3e019ah9mfsujjuma Translations:Legal:Visual identity guidelines/53/zh 1198 198006 589153 2026-07-17T10:58:12Z Font8388608 225362 Created page with "身份和其元素" 589153 wikitext text/x-wiki 身份和其元素 45suvrhmpc7cophlv4mwci0ao5sj8vg Translations:Legal:Visual identity guidelines/5/zh 1198 198007 589155 2026-07-17T10:58:21Z Font8388608 225362 Created page with "关于维基百科身份" 589155 wikitext text/x-wiki 关于维基百科身份 q4kkgsfzwsj1yunogjmugbuubb7dtca Translations:Legal:Visual identity guidelines/6/zh 1198 198008 589157 2026-07-17T10:58:30Z Font8388608 225362 Created page with "我们的身份的元素" 589157 wikitext text/x-wiki 我们的身份的元素 ryjwptf9z49hr00vo4msrgevf8zueyf Translations:Legal:Visual identity guidelines/7/zh 1198 198009 589159 2026-07-17T10:58:38Z Font8388608 225362 Created page with "同意标注" 589159 wikitext text/x-wiki 同意标注 msn76ut5wtru9svhtt7ot2vad5cxgdu 589161 589159 2026-07-17T10:58:43Z Font8388608 225362 589161 wikitext text/x-wiki 统一标注 465uufz5ugug8oxrqbay1n4m0ci7drx Translations:Legal:Visual identity guidelines/8/zh 1198 198010 589163 2026-07-17T10:59:03Z Font8388608 225362 Created page with "地球拼图" 589163 wikitext text/x-wiki 地球拼图 aws6u1mjvg3d36ko56j75kf257oilyv Translations:Legal:Visual identity guidelines/9/zh 1198 198011 589165 2026-07-17T11:00:18Z Font8388608 225362 Created page with "单词标识" 589165 wikitext text/x-wiki 单词标识 qq3jwrnmfu0e4g45tu5cux89m5j2w1z Translations:Legal:Visual identity guidelines/10/zh 1198 198012 589167 2026-07-17T11:00:53Z Font8388608 225362 Created page with "拼图标识" 589167 wikitext text/x-wiki 拼图标识 idpaz4wv6a2sevgr8vvmmfbcap3g4os 589187 589167 2026-07-17T11:06:54Z Font8388608 225362 589187 wikitext text/x-wiki 拼图图标 euddhsx10ror162vnzz2ds8sba2u50s Translations:Legal:Visual identity guidelines/11/zh 1198 198013 589169 2026-07-17T11:01:08Z Font8388608 225362 Created page with "“W”标识" 589169 wikitext text/x-wiki “W”标识 50wktw53bkc5777duwyh183s7xyzouu 589185 589169 2026-07-17T11:06:46Z Font8388608 225362 589185 wikitext text/x-wiki “W”图标 tm8s5m21g4dqv2f9eh5spo7j0hth80e Translations:Legal:Visual identity guidelines/12/zh 1198 198014 589171 2026-07-17T11:01:28Z Font8388608 225362 Created page with "维基媒体基金会标识" 589171 wikitext text/x-wiki 维基媒体基金会标识 ae2gzf49l3z5alsynj853020c8kur2t Translations:Legal:Visual identity guidelines/58/zh 1198 198015 589173 2026-07-17T11:02:19Z Font8388608 225362 Created page with "你可以在这里阅读与标识历史相关的更多信息," 589173 wikitext text/x-wiki 你可以在这里阅读与标识历史相关的更多信息, 05072tjx61j4fwgux7rezmt3u7i9eln Translations:Legal:Visual identity guidelines/59/zh 1198 198016 589175 2026-07-17T11:02:26Z Font8388608 225362 Created page with "关于官方标识" 589175 wikitext text/x-wiki 关于官方标识 anz37lch9lkpb8iwdb0ch66mb8oodfh Translations:Legal:Visual identity guidelines/60/zh 1198 198017 589177 2026-07-17T11:03:19Z Font8388608 225362 Created page with "并在维基百科的[[$1|维基百科商标]]文章" 589177 wikitext text/x-wiki 并在维基百科的[[$1|维基百科商标]]文章 nr283an81fk8tcw3xa6vequgri9ez5p Translations:Legal:Visual identity guidelines/24/zh 1198 198018 589179 2026-07-17T11:06:24Z Font8388608 225362 Created page with "随着时间流逝,我们扩展了构成我们视觉身份的元素。" 589179 wikitext text/x-wiki 随着时间流逝,我们扩展了构成我们视觉身份的元素。 kld4ruyhpmiecmyat2mandxfz24h3rt Translations:Legal:Visual identity guidelines/61/zh 1198 198019 589181 2026-07-17T11:06:32Z Font8388608 225362 Created page with "统一标注" 589181 wikitext text/x-wiki 统一标注 465uufz5ugug8oxrqbay1n4m0ci7drx Translations:Legal:Visual identity guidelines/62/zh 1198 198020 589183 2026-07-17T11:06:34Z Font8388608 225362 Created page with "拼图标识" 589183 wikitext text/x-wiki 拼图标识 idpaz4wv6a2sevgr8vvmmfbcap3g4os Translations:Legal:Visual identity guidelines/63/zh 1198 198021 589189 2026-07-17T11:07:05Z Font8388608 225362 Created page with "W图标" 589189 wikitext text/x-wiki W图标 1p8by9q6vopv737jemtcgzpp16rkacd Translations:Legal:Visual identity guidelines/64/zh 1198 198022 589191 2026-07-17T11:07:13Z Font8388608 225362 Created page with "地球拼图" 589191 wikitext text/x-wiki 地球拼图 aws6u1mjvg3d36ko56j75kf257oilyv Translations:Legal:Visual identity guidelines/65/zh 1198 198023 589193 2026-07-17T11:07:18Z Font8388608 225362 Created page with "单词标识" 589193 wikitext text/x-wiki 单词标识 qq3jwrnmfu0e4g45tu5cux89m5j2w1z Translations:Legal:Visual identity guidelines/66/zh 1198 198024 589195 2026-07-17T11:10:47Z Font8388608 225362 Created page with "描述符" 589195 wikitext text/x-wiki 描述符 apqgq4nu9if8sswzsz0d5od685sdkqy User:Réplica de casa 2 198025 589197 2026-07-17T11:29:42Z Réplica de casa 334883 Réplica de casa condenada 589197 wikitext text/x-wiki Réplica de casa ev95azaxrznq9bigkojn3xxi7ml2oog Translations:Legal:Visual identity guidelines/32/zh 1198 198026 589198 2026-07-17T11:38:41Z Font8388608 225362 Created page with "地球拼图的英雄版本展示来自18个语言集合的文字:" 589198 wikitext text/x-wiki 地球拼图的英雄版本展示来自18个语言集合的文字: 839whgb3aapz5ruqs20tx0w32dp6pyo Translations:Legal:Visual identity guidelines/142/zh 1198 198027 589200 2026-07-17T11:47:00Z Font8388608 225362 Created page with "日语(片假名)" 589200 wikitext text/x-wiki 日语(片假名) pp4edyv6bn6zoyh054eejkyw9czrxc9 Translations:Legal:Visual identity guidelines/143/zh 1198 198028 589202 2026-07-17T11:48:11Z Font8388608 225362 Created page with "天城文" 589202 wikitext text/x-wiki 天城文 eepppzxhitbc3jdpaezfft3746iln7n Translations:Legal:Visual identity guidelines/144/zh 1198 198029 589204 2026-07-17T11:48:18Z Font8388608 225362 Created page with "西里尔字母" 589204 wikitext text/x-wiki 西里尔字母 4qgrc6u4rkthzlm4axt9vox7xpzi222 Translations:Legal:Visual identity guidelines/Page display title/ru 1198 198030 589206 2026-07-17T11:57:44Z ШГ 330052 Created page with "Руководство по визуальному оформлениб" 589206 wikitext text/x-wiki Руководство по визуальному оформлениб r33sbvl85vmiqk72q6hwax83j318kmm 589210 589206 2026-07-17T11:57:51Z ШГ 330052 589210 wikitext text/x-wiki Руководство по визуальному оформлению nkjc118mjttqo688vvxhzyezibh0itf Legal:Visual identity guidelines/ru 102 198031 589207 2026-07-17T11:57:44Z ШГ 330052 Created page with "Руководство по визуальному оформлениб" 589207 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;"><span lang="en" dir="ltr" class="mw-content-ltr">Identity guidelines</span></span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Why is it important to have guidelines?</span></span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list"><span lang="en" dir="ltr" class="mw-content-ltr">The identity and its elements</span></span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|<span lang="en" dir="ltr" class="mw-content-ltr">About the Wikipedia identity</span>]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] rmfus54qjychbk36o0jlecuxcw5as2m 589212 589207 2026-07-17T11:58:53Z ШГ 330052 Created page with "Руководство по визуальному оформлению" 589212 wikitext text/x-wiki <languages />{{translation disclaimer}}<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: var(--color-base,#202122);"> [[File:Wmf logo vert K.svg|class=darklogoimg|125px|right]] <span style="font-size: 2.5em;">Руководство по визуальному оформлению</span> {{clear}} <div style="margin: 1em auto 6em; height: 1px; background-color: #555;"></div> [[File:Wikipedia-logo-v2.svg|300px|left]] [[File:Wikipedia wordmark.svg|300px|right|class=skin-invert]] [[File:Wikipedia's W.svg|80px|right|class=skin-invert]] [[File:Wikipedia affiliative mark.png|120px|right]] <div style=" margin: 2em auto 2em; height: 250px; width: 1px; background-color: #555;"></div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:2}} == </div> <!--second page--> <div style="width: 40%"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Why is it important to have guidelines?</span></span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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's official marks, including Wikipedia, represent our identity in a way that is consistent with the quality, impact, and importance of our projects. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikimedia Foundation marks represent much of what our projects and our movement stands for: bold ideas, global collaboration, typography and text, integrity and quality. We ask that everyone who has permission to use these marks keep those values in mind. Using these marks well is a serious responsibility. </div> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:3}} == </div> <!--third page--> <span style="font-size: 2.5em;" id="toc-list"><span lang="en" dir="ltr" class="mw-content-ltr">The identity and its elements</span></span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-about|<span lang="en" dir="ltr" class="mw-content-ltr">About the Wikipedia identity</span>]] [[#toc-elements|<span lang="en" dir="ltr" class="mw-content-ltr">The elements of our identity</span>]] [[#toc-unified|<span lang="en" dir="ltr" class="mw-content-ltr">The unified mark</span>]] [[#toc-globe|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe</span>]] [[#toc-wordmark|<span lang="en" dir="ltr" class="mw-content-ltr">The wordmark</span>]] [[#toc-puzzle|<span lang="en" dir="ltr" class="mw-content-ltr">The puzzle icon</span>]] [[#toc-w|<span lang="en" dir="ltr" class="mw-content-ltr">The 'W' icon</span>]] [[#toc-foundation|<span lang="en" dir="ltr" class="mw-content-ltr">The Wikimedia Foundation mark</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:4}} == </div> <!--fourth page--> <span id="toc-about"></span> [[File:Wikipedia logo v2 en on white background.svg|right|350px]] <div style="width: 40%"> <span style="font-size: 1.25em;">{{tunit|1=5|2=About the Wikipedia identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive Wikipedia identity has evolved over the years since it was introduced in 2003 following a volunteer competition to find a distinctive mark to represent Wikipedia. User Paul Stansifer proposed the original design of the globe in 2003, and shortly afterwards fellow Wikipedian David Friedland made considerable improvements to its styling and puzzle pieces. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Since it was originally introduced, the puzzle globe has undergone a series of small changes — mostly adjustments to correct the choice of other characters representing the first character of the word 'Wikipedia' in various languages. At one point the puzzle globe included a Klingon alphabet character. In May 2010, the Wikimedia Foundation introduced a revised version of the Wikipedia puzzle globe that included corrected characters and a mapping of characters on the reverse of the puzzle globe, all based on a full 3D rendering of the puzzle globe object. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe typically accompanies the Wikipedia wordmark, originally set in Hoefler, but later updated to Linux Libertine, an opensource typeface, to facilitate easier localization of the wordmark in new language editions of the project. Together, we refer to this as theunified mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Online, at wikipedia.org, the wordmark always includes a descriptor 'The Free Encyclopedia,' which is translated into the language of each project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> You can read more about the history of the marks here, </div> [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks|<span lang="en" dir="ltr" class="mw-content-ltr">About the official Marks</span>]] <span lang="en" dir="ltr" class="mw-content-ltr">and at Wikipedia's [[{{lwp|Wikipedia logo}}|Wikipedia logo]] article</span> </div> <div class="visual-identity-guidelines__container"> == {{formatnum:5}} == </div> <!--fifth page--> <span id="toc-elements"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=6|2=The elements of our identity}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Over time, we have expanded the elements that make up our visual identity. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Each element of the Wikipedia identity has been carefully designed to function both independently and when united, collectively echoing the core identity of Wikipedia. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wikipedia logo v2 en on white background.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon</span> [[File:Wikipedia affiliative mark.png|120px]] <span lang="en" dir="ltr" class="mw-content-ltr">W icon</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div><div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="margin-top: 100px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe</span> </div><div style="margin-top: 85px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">wordmark</span> </div><div style="margin-top: 10px"> --- <span lang="en" dir="ltr" class="mw-content-ltr">descriptor</span> </div> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:6}} == </div> <!--sixth page--> <span id="toc-unified"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=7|2=The unified mark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Traditionally the unified mark is used to identify Wikipedia in situations where the puzzle globe alone may not be sufficient to represent the project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the classic top and bottom configuration of the unified mark are not conventional, the horizontal version can be used. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">vertical version</span> [[File:Wikipedia logo v2 en on white background.svg|center|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">horizontal version</span> [[File:Wp logo unified horiz rgb on white background.svg|center|150px]] </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left visual-identity-guidelines__column--min-width"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of vertical version</span> [[File:Wp logo globe construction on white background.png|center|200px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of horizontal version</span> [[File:Wp logo horizontal construction on white background.png|center|165px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:7}} == </div> <!--seventh page--> <span id="toc-globe"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=8|2=The puzzle globe}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe is a fully 3D object rendered as a flat image for design purposes. The 'hero' rendering of the puzzle globe is the digital photograph of the 3D object that most closely approximates the original puzzle globe shape. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The puzzle globe does not reflect all of the languages and scripts of Wikipedia. The projects are available in over 270 languages. The puzzle globe reflects roughly 61 different scripts. There are no specific parameters for which languages appear in the puzzle globe; however, only languages or scripts with corresponding Wikipedia projects are included. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The hero version of the puzzle globe shows characters from 18 language sets: </div> * {{#language:hy|{{PAGELANGUAGE}}}} * {{#language:km|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Japanese (Katakana)</span> * {{#language:gez|{{PAGELANGUAGE}}}} * {{#language:gn|{{PAGELANGUAGE}}}} * {{#language:el|{{PAGELANGUAGE}}}} * {{#language:la|{{PAGELANGUAGE}}}} * {{#language:ar|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Devanagari</span> * {{#language:zh-hant|{{PAGELANGUAGE}}}} * <span lang="en" dir="ltr" class="mw-content-ltr">Cyrillic</span> * {{#language:ko|{{PAGELANGUAGE}}}} * {{#language:ka|{{PAGELANGUAGE}}}} * {{#language:kn|{{PAGELANGUAGE}}}} * {{#language:he|{{PAGELANGUAGE}}}} * {{#language:th|{{PAGELANGUAGE}}}} * {{#language:bo|{{PAGELANGUAGE}}}} * {{#language:ta|{{PAGELANGUAGE}}}} <span lang="en" dir="ltr" class="mw-content-ltr">There is a [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#What_characters_are_on_the_Wikipedia_puzzle_globe?|full list of characters and languages reflected in the globe]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=64|2=puzzle globe}} [[File:Wikipedia-logo-v2.svg|200px]] <span lang="en" dir="ltr" class="mw-content-ltr">puzzle globe on a saturated background</span> <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"> == {{formatnum:8}} == </div> <!--eighth page--> <span id="toc-wordmark"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=9|2=The wordmark}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The distinctive wordmark, with larger case W and A characters, has been widely translated for other language variants since Wikipedia started in 2001. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The wordmark alone is the most identifiable and clearly understood version of all of the official marks representing Wikipedia. When both the puzzle globe and wordmark (the unified mark) cannot be used, it is preferable to use the Wikipedia wordmark to clearly identify Wikipedia. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> wordmark [[File:Wikipedia wordmark.svg|400px|class=skin-invert]] <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version</span> [[File:Wp wordmark pos rgb.svg|100px]]</div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">positive version in frame on saturated field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version in frame</span> <br /> <br /> <br /> [[File:Wp wordmark rev rgb.svg|100px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">reversed version on low contrast field</span> <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> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction of wordmark in frame</span> [[File:Wp wordmark diagram VIG 8.png|300px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:9}} == </div> <!--ninth page--> <span id="toc-puzzle"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=10|2=The puzzle icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia puzzle icon is a distinctive graphic element extracted directly from the original 3D puzzle globe model. The icon is intended to be used by groups or organizations that affiliate with Wikipedia, but do not officially represent the projects or the Wikimedia Foundation. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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.' </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">puzzle icon for affiliates</span> [[File:Wikipedia affiliative mark.png|150px]] <span lang="en" dir="ltr" class="mw-content-ltr">positive version on saturated background</span> <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"> == {{formatnum:10}} == </div> <!--tenth page--> <span id="toc-w"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=11|2=The 'W' icon}} [[#toc-list|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The Wikipedia 'W' icon is a distinctive graphic element derived from the W of Wikipedia, set in the font Hoefler. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The '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 and stylized text. Common usages might include mobile devices, web browser bookmark bars, and small branded merchandise. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">the 'W'</span> [[File:Wikipedia's W.svg|80px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <br /> <br /> [[File:W diagram2 VIG 10.png|80px|class=skin-invert]] <span lang="en" dir="ltr" class="mw-content-ltr">maximum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">combined with various framing devices</span> [[File:Wp various VIG 10.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:11}} == </div> <!-- 11 --> <span id="toc-foundation"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=The Wikimedia Foundation mark}} [[#toc-list|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">Originally designed in 2005 by [[: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 character holding an open book. The font Montserrat is used to construct both the title and the descriptor of the mark.</span> <!-- {| cellpadding ="10" |- ! !! PMS !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-color: #0065A4; height: 2em"| blue || 301 || 100/45/0/18 || 0/101/164 || 0065A4 |- | style="color: #FFFFFF; background-color: #008752; height: 2em"| green || 348 || 100/0/85/24 || 0/135/82 || 008752 |- | style="color: #FFFFFF; background-color: #BF311A; height: 2em"| red || 1805 || 0/91/100/23 || 191/49/26 || BF311A |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| dark grey || 425 || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #808285; height: 2em"| medium grey || 423 || 0/0/0/45 || 128/130/133 || 808285 |} --> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended vertical version</span> [[File:Wmf logo vert K.svg|120px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">recommended horizontal version</span> [[File:Wikimedia Foundation logo - horizontal.svg|200px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">construction</span> [[File:Wmf diagram VIG 11.png|150px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> {{tunit|1=124|2=construction}} [[File:Wmf horiz diagram VIG 11.png|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">examples of localization</span> [[File:Wikimedia hackathon mark vertical.svg |120px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">example</span> [[File:Wikimedia hackathon mark horizontal.svg|200px|class=skin-invert]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:12}} == </div> <!-- 12 --> <span style="font-size: 2.5em;" id="toc-list2">Using the Wikipedia identity</span> <poem> <div style="font-size: 1.5em; line-height: 1.5em;"> [[#toc-protecting|<span lang="en" dir="ltr" class="mw-content-ltr">Protecting our marks</span>]] [[#toc-legal|<span lang="en" dir="ltr" class="mw-content-ltr">Placement of legal attributes</span>]] [[#toc-minimum|<span lang="en" dir="ltr" class="mw-content-ltr">Minimum sizes</span>]] [[#toc-clearspace|<span lang="en" dir="ltr" class="mw-content-ltr">Clear space</span>]] [[#toc-colorvalues|<span lang="en" dir="ltr" class="mw-content-ltr">Color values</span>]] [[#toc-donot|<span lang="en" dir="ltr" class="mw-content-ltr">Do not...</span>]] [[#toc-WP|<span lang="en" dir="ltr" class="mw-content-ltr">Wikipedia and Wikimedia Foundation co-branding</span>]] [[#toc-3dmodel|<span lang="en" dir="ltr" class="mw-content-ltr">Use of the puzzle globe 3D model</span>]] [[#toc-branding|<span lang="en" dir="ltr" class="mw-content-ltr">Co-branding</span>]] </div> </poem> <div class="visual-identity-guidelines__container"> == {{formatnum:13}} == </div> <!-- 13 --> <span id="toc-protecting"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=13|2=Protecting our marks}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation are registered around the world. Our identity is a precious resource we need to protect from misuse and commercialization. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In the United States, the marks of most of our projects, including Wikipedia, as well as the Wikimedia Foundation, are registered trademarks, and as such authorized reusers in the United States must include the ® logo to indicate appropriate ownership. '''Check with the Wikimedia Foundation for more information about indicating registration or trademark ownership in other countries and territories.''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The registration mark is an important way to indicate that our official marks are owned, registered, and maintained by a responsible organization. In some cases we claim trademark over the projects and use the TM designator instead of the ® designator. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Whenever possible, the registered marks must also include a trademark legend. The trademark legend is a sentence at the footer of a page (or in a section reserved for legal notices), or other prominent location, which states: "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's legal department. </div> <span id="toc-legal"></span> <span style="font-size: 1.25em;">{{tunit|1=14|2=Placement of legal attributes}} [[#toc-protecting|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> Note the specific placement of the registration mark ® on the bottom right side of the official marks. The registration mark only needs to appear once in a document or product. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> '''Legal attributes of other Wikimedia projects''' </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Other Wikimedia projects may be protected in the territory where you have permission to use the official marks. Check with the Wikimedia Foundation to determine which marks require a registration designation. </div></div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <span lang="en" dir="ltr" class="mw-content-ltr">registered unified mark</span> [[File:Wp globe diagram VIG 13 on white background.png|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered puzzle globe</span> [[File:Wp globe VIG 13.png|130px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered wordmarks</span> [[File:Wp wordmarks VIG 13.png|150px]] </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> </div> <!-- <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">registered foundation mark</span> [[File:Wmf VIG 13.png|150px]] </div>--> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:14}} == </div> <!-- 14--> <span id="toc-minimum"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=15|2=Minimum sizes}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> The official marks of the Wikimedia Foundation have been designed and presented to work at a minimum size specification. Particularly with the Wikipedia puzzle globe, detail and texture are lost when the mark is reproduced at less than 20mm, 56px, or .75 inches. Never reproduce the puzzle globe or wordmark in sizes less than the minimums specified here. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In cases where representation of Wikipedia is necessary at less than the minimum sizes, the Wikipedia 'W' mark should be used. In cases where representation of Wikimedia or the Wikimedia Foundation is necessary, the single-color Foundation mark should be used as far as possible. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">unified mark</span> [[File:Wp globe diagram VIG 14 on white background.png|100px]] <span lang="en" dir="ltr" class="mw-content-ltr">minimum size</span><br /> <span lang="en" dir="ltr" class="mw-content-ltr">.75in (20mm, 56px)</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; {{tunit|1=64|2=puzzle globe}} [[File:Wp globe diagram2 VIG 14.png|90px]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.625in (16mm, 45px)</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark positive version</span> [[File:Wp wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">wordmark reversed version in frame</span> [[File:Wp reverse wordmark diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> ; {{tunit|1=62|2=puzzle icon}} [[File:Wp puzzle diagram VIG 14.png|100px]] {{tunit|1=81|2=minimum size}}<br /> {{tunit|1=82|2=.75in (20mm, 56px)}} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> ; <span lang="en" dir="ltr" class="mw-content-ltr">single-color foundation mark</span> [[File:Wmf diagram VIG 14.png|125px|class=skin-invert]] {{tunit|1=81|2=minimum size}}<br /> <span lang="en" dir="ltr" class="mw-content-ltr">.5in (12mm, 36px)</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:15}} == </div> <!-- 15--> <span id="toc-clearspace"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=16|2=Clear space}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> A minimum space area must be observed around the official marks in all instances. Clear space ensures that logos and marks can be differentiated from other marks or design elements, and provides easier and clearer communication of our projects, our organization, and the related knowledge from our projects. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp globe diagram VIG 15 on white background.png|300px]] [[File:Wp globe diagram2 VIG 15.png|300px]] </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:16}} == <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Clear space, continued</span></span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp reverse workmark diagram VIG 16.png|350px]] </div> {{clear}} <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> [[File:Wmf diagram VIG 16.png|300px|class=skin-invert]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wp puzzle diagram VIG 16.png|300px]] </div> {{clear}} == {{formatnum:17}} == </div> <!-- 17--> <span id="toc-colorvalues"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=17|2=Color values}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">The color palette of the Wikipedia identity is simple: black and shades of grey to white.</span> {| cellpadding ="10" |- ! !! CMYK !! RGB !! HEX |- | style="color: #FFFFFF; background-height: 2em"| black || 0/0/0/100 || 0/0/0 || 000000 |- | style="color: #FFFFFF; background-color: #636466; height: 2em"| 75% || 0/0/0/75 || 99/100/102 || 636466 |- | style="color: #FFFFFF; background-color: #939598; height: 2em"| 50% || 0/0/0/50 || 147/149/152 || 939598 |- | style="background-color: #C7C8CA; height: 2em"| 25% || 0/0/0/75 || 199/200/202 || C7C8CA |- |} </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wp wordmark pos rgb.svg|150px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">Black is the correct color for all versions of the wordmark.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-width: 13em"> [[File:Wikipedia-logo-white.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">In situations where the wordmark appears on a color field, the reversed version framed in black is preferred.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">For special situations, it is permissible to reverse the wordmark from 75% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <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"> <span lang="en" dir="ltr" class="mw-content-ltr">Minimum value for reverse of the wordmark is 50% black.</span> </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> <div style="color: #FFFFFF; background-color: #C7C8CA; width: 13em"> [[File:Wikipedia wordmark.svg|center|150px]]</div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">On fields with a color value of 25% grey or lighter, the wordmark should appear in black.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:18}} == </div> <!-- 18--> <span id="toc-donot"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=18|2=Do not...}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">...alter the Wikipedia or related project identities nor any of their elements.</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different colors</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not change the logo colors.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not2 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Different font</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not substitute or alter the font of the wordmark beneath the globe.</span> </div> <div style="float:right; width: 31%"> [[File:Wp globe do not3 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Distortion</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not distort or warp any of the identity elements.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not4 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Added element</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not add decorative shapes or borders to the accepted mark.</span> </div> <div style="float:left; width: 31%; margin-right: 1em"> [[File:Wp globe do not5 VIG 18.png|100px]] <span style="color: #308557; font-size: 1.25em;"><span lang="en" dir="ltr" class="mw-content-ltr">Complex background</span></span> <span lang="en" dir="ltr" class="mw-content-ltr">Do not place the logo on a colored, textured, or image background. The mark is only intended to go on white backgrounds.</span> </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:19}} == </div> <span id="toc-3dmodel"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=21|2=Use of the puzzle globe 3D model}} [[#toc-list2|^]]</span> <span lang="en" dir="ltr" class="mw-content-ltr">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 [[:commons:File:Wikipedia puzzle globe 3D render.stl|3D printed models]] for community outreach purposes, under the guidelines below:</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Size and Format</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The puzzle globe 3D model can be used as animated graphics where the globe rotates horizontally ([[:commons:File:Wikipedia logo puzzle globe spins horizontally, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia Logo Puzzle Globe Spins Horizontally, Revealing The Contents Of All Of Its Puzzle Pieces Without Background.gif|without]] a background) or horizontally and vertically ([[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces.gif|with]] and [[:commons:File:Wikipedia logo puzzle globe spins horizontally and vertically, revealing the contents of all of its puzzle pieces, without background.gif|without]] a background).</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may not use the 3D model to create new 2D renderings or animations.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">If you need a 2D rendering, use [[Special:MyLanguage/Legal:Wikimedia trademarks/About the official marks#Wikipedia_puzzle_globe_renderings|one of the ones provided]].</span> * <span lang="en" dir="ltr" class="mw-content-ltr">You may 3D print the globe in any size.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The model itself may not be altered, sliced, or rearranged.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">The 3D model may be used as part of an illustration or graphic, but it cannot be used as an official logo or identifier.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">There should be no additions to the globe, except that...</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may create a base, but please do not integrate with the globe. The globe should remain whole, and not attached.</span> ** <span lang="en" dir="ltr" class="mw-content-ltr">You may add a ring as a way to suspend the globe on a pendant or keychain.</span> ; <span lang="en" dir="ltr" class="mw-content-ltr">Colors</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Print material must be silver (if metal), very light grey, or white, and, if possible, with black letters.</span> * <span lang="en" dir="ltr" class="mw-content-ltr">Do not print the globe in black, colors, or colored metals.</span> <span lang="en" dir="ltr" class="mw-content-ltr">The use of the 3D file and model is subject to the same restrictions as the Wikipedia globe in the [[Special:MyLanguage/Policy:Wikimedia Foundation Trademark Policy|trademark policy]].</span> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:20}} == </div> <!-- 20--> <span id="toc-WP"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=20|2=Wikipedia and Wikimedia Foundation co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> 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. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> 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 puzzle mark. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> The marks must be featured on a white background and must bottom align. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where the two marks or identities (or 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> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> placement according to principle of equal emphasis <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-left"> [[File:Wikipedia-logo-v2-en.svg|x125px]] [[File:Wp wmf diagrams VIG 20 on white background.png|300px]] </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> [[File:Wmf logo vert K.svg|x125px]] </div> </div> {{clear}} <div class="visual-identity-guidelines__container"> == {{formatnum:21}} == </div> <!-- 21--> <span id="toc-branding"></span> <div class="visual-identity-guidelines__column visual-identity-guidelines__column--float-left"> <span style="font-size: 1.25em;">{{tunit|1=22|2=Co-branding}} [[#toc-list2|^]]</span> <div lang="en" dir="ltr" class="mw-content-ltr"> These examples of co-branding indicate a general approach to presenting our official marks alongside those of other organizations. The general rule of 'equal emphasis' should apply. Other official marks should appear in the same proportion as the Wikimedia Foundation or Wikipedia marks. When one organization's marks appear without color, then the Wikimedia Foundation or Wikipedia marks should also not be in color. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> In situations where re-users are indicating Wikimedia 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 project. </div> <div lang="en" dir="ltr" class="mw-content-ltr"> Co-branded use of the Wikimedia Foundation marks, including the Wikipedia mark, require the approval of the Wikimedia Foundation. </div> </div> <div class="visual-identity-guidelines__column--half visual-identity-guidelines__column--float-right"> <span lang="en" dir="ltr" class="mw-content-ltr">placement according to the principle of equal emphasis</span> [[File:Wikipedia's W.svg|120px|class=skin-invert]] [[File:Cc.logo.circle.svg|80px|link=//creativecommons.org/|class=skin-invert]] <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=//creativecommons.org/|class=skin-invert]]</div> <div style="background-color: yellow; padding: 2em"> [[File:Wp wordmark rev rgb.svg|180px]] [[File:CreativeCommond logo trademark.svg|150px|link=//creativecommons.org/]]</div> </div> {{clear}} <div class="visual-identity-guidelines__container"> </div> [[Category:Wikimedia visual identity{{#translation:}}]] [[Category:Maintained by Communications department{{#translation:}}]] t7k6lil1tyt5mq7qeslj4pe33ymdb1j Category:Wikimedia visual identity/ru 14 198032 589208 2026-07-17T11:57:46Z FuzzyBot 1139 Automatically creating translation of category used on [[Legal:Visual identity guidelines/ru]] 589208 wikitext text/x-wiki <languages /> <div lang="en" dir="ltr" class="mw-content-ltr"> Content related to Wikimedia Foundation visual identity and official trademark use. </div> [[Category:Communications documentation{{#translation:}}]] loygcwclc86e0uyqsrgx6lpkyhpxg2c Category:Communications documentation/ru 14 198033 589209 2026-07-17T11:57:46Z FuzzyBot 1139 Automatically creating translation of category used on [[Category:Wikimedia visual identity/ru]] 589209 wikitext text/x-wiki <languages /> <div lang="en" dir="ltr" class="mw-content-ltr"> Documentation related to Wikimedia Foundation communications. </div> {{documentation files}} [[Category:Documentation{{#translation:}}]] ooxmzqcbs76m88r2d4kp46j4e9jg3a5 Translations:Legal:Visual identity guidelines/1/ru 1198 198034 589211 2026-07-17T11:58:53Z ШГ 330052 Created page with "Руководство по визуальному оформлению" 589211 wikitext text/x-wiki Руководство по визуальному оформлению nkjc118mjttqo688vvxhzyezibh0itf