16.02.2015 Views

Visual Identity Guidelines - The Sphere Project

Visual Identity Guidelines - The Sphere Project

Visual Identity Guidelines - The Sphere Project

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

<strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong><br />

Version 1.0 | July 2012<br />

If you need to use the <strong>Sphere</strong> <strong>Project</strong> logo in languages other than English,<br />

please visit <strong>Sphere</strong><strong>Project</strong>.org/visual-identity.<br />

This document is also available in French and Spanish.


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> establishes and<br />

promotes minimum standards for use<br />

by the global humanitarian community<br />

in their response to the plight of people<br />

affected by disaster or conflict.<br />

A voluntary initiative encompassing a<br />

broad range of humanitarian actors,<br />

its goal is to improve the quality and<br />

the accountability of humanitarian<br />

response.<br />

<strong>The</strong> new <strong>Sphere</strong> <strong>Project</strong> logo expresses<br />

in a lively manner the character of the<br />

<strong>Sphere</strong> community: compassionate,<br />

professional, global.<br />

Professionalism as well as commitment<br />

to quality and accountability are<br />

qualities reflected in its simple, clean<br />

look.<br />

<strong>The</strong> font used for the logotype and<br />

tagline – Myriad – is a sans serif,<br />

humanist typeface derived from<br />

handwriting; it conveys a clear and<br />

professional yet empathetic look.<br />

Humanity and compassion are<br />

suggested by the hand-drawn style of<br />

the logomark – the earth globe.<br />

<strong>The</strong> green and blue are fresh,<br />

complementary colours; the gradient<br />

representing the sea gives the logomark<br />

a contemporary look.<br />

<strong>The</strong> latitude and longitude lines<br />

suggest energy and urgency, recalling<br />

the nature of humanitarian response as<br />

well as a global network.<br />

<strong>The</strong> circles encompassing the globe<br />

illustrate protection as well as the<br />

universality of the humanitarian<br />

imperative.<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

Logomark<br />

Logotype<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

Tagline<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> logo is composed of three elements:<br />

• a Logomark (the globe),<br />

• a Logotype (‘<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong>’) and<br />

• a Tagline (‘Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response’).<br />

<strong>The</strong> logo design establishes the visual proportions, alignment<br />

and spacing of these elements. <strong>The</strong>se specifications should<br />

not be modified.<br />

Consistent use of the logo will result in increased brand<br />

recognition. <strong>The</strong>refore, modifying elements of the logo<br />

design should be avoided.<br />

<strong>The</strong> logomark may be used separately (without the logotype<br />

and tagline) as part of a graphic design only if the full version<br />

of the logo is also included in the same product.<br />

See also Variations<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

CMYK<br />

SPOT COLOUR<br />

SCREEN & WEB<br />

MONO<br />

Cyan 100 Cyan 60 Cyan 0<br />

Magenta 72 Magenta 0 Magenta 0<br />

Yellow 0 Yellow 90 Yellow 0<br />

Black 26 Black 0 Black 80<br />

Pantone 294 Pantone 368 Pantone 7545<br />

Red 0 Red 112 Red 88<br />

Green 67 Green 191 Green 88<br />

Blue 134 Blue 84 Blue 90<br />

HEX #004386 HEX #70BF54 HEX #58585A<br />

Pantone 294 - Pantone Black<br />

<strong>The</strong> logo may be reproduced in black or Pantone 294.<br />

No other colours are permitted for reproducing the logo in a<br />

single colour.<br />

LIGHT BLUE<br />

C35 M0 Y10 K0<br />

DARK BLUE<br />

C80 M50 Y0 K0<br />

<strong>The</strong> logo features a<br />

gradated fill; because of<br />

this, it is best to use the<br />

final artwork files rather<br />

than try to recreate the<br />

logo design.<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

Landscape version<br />

Reversed versions<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

A landscape version of the logo may be used where the<br />

standard version would not reproduce well because of space<br />

constraints or other considerations.<br />

No tagline version<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

When the logo is to be reproduced on a dark background,<br />

the reversed logo versions created for that purpose should<br />

be used. Only black and Pantone 294 are accepted as<br />

background colours. <strong>The</strong>re is no single-colour reversed<br />

version of the logo; reversed versions are always full colour.<br />

<strong>The</strong> logo, both in its standard and landscape versions, may<br />

be used without the tagline when reproduced in small size.<br />

Specific artwork files are available for that purpose.<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

Where the logo is to be reproduced on a solid background<br />

colour other than black or Pantone 294, the regular version of<br />

the logo should be used on a white panel with round corners.<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

<strong>The</strong> exclusion zone is the area that must be kept clear around<br />

the logo. This ensures that the logo has optimal readability<br />

and impact.<br />

<strong>The</strong> exclusion zone should be of at least the same dimensions<br />

as the logotype’s capital letters. Headlines, text copy, other<br />

logos or graphics as well as images must not appear within<br />

