1 Style and Brand Guide Guidelines for CCCM cluster communications, branding, formatting and templates FEBRUARY 2016 | v0.4

2 Contents 01 Logos 03 02 Written communications 09 03 Typeface 11Main cluster logos 04 Alternative logos 05 Using the logos in partnership 06 Country logos 07 What to avoid 08 02 Written communications 09 Principles 10 03 Typeface 11 Print and web typefaces 12 Typeface principles 13 04 Colours 14 Main colour palete 15 Tints 16 05 Photography 17 Photographic style 18 Ethical image use 19 Finding images 20 06 Templates and publications 21 Cluster templates 22 07 Graphics and visual elements 32 Graphs and data visualisation 33 Icons 35 08 Useful links 36 09 Appendices 37

3 Logos 01 // 3

4 Main cluster Logo www.iraq.cccmcluster.org Horizontal Logo Square LogoThe main CCCM cluster logo is illustrated here. The logo can be downloaded from the Global Cluster Website (link) in .png, .pdf, .svg and .eps versions. The Logo can be used in horizontal or square form as outlined below Horizontal Logo The main horizontal cluster logo should be used on all publications with a light background. The website element should be retained unless absolutely necessary to remove for spacing reasons. Square Logo The square version of the logo can be used on documents where appropriate. This version should be sued without the tag-line. Use of websites If the global or a country cluster wishes to add a website to their logo, this should be done in Myriad Pro in the cluster colour palate (black for Blue logos, white for white logos). The global cluster can provide versions of the logo with country websites if required. iraq.cccmcluster.org

5 Alternative logos The full colour logo should be used where possible. In certain situations, alternative versions of the logo can be used: Black logo Black versions of the logo can be used for black and white publications and where the full colour logo is illegible. White logo White versions of the logo can be used on dark backgrounds/photos and where the colour and black versions of the logo are illegible Activated logo An activated version of the square logo can be used for the header and footer of documents as a design element. Colour, black and white versions can be used as appropriate

6 Using the logo in partnershipCo-branding principles are important to signify the relationship of the cluster to other organisations that it may work with and/or produced products with. This is particularly important to illustrate the clusters’ independence as an institution. The following illustrate examples of how other organisations’ logos should be used in different relationship types. Where the cluster is leading Where the cluster is co-leading In collaboration with Where there is no lead organisation: Where co-lead agency logos are used Co-led by: Working together in partnership NB: Co-lead agencies logos should only be used where absolutely necessary and generally the cluster branding should not include lead agency visibility on a day-to-day basis to promote independence.

7 Country Logos Iraq Iraq Myanmar Myanmar   Do not: South SudanUsually, the standard logos should be used for country level CCCM cluster. Specific country versions of the horizontal logo can be used if necessary, however. The country name should be designed to fit within the grey box illustrated to the right, aligned to the bottom left corner. The country name should be in black Myraid Pro font as n the examples below. South Sudan Iraq Myanmar  Do not: Distort text to fit the logo Use fonts other than Myriad Pro Add additional elements Myanmar Iraq

8 What to avoid To ensure consistency and integrity of the logo, the following should be avoided: Recolouring the logo Only the full colour, black and white version of the logo should be used. Stretching the logo The logo should not be stretched to fit in a publication Rotating the logo The logo should not be rotated to fit within design elements of Iraq Changing the text The text of the logo should not be changed from the official versions Making the logo illegible The logo should not be placed on an element where it will make it illegible Using low resolution versions The logo should be sufficiently high resolution so that it does not appear distorted.

9 Written Communications02 // 9

10 Principles The following principles should be applied to all cluster written communications to ensure that messages are consistent and accessible to all audiences: LANGUAGE English is the primary global cluster language for publications, but publications should be made accessible to audiences and translated into relevant languages where possible. In line with UN conventions, British-English spellings of words should be used rather than American-English where communication is in English (colour not color, standardised not standardized, programme not program etc). STYLE Simple, every-day language should be used that is accessible to all audiences and over-use of technical language and jargon should be avoided to ensure accessibility of publications Written publications should use clear, concise sentences using the active rather than passive voice. Writing should generally be in the third person except where quoting directly. ABBREVIATIONS Abbreviations should be avoided where possible as they can make publications inaccessible to audiences who are not familiar with them. Where abbreviations are used, they must be spelled out in full the first time that they are used and then only the abbreviation used for the rest of the publication. Where possible, a table of abbreviations should be included in publications to assist readers.

