Manual:MediaWiki logo guidelines

MediaWiki-2020-logo-horizontal.svg 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.

MediaWiki-2020-large-icon.svg

ColorsEdit

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 wordmarkEdit

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
MediaWiki-2020-wordmark.svg

VariantsEdit

The logo can be published with or without the wordmark in two directions and color schemes:
Colorful logo on a white background.
MediaWiki-2020-large-icon.svg MediaWiki-2020-logo.svg MediaWiki-2020-icon.svg MediaWiki-2020-logo-horizontal.svg
Black logo on a white background. The base color of the icon and the wordmark must be as pictured.
MediaWiki-2020-large-icon-(black).svg MediaWiki-2020-logo-(black).svg MediaWiki-2020-icon-(black).svg MediaWiki-2020-logo-horizontal-(black).svg
Colorful logo on a black background.
MediaWiki-2020-large-icon.svg MediaWiki-2020-logo-(white-wordmark).svg MediaWiki-2020-icon.svg MediaWiki-2020-logo-horizontal-(white-wordmark).svg
White logo on a black background. The base color of the icon and the wordmark must be as pictured.
MediaWiki-2020-large-icon-(white).svg MediaWiki-2020-logo-(white).svg MediaWiki-2020-icon-(white).svg MediaWiki-2020-logo-horizontal-(white).svg

DirectionsEdit

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

Icon sizesEdit

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.
MediaWiki-2020-large-icon.svg
Medium flower with 24 petals, used for logos ranging from 25px to 100px, usually used in the new vector skin.
MediaWiki-2020-icon.svg
Small flower with 16 petals, created especially for ultra-small logos (less than 25px in size) and used for the “Powered by” button.
MediaWiki-2020-small-icon.svg

Composition and clearspaceEdit

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

Derived logosEdit

It is not recommended to change the position and size of the petals to create derivative logos. Here are some good examples:
Installer icon
MediaWiki-2020-installer-large-icon.svg
“Powered by” button
MediaWiki-2020-button.svg
Flower
MediaWiki-2020-flower.svg
Wikitech logo
Wikitech-2021-logo-blue.svg
PD Note: When you edit this page, you agree to release your contribution under the CC0. See Public Domain Help Pages for more info.
PD