Joomla! Documentation™

Brand Identity Elements

Articles in this Series

1. Introduction
2. Joomla! Logo
3. Typography
4. Background Usage
5. Signature Usage
6. Important Notes
7. Proper use of the Joomla! name
8. Brand Colour System
9. List of Joomla! Trademarks

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.

Joomla! Trademark Website

Request the use of a Trademark

Joomla! Brand Manual 2017

Signature Usage

Consistent presentation of our logo is important and helps promote recognition of the Joomla! brand.

Signature

The Joomla! signature is strong and clean and should always be treated with respect in its usage. Isolating the signature protects it from being distorted by other imagery, graphics and page trim. Only the Joomla! website address or the tagline may be placed closer to the signature.

Horizontal signature: empty space

• Calculating the area of isolation: The height of the empty area around the signature should be half of the height of the Joomla! mark. For instance, if the Joomla! mark is 4cm tall, there should be an empty space 2cm thick around the signature, isolating it from all other imagery, graphics or page trim.

Vertical signature: empty space

• Calculating the area of isolation: The same thing is done to calculate the empty space needed around the vertical signature as is done with the horizontal signature.

Brandmark

When used on its own, the Joomla! brandmark should always be treated with respect. Isolating the brandmark in this way protects it from being distorted by other imagery, graphics and page trim. Only the Joomla! logotype may be placed closer to the brandmark.

Brandmark: empty space

• Calculating the area of isolation: The height of the empty area around the signature should be a quarter of the height of the Joomla! mark. For instance, if the Joomla! mark is 4cm tall, there should be an empty space 1cm thick around the brandmark, isolating it from all other imagery, graphics or page trim.

Size of elements

Signature size in print

The Joomla! signature should be sized for clear legibility, taking into account the minimum amount of empty space required around it. Let good legibility be your guide when sizing the Joomla! signature.

• Standard signature: The standard full-colour horizontal version of the signature must never be used at a width of less than 70mm. The standard single-colour horizontal version of the signature must never be used at a width of less than 60mm.
• Optional version: The optional full-colour vertical version of the signature must never be used at a width of less than 45mm. The optional single-colour vertical version of the signature must never be used at a width of less than 60mm.

Signature size for digital use

When using the Joomla! signature on the web, it needs to be sized for clear legibility, taking into account the minimum amount of empty space required around it. A clearly legible logo with empty space around it is always more visually appealing than a logo that is sized too large for the space available, making it look cluttered and harder to read.

• Standard signature: The standard full-colour and single-colour horizontal version of the signature must never be used at a width of less than 190px.
• Optional version: The optional full-colour and single-colour vertical version of the signature must never be used at a width of less than 130px.

Small version for print and web

It may be necessary to use the Joomla! signature at a width narrower than that specified. In this case, we recommend removing both the registered indicia and the tagline, as both elements may be hard to read.

• Small horizontal version: The small use horizontal full-colour version must never be used at a width of less than 35mm or 100px (72dpi). The small use horizontal single-colour version must never be used at a width of less than 30mm or 90px (72dpi).
• Small vertical version: The optional full-colour vertical version of the signature must never be used at a width of less than 45mm. The standard single-colour vertical version of the signature must never be used at a width of less than 60mm.

Brandmark size

Our brandmark is extremely recognisable and captures the essence of our community. When space does not allow for the Joomla! signature to be large enough to be readable, or when otherwise desirable, the Joomla! branmark can be used alone.

• Standard size in print: The flat brandmark, both the full-colour and single-colour versions, must never be used at a width of less than 28 mm.
• Small brandmark for print and digital use: When using the brandmark in a size smaller than that indicated above, we recommend the removal of the TM indicia. Some examples of when to use the brandmark without the TM include when it is used as a social media av atar, icon, or favicon.

Signature usage with partners

The Joomla! signature may be used alongside partners’ logotypes. We recommend always ensuring that all logos appear equal in stature and that the partner logo does not extend into the empty space required around the Joomla! signature.

Incorrect usage of signature

The examples below can help members of the Joomla! community avoid misuse of the logo. For more visual examples, please see Incorrect usage of the Signature

• Do not re-typeset: Never attempt to create the signature. Never combine the logo with any other logo or with any text other than the tagline.
• Do not re-configure or alter it in any way: Do not rotate the brandmark. Do not stretch, condense or distort the signature, or any part of it, in any way.
• Do not modify the brandmark: Do not add other elements to the brandmark. Do not transpose the colours. Do not apply any effect that can compromise the clarity of the logo.
• Do not change proportions between the signature elements: Do not resize the tagline. Do not change the spacing between the individual elements or characters.
• Do not rotate the signature: Do not place the signature, or any part of it, at an angle other than horizontal.
• Do not use a low-quality signature: Do not use photocopied, faxed, low-resolution or other low-quality artwork.
• Do not use old versions.
• Do not use the logotype alone: While you can use the brandmark alone, the logotype must alwasy be used along with the brandmark.
• Do not create a pattern out of the logotype: Do not repeat, rotate or combine the logotype to create motifs and patterns.
• Do not use other brandmarks: Do not visually associate our logotype with different marks.

Incorrect usage of signature colours

The colours of the signature are not meant to be changed or altered in any way.

• Do not transpose or change the colours in anyway.

File:Brand-Signature-incorrect-use-1-en.png

• Do not apply gradients to the signature.

File:Brand-Signature-incorrect-use-2-en.png

• Do not change the direction or colour of the glossy effect on the 3D brandmark.

File:Brand-Signature-incorrect-use-3-en.png

For detailed information, please see the Correct and Incorrect usage of the Signature

Prev: Background Usage

Next: Important Notes