Revision as of 11:28, 26 January 2022

Want to help translate? Translate the missing messages.

Imagery

Illustrations
Image style

Illustrations

Illustrations can really make your content come to life. We have used line illustrations for a while, and we like this style. We also really like the WP20 illustrations that Karabo Poppy Moletsane and Jasmina El Bouamraoui made. We prefer to use them in one colour, in a big scale. It’s a large set of illustrations, so there is lots to choose from – find one that suits your message!

They work well in black and white, or in combination with our expanded colour palette.

See all the illustrations on Commons

Image style

Photography is an essential part of communication — and an important tool for us to communicate values and personality. Picking the right photos can be challenging, so we have gathered a few tips to get you started.

Subject

Feel free to pick any subject that supports your message, but stay away from anything that can be found offensive. Think about how the photo can communicate ‘community’ and ‘knowledge’, which is what we’re all about. Photos of people tend to grab attention and evoke emotions. Cityscapes and nature photography can set a nice mood and context for your message. These are good places to start.

Quality and resolution

Make sure the photo you choose is high quality, high resolution and with the intended subject in focus. A good rule of thumb is that photos intended for screen use should have a resolution of at least 1920 x 1080 pixels (or 1080 x 1920).

Text

Putting text over a full bleed photo can make your message pop! Just make sure it has a nice contrast with either black or white, so the text is legible and clear. Don’t place text on top of the subject/focal point of the photo, such as faces, people or buildings.

Left: J. Herzog / CC BY 4.0. Right: © A.Savin, WikiCommons.

The examples above have sufficient contrast with the background, and doesn’t cover any important elements in the photo.

We encourage you to stay away from applications like the ones below, they are too difficult to read.

Left: L. Gottschalk / CC0 1.0. Right: R. Eisele / CC BY 4.0

Credits

Make sure you have the rights to use the chosen photo, and be sure to credit the photographer/creator.

Selection

Below you can find a selection of photos from Commons you are free to use for your content.

See the full set on Commons

@@ Line 14: / Line 14: @@
 <div class="center-image">[[File:WMF_Brand_Guidelines_Update_2022_-_Wikimedia_Illustration_1.png]]</div>
-Illustrations can really make your content come to life. We have used line illustrations for a while, and we like this style. We also really like the [[metawiki:Wikipedia_20/Resources|WP20 illustrations]] that Karabo Poppy Moletsane and Jasmina El Bouamraoui made. We prefer to use them in one color, in a big scale. It’s a large set of illustrations, so there is lots to choose from – find one that suits your message!
+Illustrations can really make your content come to life. We have used line illustrations for a while, and we like this style. We also really like the [[metawiki:Wikipedia_20/Resources|WP20 illustrations]] that Karabo Poppy Moletsane and Jasmina El Bouamraoui made. We prefer to use them in one colour, in a big scale. It’s a large set of illustrations, so there is lots to choose from – find one that suits your message!
 <div class="center-image">[[File:WMF_Brand_Guidelines_Update_2022_-_Wikimedia_Illustration_2.png]]</div>
-They work well in black and white, or in combination with our expanded color palette.
+They work well in black and white, or in combination with our expanded colour palette.
 <div class="center-image">[[File:WMF_Brand_Guidelines_Update_2022_-_Wikimedia_Imagery_Illustration_3.png]]</div>
 <div class="center-image">[[File:WMF_Brand_Guidelines_Update_2022_-_Wikimedia_Illustration_4.png]]</div>
@@ Line 78: / Line 78: @@
 {{Template:Brand/footernav
-| prevlink = Brand/colors
+| prevlink = Brand/colours
 | nextlink = Brand/campaigns
-| prevtext = Colors
+| prevtext = Colours
 | nexttext = Campaigns
 | previmg = File:WMF_Brand_Guidelines_Update_2022_-_Main_Page_Button_03.png