Brand Identity Elements/Typography
From Joomla! Documentation
< Joomla:Brand Identity Elements
This is a multiple article series on the basic guidelines for the correct usage of the graphic elements of Joomla’s identity, in order to create high quality, visually stunning communication materials.
Begin with the Introduction, and navigate the articles in this series by using the navigation button at the bottom or the box to the right (Articles in this series).
The relationship (size, positioning, colours, etc.) of the brand identity elements should never be altered in any way.
Typography
The tagline’s typeface is Source Sans Pro Regular, designed by Paul D. Hunt for Adobe. It is a sans serif typeface intended to work well in user interfaces. Do not use a different typeface other than the one displayed here.
Primary Typeface[edit]
The primary typeface chosen to communicate the Joomla! voice is Source Sans Pro. From body copy to headlines, from print to web, this typeface will cover all design needs. Source Sans Pro is an open source type family designed by Paul D. Hunt. It is classified as sans serif and it was developed to work well both for print and screen usage. The family currently includes six weights, from ExtraLight to Black, in upright and italic styles.
- Tone: Contemporary, brilliant, friendly.
- Best used in: Headlines, body copy.
- Availability: The Source Sans family is available for use on the web via font hosting services including Typekit, WebInk, and Google Web Fonts.
- Language support: Because Joomla! is used around the world, we chose a font that supports a wide variety of languages using Latin script, including Western and Eastern European languages, Vietnamese, and the pinyin Romanization of Chinese.
Alternative Primary Typefaces[edit]
Other typefaces can be used when a language isn’t supported by the main primary typeface. These are the preferred typefaces that should be used when Source Sans Pro is unavailable.
- Helvetica: Helvetica offers many weights which allow for a lot of design flexibility for all graphic communications.
- Lato: Lato is a sans serif typeface family designed by Łukasz Dziedzic. Lato consists of five weights (plus corresponding italics). Hairline style should not be used.
Secondary Typeface[edit]
The secondary typeface, Merriweather, adds a more formal and confident tone to any graphic, when needed. Merriweather is an open source typeface family designed by Eben Sorkin. It is classified as serif and it was developed to be highly legible both in print and on a screen. The family currently includes 4 weights, from Light to Ultra Bold, in upright and italic styles.
- Tone: Confident, formal, serious.
- Best used in: Body copy and small text.
- Availability: The Merriweather family is available for use on the web via font hosting services including Typekit, WebInk, and Google Web Fonts.
- Language support: Merriweather supports a limited number of languages.
Alternative Secondary Typefaces[edit]
Other typefaces can be used when a language isn’t supported by the main secondary typeface. One of the two typefaces described below should be used when Merriweather is unavailable.
- Georgia: Georgia is a transitional serif typeface designed in 1993 by Matthew Carter for Microsoft. Georgia consists of 2 weights (and related italics).
- Libre Baskerville: Libre Baskerville is a serif typeface family designed by Impallari Type. Libre Baskerville consists of 2 weights (plus normal italics).
Joomla! Wordmark Typeface[edit]
The Asenine Wide font used for the Joomla! wordmark is considered a branding typeface associated with the Joomla! name and trademark.
The use of this typeface is reserved exclusively for the Joomla! wordmark and the signature. Usage as title font for headings and graphics or in connection with other content are not allowed.
Horizontal version: Asenine wordmark with Joomla! flat brandmark:
- Do not use Asenine Wide for your business signature : Do not use the typeface to brand your company and your products as Joomla! related products without specific authorization of the Joomla! Project.
- Do not use Asenine Wide in graphics : Do not use the typeface for headings and graphics or in connection with other content.