11 Typeface 03 // 11

12 Print & Web Typefaces ABCDEFGHIJKLMNOPQRSTUVWXYZThe cluster uses three primary typefaces in publications: Primary design typeface Myriad Pro is the primary design typeface for titles and graphic design elements. It should be used for logos, titles and external publications where possible ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Primary standard typeface Where Myriad Pro is not freely available, Trebuchet MS should be used in its place. This font should be available as standard on most Windows and Mac platforms and can be used for titles and text in standard office software packages. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz System typeface In situations where Myriad Pro and Trebuchet MS cannot be used due to system limitations, Arial can be used as a cross-platform typeface that is freely available on virtually all platforms. This should be used for standard text on websites. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

13 Typeface Principles Title Title Title Title TitleThe following principles should be followed when using text in publications: Distorting the typeface The approved typefaces should not be stretched or distorted to fit in a space. Title Word and letter spacing Text should be at 100% word spacing and 0% tracking unless absolutely required. Title Sizing The absolute minimum sizing is 5pt. For body text, the standard is 11pt and the minimum is 9pt. Title Font usage Non-standard fonts should not be used for publications. Title Simple text Overly stylised typeface manipulation should be avoided. Title Non-standard colouring Colours outside the approved colour palette should not be used for typography. Title Illegible text Text should not be placed where it will be illegible. Appropriate colour text should be used on images.

14 Colours 04 // 14

15 Main Colour Palette The blue from the logo is the primary colour for the CCCM cluster. Text and items can also be used in black and white. In addition, the cluster has five secondary colours that can be used for design elements. Other colours should not be used for external publications. Pantone: 2143 C RGB: CMYK: Web: #2A87C8 Primary Colour Pantone: 6 C RGB: 0 0 0 CMYK: Web: #000000 Black Pantone: 663 C RGB: CMYK: Web: #ffffff White Pantone: 11 C RGB: CMYK: Web: #545456 Secondary Colour 1 Pantone: C RGB: CMYK: Web: #9d4838 Pantone: C RGB: CMYK: Web: #d48c74 Pantone: C RGB: CMYK: Web: #f0b89e Pantone: 2309 C RGB: CMYK: Web: #f8e4d2 Secondary Colour 2 Secondary Colour 3 Secondary Colour 4 Secondary Colour 5

16 Tints In addition to the primary and secondary colours, percentage tints can also be used for all the colours as outlined here. Primary Colour Pantone: 2143 C RGB: CMYK: Web: #2A87C8 80% 60% 40% 20% Secondary Colour 1 Pantone: 11 C RGB: CMYK: Web: #545456 80% 60% 40% 20% Secondary Colour 2 Pantone: C RGB: CMYK: Web: #9d4838 80% 60% 40% 20% Secondary Colour 3 Pantone: C RGB: CMYK: Web: #d48c74 80% 60% 40% 20% Secondary Colour 4 Pantone: C RGB: CMYK: Web: #f0b89e 80% 60% 40% 20% Secondary Colour 5 Pantone: 2309 C RGB: CMYK: Web: #f8e4d2 80% 60% 40% 20%

17 Photography 05 // 17

18 Photographic Style Images are vital in illustrating the work of the cluster and the reality of the operations that the cluster supports. All images used in cluster publications should be: Respectful Images should present affected populations in a respectful and dignified manner. Active Images should contain active scenes rather than passive scenes where possible. High resolution All images for print should be a minimum of 300 dots per inch (dpi). On brand Images should promote the cluster colour palette, emphasising blue if possible. Limit agency profiling For cluster communications, images should try to limit the visibility of one particular agency Truthful Images should be used to illustrate the true nature of situations and not distort them. Non-stereotyping Images should avoid stereotyping outdated ideas of affected or displaced populations.

