NepenthesOdyssey: 1 revision imported

2025-02-25T09:36:34Z

1 revision imported

New page

<languages/>
__NOTOC__
<div style="max-width:70em; margin:auto;">
{| style="width:100%;" cellpadding="20"
|-
| [[File:MediaWiki-2020-logo-horizontal.svg|360px]]
|style="text-align:right; font-size:350%; color:#a2a9b1;"| <translate> Logo style guide</translate>
|}

----

{| style="width:100%;" cellpadding="20"
|-
| <translate> '''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.''</translate>

<translate> 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'''.</translate>

<translate> The logo was chosen in a community process (the Wiki way) in {{<tvar name=1>ll|Project:Proposal for changing logo of MediaWiki, 2020</tvar>|Project:Proposal for changing logo of MediaWiki, 2020}}.</translate>
|style="padding:5em;"| [[File:MediaWiki-2020-large-icon.svg]]
|}

<translate>
== Colors == 
</translate>
{| style="width:100%;" cellpadding="20"
|-
| colspan="3" | 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.
|-
| colspan="3" style="background:linear-gradient(45deg, #0a00b2 0%, #ff0000 50%, #fffc00 100%)" |
|-
| style="text-align:left;" | {{legend|#0a00b2|#0a00b2|border=none}}
| style="text-align:center;" | {{legend|#ff0000|#ff0000|border=none}}
| style="text-align:right;" | {{legend|#fffc00|#fffc00|border=none}}
|-
| colspan="3" | 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.
|}

<translate>
== Font for wordmark == 
</translate>
{{see also|wmf:Visual identity guidelines}}
{| style="width:100%;" cellpadding="20"
|-
|style="width:60%"| <translate> The font used to write the wordmark is ''Montserrat'' with the following parameters:</translate>
* 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
| [[File:MediaWiki-2020-wordmark.svg|250px|center]]
|}

<translate>
== Variants == 
</translate>
{| style="width:100%;" cellpadding="20"
|-
|colspan="2"| <translate> The logo can be published with or without the wordmark in two directions and color schemes:</translate>
|-
| style="width:40%" | Colorful logo on a white background.
|
{|
|-
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-large-icon.svg|150px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-logo.svg|150px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-icon.svg|45px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-logo-horizontal.svg|x45px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-small-icon.svg|20px]]
|}
|-
| Black logo on a white background. '''The base color of the icon and the wordmark must be as pictured.'''
|
{|
|-
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-large-icon-(black).svg|150px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-logo-(black).svg|150px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-icon-(black).svg|45px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-logo-horizontal-(black).svg|x45px]]
| style="padding:8px; border:1px solid #c8ccd1; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#fff;" | [[File:MediaWiki-2020-small-icon-(black).svg|20px]]
|}
|-
| Colorful logo on a black background.
|
{|
|-
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-large-icon.svg|150px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-logo-(white-wordmark).svg|150px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-icon.svg|45px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-logo-horizontal-(white-wordmark).svg|x45px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-small-icon.svg|20px]]
|}
|-
| White logo on a black background. '''The base color of the icon and the wordmark must be as pictured.'''
|
{|
|-
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-large-icon-(white).svg|150px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-logo-(white).svg|150px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-icon-(white).svg|45px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-logo-horizontal-(white).svg|x45px]]
| style="padding:8px; border:1px solid #000; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:8px; background-color:#000;" | [[File:MediaWiki-2020-small-icon-(white).svg|20px]]
|}
|}
<translate>
=== Directions === 
</translate>
{| style="width:100%;" cellpadding="20"
|-
| colspan="2" | The logo can be used in two ways:
* Horizontal version for a new design.
* Vertical version for a legacy design.
|}

<translate>

== Icon sizes == 
</translate>
{| style="width:100%;" cellpadding="20"
|-
| colspan="2" | 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:
|-
| style="width:70%" | Large flower with '''30 petals, used for logo sizes larger than 100px''', usually for a legacy vector logo.
| [[File:MediaWiki-2020-large-icon.svg|150px|center]]
|-
| Medium flower with '''24 petals, used for logos ranging from 25px to 100px''', usually used in the new vector skin.
| [[File:MediaWiki-2020-icon.svg|75px|center]]
|-
| Small flower with '''16 petals, created especially for ultra-small logos (less than 25px in size)''' and used for the “Powered by” button.
| [[File:MediaWiki-2020-small-icon.svg|25px|center]]
|}

<translate>
== Composition and clearspace == 
</translate>
{| style="width:100%;" cellpadding="20"
|-
| colspan=2 | A vertical logo is created according to '''[[wmf:Visual_identity_guidelines#toc-clearspace|these rules]]'''. In order to build a horizontal logo, use the '''[[phab:T245190|general rules for creating logos for the new vector skin]]'''.
|}

<translate>
== Derived logos == 
</translate>
{| style="width:100%;" cellpadding="20"
|-
| colspan="2" | It is not recommended to change the position and size of the petals to create derivative logos. Here are some good examples:
|-
| style="width:70%" | Installer icon
| [[File:MediaWiki-2020-installer-large-icon.svg|150px|center]]
|-
| “Powered by” button
| [[File:MediaWiki-2020-button.svg|center]]
|-
| Flower
| [[File:MediaWiki-2020-flower.svg|150px|center]]
|-
| Wikitech logo
| [[File:Wikitech-2021-logo-blue.svg|150px|center]]
|}
</div>

[[Category:Manual{{#translation:}}]]
[[Category:Development guidelines{{#translation:}}]]
[[Category:Design{{#translation:}}]]
[[Category:Documentation{{#translation:}}]]

Manual:MediaWiki logo guidelines - Revision history

NepenthesOdyssey: 1 revision imported