Jump to content

Manual:MediaWiki logo guidelines

From mediawiki.org
Logo style guide

The MediaWiki logo is a flower that has evolved from an ordinary sunflower into a new species that represents a collection of projects built on our engine: each petal is one of the many wikis that we support, and the lack of an explicit core shows that we are part of these projects, as well as and they are part of MediaWiki.

Our logo also reflects the fact that evolution never stops, and like the petals of a flower, the development of each project, the growth of each community built on our engine allows everyone else to grow.

The logo was chosen in a community process (the Wiki way) in Project:Proposal for changing logo of MediaWiki, 2020 .

Colors

[edit]
The colors of the logo are selected to reflect the round-the-clock work of the multitude of projects on our engine all around the world.
  #0a00b2
  #ff0000
  #fffc00
The gradient is used in the logo with 65 opacity and a 45 degree tilt angle. The gradient must completely fill the area of the square.

Font for wordmark

[edit]
The font used to write the wordmark is Montserrat with the following parameters:
  • Semi-bold 600
  • Font height: 110%
  • Letter spacing: -20 in Photoshop and -0.02em in CSS
  • The dots above the letter "i" are lowered to match the height of taller letters

Variants

[edit]
The logo can be published with or without the wordmark in two directions and color schemes:
Colorful logo on a white background.
Black logo on a white background. The base color of the icon and the wordmark must be as pictured.
Colorful logo on a black background.
White logo on a black background. The base color of the icon and the wordmark must be as pictured.

Directions

[edit]
The logo can be used in two ways:
  • Horizontal version for a new design.
  • Vertical version for a legacy design.


Icon sizes

[edit]
The further a flower is from you, the fewer petals you see on it. The same practice is followed by the MediaWiki logo.

There are three versions of the logo, each of which should be used at the appropriate size:

Large flower with 30 petals, used for logo sizes larger than 100px, usually for a legacy vector logo.
Medium flower with 24 petals, used for logos ranging from 25px to 100px, usually used in the new vector skin.
Small flower with 16 petals, created especially for ultra-small logos (less than 25px in size) and used for the “Powered by” button.

Composition and clearspace

[edit]
A vertical logo is created according to these rules. In order to build a horizontal logo, use the general rules for creating logos for the new vector skin.

Derived logos

[edit]
It is not recommended to change the position and size of the petals to create derivative logos. Here are some good examples:
Installer icon
“Powered by” button
Flower
Wikitech logo