19 Ethical image usage Ethical capturing and use of images is essential to protect the rights, dignity and wishes of those within them. The following rules should be used in capturing and selecting images: Protection is paramount No image should be captured or disseminated which would risk the safety security, dignity, beliefs or wishes of those who are contained within in. Special attention should be paid to ensuring that photographs do not inadvertently reveal the faces, location, health status, activities etc of subjects where this would cause protection risks or where they may be survivors of assault or violence Seek informed consent Consent must be obtained from those who are the subject of images, clearly explaining to them why the picture is to be captured and how it may be used. Where possible, this should be documented in a written form. For children, consent of parents must be obtained. Keep records For images that are captured by cluster staff or partners, records should be kept which contain at least the date, place, names of subjects, ages, copyrights and any relevant notes or restrictions on the use of the image Respect copyright laws Virtually all images have some degree of copyright restrictions or considerations attached to them and it is essential that these are respected. This may involve seeking permission of the copyright holder, including attributions or refraining from editing.

20 Finding images The following sources can be used to find images for cluster publications: CCCM Cluster image library Link The Global CCCM Cluster maintains an archive of relevant images for the use in cluster publications. National cluster and partners are encouraged to submit images from field operations to the global cluster for inclusion in the library UNHCR media library media.unhcr.org UNHCR maintains an image library of images from refugee and IDP operations around the world. Permission for usage of these images can be obtained through UNHCR IOM media library medialib.iom.int IOM maintains an image library of photographs from its field operations around the world. Permission for usage of these images can be obtained through IOM. Photoshare images Photoshare contains a wide variety of development and humanitarian photographs which can be used for free as long as they are for non-profit purposes. Permission for use must be requested through the website and can take a few days.

21 Templates and publications06 // 21

22 Cluster templates The following is a list of primary templates for use in cluster communications at global and national cluster level. Requests for additional templates should be communicated to the Global CCCM Cluster for development. Additional operational CCCM tools, and guidance can be found on the Cluster DropBox (link), Cluster website (link), cluster GoogleDrive (link) and the Camp Managers Toolkit (link). An information Managers Toolkit is under development in early 2017 by the Global Cluster. Presentation template Link Powerpoint presentation template for cluster presentations. Presentation library [Under development] Library of example slides and graphics for use in PowerPoint presentations. Report template Word and PowerPoint templates for internal and external cluster reports Meeting minutes Template document for recording meeting minutes and actions. Newsletter Template for global and national cluster newsletters. Signature A template signature for cluster staff to use Business cards Template for CCCM cluster business cards for global and national cluster staff. Attendance sheet Template attendance sheet for recording attendance at meetings/events. Factsheets Template for quarterly factsheets of active CCCM cluster operations. Case studies Template for capturing case studies from CCCM operations and clusters. Joint S/NFI Template Template for joint S/NFI products

23 Graphics and visual elements06 // 23

24 Graphs and data visualisationVislualisation of data should be used to illustrate and highlight isues for the reader. All graphics should be in a modern, minimalist style using the cluster colour pallete such as in the examples below. Data visualisation should always be used to illustrate a point and not to distort data.

25 Graphs and data visualisationThe following should all be avoided when designing graphs and data visulaisation: 3D graphs and charts Overly busy charts Unnecessary shading and borders Off-brand colours

26 Icons Icons can be used to help draw readers attention to particular elements of a publication and to illustrate data visualisation. As a primary icon set, the Global CCCM Cluster uses the OCHA humanitarian set of icons which are available in boxed and unboxed versions. The full set of icons can be downloaded here. Other icons can be used where the OCHA set does not have sufficient designs. Flat and minimalist style icons should be used and no 3D or overly stylised icons. A number of open source and royalty free websites can be used to source icons, including the Noun Project (www.nounproject.com) and OpenIconic (www.useiconic.com).