the exclusion zone.<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

<strong>The</strong> logo should always be used in such a way that its<br />

legibility is preserved.<br />

For print, the minimum sizes allowed for the logo are<br />

indicated below.<br />

Standard version<br />

Landscape version<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

50 mm wide<br />

60 mm wide<br />

25 mm wide<br />

35 mm wide<br />

Reproductions of the standard logo should never measure<br />

less than 50 mm wide (or 25 mm if using the version without<br />

the tagline).<br />

Reproductions of the landscape logo should never measure<br />

less than 60 mm wide (or 35 mm if using the version without<br />

the tagline).<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Elements Colours Variations Exclusion zone Minimum sizes Use and misuse<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> logo may be used to identify products<br />

and activities related to the <strong>Sphere</strong> Handbook and<br />

developed by the <strong>Sphere</strong> community – that is, organizations<br />

and individuals committed to the <strong>Sphere</strong> principles and<br />

standards.<br />

However, certain conditions apply:<br />

• the authorship of these products needs to be clearly<br />

identified and prominently displayed so as not to imply<br />

endorsement by the <strong>Sphere</strong> <strong>Project</strong> office;<br />

• the logo cannot be used in any way that might suggest<br />

endorsement by the <strong>Sphere</strong> <strong>Project</strong> office (please consult<br />

the <strong>Sphere</strong> <strong>Project</strong> office in case of doubt);<br />

• the logo cannot be reproduced alone on the cover<br />

of publications (print or electronic) websites or other<br />

products (please consult the <strong>Sphere</strong> <strong>Project</strong> office in case<br />

of doubt);<br />

• the logo cannot be used for commercial purposes nor<br />

be displayed on items designated for sale without prior<br />

agreement by the <strong>Sphere</strong> <strong>Project</strong> office;<br />

• the logo cannot be used in business cards, letterheads or<br />

personal websites.<br />

How not to use the logo<br />

<strong>The</strong> logo should not be reproduced in any way that alters it<br />

or causes its deterioration. In particular, avoid:<br />

• stretching, distorting or condensing it;<br />

• altering the proportions between logotype, tagline and<br />

logomark;<br />

• modifying the colour specifications;<br />

• altering or substituting the Myriad typeface;<br />

• reproducing the logo from a photocopy, facsimile,<br />

printed sample or anything other than the approved<br />

artwork files available alongside these guidelines;<br />

• reproducing it on a busy background, like a photograph,<br />

or on a solid background colour other than black or<br />

Pantone 294 when using its reversed version.<br />

Examples of how not to use the logo<br />

<br />

<br />

<br />

<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Primary colours<br />

<strong>The</strong> two primary colours<br />

used on print and electronic<br />

materials are the blue and<br />

green* specified here. <strong>The</strong>se<br />

colours may also be used in<br />

other visual elements such as<br />

backgrounds, fills, etcetera.<br />

Tints of these colours may<br />

also be used.<br />

Pantone: 294<br />

CMYK: C100 / M72 / Y0 / K26<br />

RGB: R0 / G67 / B134<br />

HEX: #004386<br />

Pantone: 361<br />

CMYK: C68 / M0 / Y87 / K0<br />

RGB: R84 / G186 / B92<br />

HEX: #54BA5C<br />

Secondary colours<br />

<strong>The</strong>se colours may be used<br />

in conjunction with the main<br />

branding colours to provide<br />

other design options. Tints<br />

of these colours may also be<br />

used.<br />

Pantone: 187<br />

CMYK: C0 / M100 / Y65 / K18<br />

RGB: R200 / G15 / B63<br />

HEX: #C80F3F<br />

Pantone: CYAN<br />

CMYK: C100 / M0 / Y0 / K0<br />

RGB: R0 / G174 / B239<br />

HEX: #00AEEF<br />

Pantone: 226<br />

CMYK: C3 / M100 / Y0 / K0<br />

RGB: R228 / G2 / B140<br />

HEX: #E4028C<br />

Pantone: 259<br />

CMYK: C65 / M100 / Y0 / K16<br />

RGB: R104 / G32 / B125<br />

HEX: #68207D<br />

* Please note that this green is not the<br />

same as the one used on the logo.<br />

Pantone: 144<br />

CMYK: C0 / M59 / Y100 / K0<br />

RGB: R245 / G131 / B31<br />

HEX: #F5841F<br />

Pantone: 7409<br />

CMYK: C0 / M36 / Y100 / K0<br />

RGB: R251 / G173 / B24<br />

HEX: #FBAD18<br />

Pantone: 315<br />

CMYK: C100 / M0 / Y18 / K42<br />

RGB: R0 / G115 / B139<br />

HEX: #00738B<br />

Pantone: 424<br />

CMYK: C12 / M8 / Y10 / K60<br />

RGB: R112 / G115 / B115<br />

HEX: #707373<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Sans serif typefaces<br />

