Difference between revisions of "Brand Identity Elements/Signature Usage"
From Joomla! Documentation
< Joomla:Brand Identity Elements
| Line 26: | Line 26: | ||
*'''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. | *'''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. | ||
[[Image:Brand-Brandmark-empty-space-en.png]] | [[Image:Brand-Brandmark-empty-space-en.png]] | ||
| + | |||
| + | ==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'''. | ||
==Incorrect usage of signature== | ==Incorrect usage of signature== | ||
Revision as of 07:24, 23 July 2015
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.
Consistent presentation of our logo is important and helps promote recognition of the Joomla! brand.
Signature[edit]
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[edit]
- 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[edit]
- 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[edit]
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[edit]
- 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.
Signature size in print[edit]
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[edit]
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.
Incorrect usage of signature[edit]
The examples below can help members of the Joomla! community avoid misuse of the logo. For more examples, please see Incorrect usage of the Signature
Incorrect usage of signature colours[edit]
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