Legal:Wikimedia trademarks/Word mark creation: Difference between revisions

From Wikimedia Foundation Governance Wiki
Content deleted Content added
Juxn (talk | contribs)
Undo revision 46622 by Juxn (talk)
Juxn (talk | contribs)
No edit summary
Line 3: Line 3:
{{draft}}
{{draft}}
'''This guide is intended for project volunteers who wish to construct localized versions of the new Wikipedia puzzle globe and wordmark combination, specifically to replace previous versions on all language editions of Wikipedia.'''
'''This guide is intended for project volunteers who wish to construct localized versions of the new Wikipedia puzzle globe and wordmark combination, specifically to replace previous versions on all language editions of Wikipedia.'''
hi

[[File:Wikipedia-logo-v2-en_SVG.svg|right|thumb|250px|The official English Wikipedia puzzle globe and wordmark]]Following the introduction of the [[Wikimedia_official_marks | revised Wikipedia puzzle globe]], the Foundation's usability team revisited the construction of localized versions of the Wikipedia wordmark (the stylized version of the word Wikipedia (with upper case W and A, and the tagline underneath the wordmark: "The free encyclopedia."
[[File:Wikipedia-logo-v2-en_SVG.svg|right|thumb|250px|The official English Wikipedia puzzle globe and wordmark]]Following the introduction of the [[Wikimedia_official_marks | revised Wikipedia puzzle globe]], the Foundation's usability team revisited the construction of localized versions of the Wikipedia wordmark (the stylized version of the word Wikipedia (with upper case W and A, and the tagline underneath the wordmark: "The free encyclopedia."



Revision as of 09:40, 12 May 2010

Wikipedia puzzle globe and wordmark localization guide

This page is a draft.

Page content may be incorrect or meaningless and has not been reviewed or approved by the Wikimedia Foundation.

This guide is intended for project volunteers who wish to construct localized versions of the new Wikipedia puzzle globe and wordmark combination, specifically to replace previous versions on all language editions of Wikipedia. hi

File:Wikipedia-logo-v2-en SVG.svg
The official English Wikipedia puzzle globe and wordmark

Following the introduction of the revised Wikipedia puzzle globe, the Foundation's usability team revisited the construction of localized versions of the Wikipedia wordmark (the stylized version of the word Wikipedia (with upper case W and A, and the tagline underneath the wordmark: "The free encyclopedia."

Together, the wordmark and puzzle globe form the most visible brand identifier for Wikipedia in all of our languages.

In order to facilitate localization of the wordmark across hundreds of different languages, including dozens of character set varieties, the usability team introduced the use of the open source typeface to replace the proprietary typeface Hoeffler for low-resolution, screen-based implementations of the Wikipedia wordmark. New customizations of the Wikipedia wordmark and puzzle globe can be stored on the Wikimedia Commons, where they will be permanently stored and used in the standard Wikipedia style sheet.

Volunteers and project contributors who wish to construct localized, non-English versions of the Wikipedia wordmark and puzzle globe can use this guide to construct localized versions of the Wikipedia puzzle globe and wordmark for use on different language editions of Wikipedia.

A full gallery of all variations of the Wikipedia wordmark, in both PNG and SVG formats can be found on the Wikimedia Commons.

Getting started

Use blueprint file

Use this blueprint SVG fiel to construct localized versions of the mark:

The type face: Linux Libertine

The official type face for creating localized versions of the Wikipedia wordmark is Linux Libertine.

  • Visit its page on Wikipedia for information about the type face: Linux Libertine on Wikipedia
  • Download the font-file Linux Libertine, from linuxlibertine.org (files and licenses)
  • IMPORTANT: Only use the font version: "LinLibertine_Re-4.7.3.otf"
(since this is slighty modified espacially for us!)

Alternativ type faces

If LinuxLibertine does not support your language, a different OpenSource font has to be used. We recommend:

Software

You can use Inkscape, the opensource illustration software to create the new puzzle globe and wordmark file and Gimp to create a PNG-file.
If you need to insert special characters you can copy&paste from elsewhere. We think KCharSelect is a good Open Source Software for this purpose. The Wikipedia "W" has to be inserted as a special character (U+e02f). You can also use commercial software, such as Adobe Illustrator and Adobe Photoshop.

Wikipedia wordmark creation grid

Use the grid below to precisely position the localized variants of the Wikipedia workdmark and the 'Free encyclopedia' tagline underneath.

Dimensions for the creation of the puzzle globe and wordmark are clearly marked on the accompanying grid.

  • The W in the Wikipedia wordmark is a customized W character, known as the "stylized Wikipedia W." It is not a standard, LinLibertine W character.
  • When a W appears as the first character of the Wikipedia wordmark, it must use the stylized Wikipedia W.
  • Text should not appear outside of these dimensions or limits.
  • The main WikipediA wordmark typeface height is 27pt in LinLibertine.
  • The main tagline The free Encyclopedia text uses non italicized 13pt LinLibertine typeface.
  • The first and last characters of the 'WikipediA' wordmark must use upper-case characters, when that option exists for your typeface.
  • In all cases the typeface should appear as 100% black.

Preparing files for upload

In Gimp or another graphic production package (Photoshop etc)

'1. Create a new file with these preferences:

  • width: 135px
  • height: 155px
  • resolution 72 dpi
  • color mode: RGB
  • under color profile, or a similar setting, chose 'no color management'

2. Insert the logo from Inkscape or another illustration program:

  • copy the objects from Inkscape and paste them into the newly-created file in the graphics program

3. Position:

  • Position the objects so the X-position is: 67,5px and the Y-position is 100px
  • The objects should be centered along the Y-axis
  • The distance between bottom of the file and baseline of the desciptor has to be 4px. (Keep this in mind if you have changed the fontsize of the descriptor)
  • Ensure the background information (white or other color) are deleted.

4. Save your file as a PNG:

  • In Photoshop, click on "Save for web" (Top Navigation: "File": "Save for Web")
  • In Gimp or other programs look for a web-friendly format.
  • Choose png-24
  • Make sure "transparency" is checked
  • Name your file like this: "Wikipedia-logo-v2-" + language Code
    • In this case (for slovak Wikipedia) "Wikipedia-logo-v2-sk"
  • Upload the PNG format to the Wikimedia Commons logo gallery

Creating an SVG format (with Inkscape or Illustrator)