<strong>The</strong> Myriad font family is the primary sans serif typeface to be<br />

used in all visual materials produced by the <strong>Sphere</strong> <strong>Project</strong>.<br />

Myriad is installed as part of the Adobe Creative Suite 3 (and<br />

above). It is also available as part of Adobe Acrobat Reader<br />

7.0 (and above).<br />

Myriad Regular<br />

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />

abcdefghijklmnopqrstuvwxyz<br />

Serif typefaces<br />

<strong>The</strong> Adobe Caslon Pro font family is the serif typeface of<br />

choice. It is used in all products that include large amounts of<br />

body text as it makes it easier to read than a sans serif font. It<br />

may also be used to achieve contrast with the sans serif font<br />

families. Adobe Caslon Pro is installed as part of the Adobe<br />

Creative Suite 3 (and above).<br />

Adobe Caslon Pro<br />

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />

abcdefghijklmnopqrstuvwxyz<br />

Where there is no access to the Myriad font family, Lucida<br />

Sans may be used instead. Lucida Sans is the preferred<br />

typeface for use on the website and email communications.<br />

Lucida Sans is a standard Windows and Apple font.<br />

Where there is no access to the Adobe Caslon Pro font family,<br />

Times New Roman may be used instead.<br />

Times New Roman is a standard Windows and Apple font.<br />

Lucida Sans<br />

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />

abcdefghijklmnopqrstuvwxyz<br />

Times New Roman<br />

ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />

abcdefghijklmnopqrstuvwxyz<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


Logo Colour palette Typefaces Downloads<br />

Please find below links to several downloadable sets of<br />

artwork files of the <strong>Sphere</strong> <strong>Project</strong> logo in its different<br />

versions.<br />

<strong>The</strong> print sets contain CMYK and Pantone files in vector<br />

format. <strong>The</strong>se are for use in publications, banners and other<br />

professionally printed products.<br />

<strong>The</strong> PC sets include RGB files in JPG format. <strong>The</strong>se are for use<br />

in documents generated with word processors, presentations<br />

and the like.<br />

<strong>The</strong> digital sets contain HEX files in JPG format and are for use<br />

online.<br />

All downloadable sets are compressed files in ZIP format. A<br />

free-of-charge tool to decompress them is available here.<br />

Artwork files<br />

Fonts<br />

<strong>Sphere</strong> <strong>Project</strong> logo<br />

(with and without tagline)<br />

Reversed versions<br />

(for use on solid colour background)<br />

Print<br />

(1.5 Mb)<br />

Print<br />

(1 Mb)<br />

Standard<br />

PC<br />

(0.9 Mb)<br />

PC<br />

(1 Mb)<br />

Digital<br />

(0.5 Mb)<br />

Digital<br />

(1 Mb)<br />

Print<br />

(1.2 Mb)<br />

Print<br />

(0.8 Mb)<br />

Landscape<br />

PC Digital<br />

(0.8 Mb) (0.5 Mb)<br />

PC Digital<br />

(0.7 Mb) (0.7 Mb)<br />

We cannot supply fonts<br />

for download due to<br />

restrictions imposed<br />

by license agreements.<br />

However, Lucida Sans<br />

and Times New Roman<br />

are included in most PCs’<br />

standard font packages.<br />

By downloading and using the <strong>Sphere</strong> <strong>Project</strong> logo, you agree to its Terms of Use.<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> | <strong>Visual</strong> <strong>Identity</strong> <strong>Guidelines</strong> 1.0


<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> thanks all members of the <strong>Sphere</strong><br />

community for their compliance with these guidelines.<br />

<strong>The</strong> latest version of this document and of the high<br />

resolution files referred to in it can be found on the <strong>Sphere</strong><br />

<strong>Project</strong> website: <strong>Sphere</strong><strong>Project</strong>.org/visual-identity<br />

Humanitarian Charter and Minimum Standards<br />

in Humanitarian Response<br />

Mail: P.O. Box 372, 1211 Geneva 19, Switzerland . Office: 17, chemin des Crêts, 1209 Geneva, Switzerland<br />

Tel: + 41 22 730 4498 . Fax: +41 22 730 4905 . Email: info@<strong>Sphere</strong><strong>Project</strong>.org . Website: www.<strong>Sphere</strong><strong>Project</strong>.org<br />

<strong>The</strong> <strong>Sphere</strong> <strong>Project</strong> Board: ACT Alliance • Aktion Deutschland Hilft • CARE International • CARITAS Internationalis • DanChurchAid/<strong>The</strong> Lutheran World Federation<br />

InterAction • International Council of Voluntary Agencies • International Federation of Red Cross and Red Crescent Societies • International Medical Corps<br />

Office Africain pour le Développement et la Coopération • Oxfam International • Plan International • Policy Action Group on Emergency Response<br />

RedR International • Save the Children Alliance • <strong>Sphere</strong> India • <strong>The</strong> Salvation Army • World Vision International

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!