Jump to content

Marca/Tipografia

From Meta, a Wikimedia project coordination wiki
This page is a translated version of the page Brand/Typography and the translation is 58% complete.

Tipografia

Tipos de letras

Communicating through text is an important part of Wikimedia’s brand. Using typography effectively and consistently is key to get your message across. Wikimedia uses two main typefaces, Montserrat and Source Serif 4. They are both free and open source.

Montserrat

The primary typeface for Wikimedia is Montserrat. It is used in the Wikimedia Foundation logo, and for all the branded content we make. Montserrat is a versatile sans-serif typeface. It has certain humanist features, giving it character and warmth, while its large X-height and wide construction give it a lot of impact. It works well for big headlines as well as smaller paragraphs of body copy.

Serif 4 Fonte

Source Serif 4 is a serif typeface in the transitional style. Designed for a digital environment, the letter shapes are simplified and highly readable. The typeface has a strong character of its own that will shine when used for extended text on paper or screen.

Internacionalização

Noto has been our default replacement for non-latin languages. Just like Montserrat and Source Serif it's open source and free to use under the Open Font License, which is great! However, we also encourage you to find a typeface with support for your language/script that you think fits best. We want to be aesthetically consistent, and Noto has quite a different expression than Montserrat. If you think of it as a substitute for Montserrat, you should try to find a typeface with a similar character.

Tipo em utilização

Both Montserrat and Source Serif have a wide selection of weights, which can be confusing when typesetting your message. In order to communicate your message as clearly and simply as possible, we recommend mainly using the Regular and Bold weights of both typefaces.

When communicating as a Wikimedia affiliate, we recommend using Montserrat as the primary headline typeface. Montserrat looks good set big and bold. This makes for a punchy message! Source Serif is easier to read in long blocks of text and looks very nice as a body copy typeface.

We like to use a minimum number of sizes and weights at once. Using uniform typefaces and hierarchies is an effective way to strengthen brand recall. However, a limited number of typefaces does not need to restrict creative expression. Here are some examples of visual variety within a consistent typographic system:

Changing the colour of a word is a simple method to create emphasis and incorporate hierarchy without too much font variation. Highlighting “human” in the phrase underscores the most important part of the message.


Treating select fonts with simple shapes, holding devices and textures helps assign a mood to the creative and can express a particular style or art direction.


Adding dynamic elements can enhance the storytelling capacity of copy. Borrowing from Wikipedia’s diff interface completes the story strategically by selectively displaying and revealing information.