VISUAL IDENTITY GUIDELINES International... · 02 COLOUR 03 TYPOGRAPHY 04 LAYOUT 05 INFOGRAPHICS 06 PHOTOS 04. Introduction 05. Exclusion zone and minimum size 06. Colour palette

VISUAL IDENTITY GUIDELINES

LOGO

COLOUR02

TYPOGRAPHY03

LAYOUT04

INFOGRAPHICS05

PHOTOS06

04. Introduction 05. Exclusion zone and minimum size 06. Colour palette07. Colour variations 08. Typography 09. Background control 10. Logo misuse

12. Introduction13. Primary colour palette14. Secondary colour palette

16. Introduction17. Publication cover typeface18. Body copy typeface19. Title typeface20. Promo and infographic heading typeface

22. Introduction23. Flagship publication cover24. General publication cover25. Publication inside cover26. Publication back cover27. Publication design, “Highlights” spread28. Publication design, photo spread29. Indesign template, text grid30. Indesign template, image grid31. Social media graphics32. Promotional material

34. Introduction35. Colour palette36. CPI colour palette 37. Background

39. Introduction40. Our style – in general41. Our style – publication cover42. What to avoid43. Resolution 44. Photo resources 45. Licensing

Introduction • Exclusion zone and minimum size • Colour palette • Colour variations Typography • Background control • Logo misuse

LOGO

Transparency International Visual Identity Guidelines 4

Introduction Our logo is the foundation of our visual identity and the primary identifier of Transparency International’s brand. The full logo – consisting of the globe, title and strapline – should be included on all of our communications products, and care should be taken to ensure all elements are presented correctly and consistently throughout our work. Under no circumstances should the artwork be altered, and only the approved files should be used. LOGO

Transparency International globe

Transparency International title type

Strapline type


Exclusion zone and minimum size The Transparency International logo should always be surrounded by an exclusion zone to ensure its legibility and impact, and to protect it from competing visual elements such as text and supporting graphics. As shown here, the absolute minimum exclusion zone is equal to the size of the capital “T” in the Transparency International wordmark. The logo can be scaled to a variety of sizes, but at extremely small sizes the readability becomes compromised. To ensure the logo is always legible, it should never be reproduced smaller than 35mm wide. LOGO

Minimum size: 35mm wide

Exclusion zone


Colour palette Colour consistency is a key component of Transparency International’s visual identity, particularly when it comes to the logo. Above are the four colour variations which can be used for the logo, and which make up our primary colour palette (more on colour selection can be found below). Using these logo colours consistently across brand communications is vital to maintaining our unified look and feel. LOGO

CMYK: 100/0/0/0

PANTONE: 299

#3695D8

RGB: 54/149/216

CMYK: 0/0/0/100

PANTONE: Process Black

#000000

CMYK: 0/0/0/0

PANTONE: n/a

#FFFFFF

TI Blue Print

TI Blue Web / Video

TI Black TI White


Colour variations To accommodate a range of reproduction and printing requirements, a number of logo colour variations are available for use. Our primary logo colour is blue – this should be used wherever there is a white background. Our secondary colours are black and white. Use black on all black/white materials. Use white on coloured backgrounds and photographs. LOGO

Primary logo colour usage

Secondary logo colour usage


Typography Transparency International’s logo typeface is an essential piece of our brand identity. Within Transparency International’s font family, the logo typeface is unique, but complementary. You won’t find it on other products, but this highly legible, sans serif typeface works together with our other primary fonts to create a modern, clean style. LOGO

Syntax Bold

Syntax Regular


Background control Our logo was designed to be adaptable to a range of background requirements, but it’s essential that all elements remain highly legible in every application – particularly if you’re using a photograph. As shown here, the logo and its variations can be positioned against a variety of backgrounds. The blue and black logo should be used wherever there is a white background or very pale and clean photograph, while the white logo is best against coloured backgrounds or photographs. LOGO


Logo misuse Any misuse of our logo diminishes its integrity and that of the Transparency International brand as a whole. Here, we’ve collected examples of common misuses that must be avoided whenever designing with the logo. Remember that the logo must never, under any circumstances, be altered or re-created in any way. LOGO

Never rearrange the elements of the logo

Never use a background that distorts the legibility of the logo

Never distort the logo

Never change the colour of the logo

Never change the font of the logo

Never outline the logo

TRANSPARENCYINTERNATIONALthe global coalition against corruption

Introduction • Primary colour palette • Secondary colour palette

COLOUR02


Introduction The Transparency International blue is a cornerstone of our visual identity, and is used in our logo and across our products. This bright colour embodies Transparency International’s modern, positive brand, and is a key element of our vibrant and recognisable communications. COLOUR02


Primary colour palette Accurate colour reproduction is critical to the success of Transparency International’s brand identity. Above you will find the colour palette values for Pantone® spot colour, CMYK, RGB and HTML values. When printing or manufacturing colours, please ensure that they remain true to these specifications.

CMYK: 100/0/0/0

PANTONE: 299 C

Tint: 100/80/60/40

#3695D8

RGB: 54/149/216

CMYK: 0/0/0/100


Tint: 100/80/60/40

#000000

CMYK: 0/0/0/0

PANTONE: n/a

Tint: n/a

#FFFFFF

TI BluePrint

TI BlueWeb / VideoTI Black

TI White

COLOUR02


Secondary colour palette The colours in our secondary colour palette were selected to complement both the Transparency International blue, and each other. This colour palette can be used as a highlight, and in most cases can go on either a white or black background – although yellow on white should be avoided. COLOUR02

CMYK: 0/100/79/0

PANTONE: 192 C

Tint: 100/80/60/40Scarlet

CMYK: 0/0/100/0

PANTONE: 102 C

Tint: 100/80/60/40

CMYK: 35/0/100/0

PANTONE: 389 C

Tint: 100/80/60/40

CMYK: 0/28/100/0

PANTONE: 1235 C

Tint: 100/80/60/40

CMYK: 11/100/26/0

PANTONE: 214 C

Tint: 100/80/60/40

CMYK: 2/60/100/0

PANTONE: 1788 C

Tint: 100/80/60/40

Yellow Lime Green

Light Orange Purple

Dark Orange

Introduction • Publication cover typeface • Body copy typeface • Title typeface • Promo and infographic heading typeface

TYPOGRAPHY03


Introduction Typography is a key element of our brand identity and sets the tone for Transparency International’s communications. These typefaces should never be substituted or replaced with alternate styles and unspecified weights and versions should not be used. TYPOGRAPHY03

Helvetica Neue LightHelvetica Neue Medium

Helvetica Neue Light CondensedHelvetica Neue Condensed

Helvetica Neue Medium CondensedHelvetica Neue Bold Condensed

FOLIO BOLD CONDENSED


General publication cover typefaceHelvetica Neue Medium Condensed is used for cover titles of publications and Helvetica Neue Condensed is used for the subtitles. This font family is a clean, headline sans-serif typeface that can be used in a variety of different weights and sizes. TYPOGRAPHY03

Helvetica Neue Medium CondensedA B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0

Publication cover titleFont: Helvetica Neue Medium Condensed

Size: 32pt

Case: all caps

Alignment: left

Leading: 32pt

Colour: TI Black or TI White

Titles and subtitlesFont: Helvetica Neue Light Condensed

Size: 12-30pt

Case: all caps or title case

Alignment: left

Colour: TI Black or TI Blue

Helvetica Neue Light Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0


Body copy typefaceHelvetica Neue is used for body copy in designed publications and brochures (Arial is used for body copy in our word-formatted publications). This font family is a modern and legible sans-serif typeface that can be used in a variety of different weights and sizes. Use Helvetica Neue Light as standard for all body copy, and Helvetica Neue Medium to highlight words or sentences within body copy. TYPOGRAPHY03

Helvetica Neue MediumA B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0

Body copy “standard”Font: Helvetica Neue Light

Size: 9.5pt

Case: sentence

Alignment: left

Leading: 12.5pt

Colour: TI Black

Body copy “highlight”Font: Helvetica Neue Medium

Size: 9.5pt

Case: sentence

Alignment: left

Leading: 12.5pt

Colour: TI Black

Helvetica Neue LightA B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0


Title typefaceHelvetica Neue Condensed is used for titles and subtitles within in designed publications (Arial Narrow is used for body copy in our word-formatted publications). This font family is a clean, headline sans-serif typeface that can be used in a variety of different weights and sizes. All three weights can be used for titles and sub-titles in a report or brochure etc. TYPOGRAPHY03

Helvetica Neue CondensedA B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0

Titles and subtitlesFont: Helvetica Neue Condensed

Size: 12-30pt


Alignment: left

Colour: TI Black or TI White


Titles and subtitlesFont: Helvetica Neue Medium Condensed

Size: 12-30pt


Alignment: left



Titles and subtitlesFont: Helvetica Neue Bold Condensed

Size: 12-30pt


Alignment: left


Titles and subtitlesFont: Helvetica Neue Light Condensed

Size: 12-30pt


Alignment: left


Helvetica Neue Light Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0


Heading typeface for flagship publication cover, promo and infographicTransparency International uses a louder typeface for headings and titles within promotional material and infographics. We use Folio Bold Condensed, a bold and engaging sans-serif font perfect for large headlines, which complements the Helvetica Neue font family. To ensure legibility, it should only be used in 30pt or larger. Only use all caps. TYPOGRAPHY03

Promo and infographic headingsFont: Folio Bold Condensed

Size: >30pt

Case: all caps

Alignment: left

Colour: TI Black, TI Blue or TI White

FOLIO BOLD CONDENSEDA B C D E F G H I J K L M N O P Q R S T U V W X Y Z1 2 3 4 5 6 7 8 9 0

Introduction • Publication cover • Publication inside cover • Publication back cover Primary Grid • Secondary Grid • Promotional materials

LAYOUT04


Introduction Consistency in look and feel is essential to Transparency International’s brand identity system, particularly across our range of publications, and we have set guidelines on logo and cover elements. However, we speak on a range of topics and to a range of audiences, and the selection of the cover image can be used to set the visual tone of the publication. LAYOUT04


Flagship publication coverThere are three key elements to a Transparency International publication cover: the background, the logo and the title. Here you can see the layout specifications for each element. To ensure visual consistency across our publications, each element must remain in the same place and under no circumstances should they be moved around or changed in size. The flagship publication cover uses the font Folio for a bold and impactful look. For all other publications please see the following page. LAYOUT04

Vid qui re magnatur am quo tetam, ut quat

FICATUR,NONS SENDUSTOMNIT OFFICI AUT ET

Hidden Influence, Privileged Access

LOBBYING IN EUROPE

Insert Image/graphic here(Full A4 image)

BUSTIOS ET EUM DOPTIAOCCUPTUR PUDIGEN EBISQU INCIMAGNATUR SIMUSAMENSIMUS MODIT EXPLIBUSTIS DOLORRD

Vid qui re magnatur am quo tetam, ut quat

FICATUR,NONS SENDUSTOMNIT OFFICI AUT ET

Hidden Influence, Privileged Access

LOBBYING IN EUROPE

LogoSize: 63.3mm wide x 15.1mm high

Positioning: Top right

A measurement: 11.8mm

B measurement: 12.7mm

Primary colour: TI White

Secondary colour: TI Blue or TI Black

TitlePositioning: Bottom left

C measurement: 20mm

D measurement: 23.6mm

Font (Refer to page 17): Headline: Folio bold condensed, 70pt/60pt, capitals; Subhead: Helvetica Neue LT bold condensed, 21pt/23pt



line: 9pt/length: 19,7 mm

BackgroundPrimary background: Full bleed photo*

Secondary background: TI Blue

*Please ensure that the logo and title are legIble and are not obscured by the photograph.

A

B

C

D


General publication cover For general publications we use Helvetica as font.

LAYOUT04









LogoSize: 63.3mm wide x 15.1mm high

Positioning: Top right


B measurement: 12.7mm



TitlePositioning: Bottom left

C measurement: 20mm

D measurement: 23.6mm

Font (Refer to page 17): Headline: Helvetica Neue LT medium condensed, 30pt/30pt, capitals; Subhead: Helvetica Neue LT light condensed, 26pt/26pt, capitals;

Paragraph spacing: 2mm



BackgroundPrimary background: Full bleed photo*

Secondary background: TI Blue

*Please ensure that the logo and title are legIble and are not obscured by the photograph.

A

B

C

D


Publication inside cover Inside covers of publications should always be white, and should comprise two main elements: the organisational blurb and the copyright/disclaimer information. The position and text of the organisational blurb should not be altered. Always check that the copyright/disclaimer information show the correct date, and note that all cover images are credited, even if the photographer does not demand this. If requested, donor information can also be included here. LAYOUT04

Author: xxx

ISBN: 978-3-943497-22-9© 2014 Transparency International. All rights reserved.

Printed on 100% recycled paper.Design: xxx© Cover photo: xxx

Every effort has been made to verify the accuracy of the information contained in this report. All information was believed to be correct as of XXX 2014. Nevertheless, Transparency International cannot accept responsibility for the consequences of its use for other purposes or in other contexts.

Insert donor disclaimer here. XXX XXX XXX XXX XXX XXX

Donor logo

Transparency International is a global movement with one vision: a world in which government, business, civil society and the daily lives of people are free of corruption. Through more than 100 chapters worldwide and an international secretariat in Berlin, we are leading the fight against corruption to turn this vision into reality.

www.transparency.org

Author: xxx





Donor logo



Author: xxx





Donor logo



TI blurbPositioning: Top left


B measurement: 20mm

Colour: TI Blue

Font: Helvetica Neue Bold Condensed

Size: 14pt

Leading: 17.5pt

Alignment: Left

Copyright/disclaimer informationPositioning: Bottom left

C measurement: 20mm

D measurement: 20mm

Colour: TI Black

Font: Helvetica Neue Light, 9.3pt/12.5pt

Alignment: Left

B

A

D

C


Publication back cover The back cover of a Transparency International publication should always be the Transparency International blue. Standard contact information should always be included and should be presented in white, in the bottom left of the page. LAYOUT04

Transparency International International Secretariat Alt-Moabit 96, 10559 Berlin, Germany

Phone: +49 30 34 38 200 Fax: +49 30 34 70 39 12

[email protected] www.transparency.org

blog.transparency.org facebook.com/transparencyinternational twitter.com/anticorruption

PositioningA measurement: 20mm

B measurement: 20mm

StyleFont: Helvetica Neue Roman

Size: 9pt

Leading: 12pt

Paragraph spacing: 2pt

Alignment: Left

Colour: TI White

Positioning: Bottom left

Background colour: TI Blue

Transparency International International Secretariat Alt-Moabit 96, 10559 Berlin, Germany

Phone: +49 30 34 38 200 Fax: +49 30 34 70 39 12

[email protected] www.transparency.org

blog.transparency.org facebook.com/transparencyinternational twitter.com/anticorruption

A

B


4 Transparency International 5LOBBYING IN EUROPE – Hidden Influence, Privileged Access

HIGHLIGHTS

4 Transparency International

31%

26%

33%

33%

19

5

36%average quality of lobbying regulation for the three EU institutions

European Commission

European Parliament

Council of the EU

53%

37%

19%

Quality of Lobbying Regulation Key Statistics

Transparency

Integrity

Equality of Access

countriesand three EU institutions

average score

Average score %

Average score %

Average score %

7/19countrieshave a dedicated lobbying regulation (Austria, France, Ireland, Lithuania, Poland, Slovenia and the United Kingdom).

58%of EU citizensbelieve their country’s government is to a large extent or entirely controlled by a few big interests (Transparency International Global Barometer, 2013)

LOBBYING IN EUROPE – Hidden Influence, Privileged Access

LAYOUT04Publication design, “Highlights” spreadTo give a first overview about the most interesting findings, we use a prominent black double spread at the beginning of the report.


Photo: iStockphoto/himbeertoni

100%

Best performing countrySlovenia

Average scoreincluding EU institutions

Worst performing countryCyprus

58%

26%7%TRANSPARENCY

1

LAYOUT04Publication design, photo spreadIn a designed report, you can highlight the sections with big photos or/and infographics


InDesign template, text grid

4 5Transparency International Chapter TITLE OF PUBLICATION Subtitle of publication

LANDAND AECTUR

1Tur sit re de poribus aesequi solenimusam num que volut faccusant, es ideliatur sam am, que verum qui consedit eum estis sintur sum dis endandignit et haris sum rerum fugiam rem

2 Tur, corunt expla nem. Namus3 Ita con eossit aut et litas dipiet, odit optaqui ducipidest, sit assit asi omnitia cusae in pratis doloratemo te labores sinus, quasit quam vellesti acesto quiae. Itatur alibus acestin cor rehenda volorrum dolorepudis ra enditest vollupistia quo tores ex exerunt ad ulligni moluptis nihit lab inis invendus sit perit que laborio. Ipsa nam, occaeptat la que cupta sitium ideriti orepuditi sus mo quatio. Ut voluptaturem des ex exceptas eruntemquat.

Nessimperibus ad quid essit utam aut delis quiduci psuscimus.Aciliqu atquoditatem qui vel ipitas iligenim explita tibus, sitatur, quo tem as se abo. Et explis ium venimo te isquodi onseria ipsantis aceati custiantest endelenemodi conem dest quam quia porrovidit illore dis dolorit officillest fuga. Namus vid mincta pe et am explab ipicidi psumquiae eiuntios si ommo quae secum consequias quamentiore doluptam natum rem nonecuptat.

Ipsa sequi repeliquo minum cuptae odi con ratus milluptatias milles ipsae vidunt ut enimet aditaep erumquo mod magnisciendi beaquodi dent voluptias rehenducime lignit odis am unt re sae cone landi aut quoditat.Aquo quatatetust, eaquiam, non nihil maio blaceperro dem aut landaeribust acepudi tatusae sum etumeniet ium, solupicius ullab ipsam, simet evero bearcia cumque nus quia aut repudip iciunt, nis entis autem vene venitii sciureicatem voluptatus et, ullaboribus eum nobitat volest volectate sandemo lorporis pro et officit volore landenimus magnimus eos sapedicia conseque lignimi, exerum fuga. Vellaboreris quodipicia dionsedis modi non consequis sim hitate vellore nis exceste volum harchit vellestiam delecab in et hicilibus que non repta consequ ibusdae doluptate nullum consent emoloratibus mil iundi offictate ea venimus non preceatum quae eostrum autem quiat maio. Nequam fugiae volorum nuscit mod molum fugitatem qui int labor minus enis dolo esto dit evellitaque corepellor re, quiscilit iducit, andame num nossi comnis audi odic temoluptat alicium untendae pra dolorioribusOnsedit quiduci dessum et quia debit aut lit eni dicidest, omnisci voluptatat doluptas eos estet, voluptatqui as eiusanti conse nonsectur? Harcilique re id eos si officidio event apit dellanis idem volestrum que corum et eat exerum ea conet voluptat quassum, quunt ut prat utem quis explaborrum eossi berorem perepro con cus.Ximus autas etur si dolupta spelectotate et es aut lam fuga. Et et volupta tendit renim evendanias dendus as sequibus exces simusap ernatur? Qui que volorrum

impos etur, cus eatius aut et lam, sam quid molorempor aut es enis aut aut fuga. Vit quaecaboria volupienim velenis sinvelestium volorumquid moluptium volorunt evellenis nienis etur sus aut ut expeles et most, quo core re niscideni res dolupta nem ipid quid quiscid magnam, tem il eum duciur, quo ea nihillant, officiae la vid qui officto taquide mporestias doluptat rehenimagnis quam id ma sant.

Obisit landus viducius as volor se offici oditi beris debitest, quibus sunte mod maximus a quis dollor alignim aut verro culpa sequam, custiosae sum ent iunt omnis nonsequamet laccus, cuptame plandigene illa doluptatium dero iurepudi ommost, num faces dicium faccum eos eos magnihi liassi rerum quas voluptat.Totaque ent. Apicillatur modist hic testion essinct oremoluptati doluptas imaximet et ad maximi, seque consequis as ilit aut pore non comnime niendem voluptae erum quamus.

Ovid et quis escil ium sam, vent, quatiis et maion eumquam, con nimos aut odistibus.Dest, od modit aut reiciendi rest, sit, quoditi beriaspercia di consect iandam fugiamendit, ullitiores cum faccus et dolores que corem fuga. Bo. Lorit ute nobit vent experita et debit es sin reria cone inis rae et lab in re as necte im aped molorat iscimus dolore qui venditatur, ut exere nes sumendus vendi nam di cum aut acepratibus magnimos quam, quatia quiae nos arumqui nim et eos modis rem et velitat pro blabo. Onsedis et quosam, nem acerum asitium nimi, adit quatus rerios sinverchil il esto et excero volorro bea nobit voluptat omnis dem iunt eatem haruptas millatur?

Ratat odia id magnis ulpa corum explam dis molorun duciis explabo. Ullentium vercitiam facepel ignita abo. Est ea di sim voloritae porposapiet que verferi tatur, siti doluptatisti doles eiumqui occum autatia nonsequo maximus et ut am isque perit vento officiis aliquatem estoris ressequid molo modis etur modit omnis et, sinus cum recab ipist quam, sime dolo te exceptaerat quia corum hillupta volent lab ipsum experion cupta porae cuptio. Nem facepudae sunt quunt.Ediaturem voloremo tecabo. Cus auditatem sit laboribus molesti sciisin porporum que essecus andem estis cum volendi tasimus autenet prorion conseque as sus con conem non ea que que same nem anti optatem velistius es aute consecte vid maximaionsed que volo quasit laborum et, quibusda doluptum auteniae aut molectas esequuntur?

Pos sum natem as reiurei ctorion ecumque num consequi imus ut qui totatium la nus eium eos unt rescips aperspe rrunt, ut aborro blabo. Nequod et laccus.Ic to temperum, nem quos ut eserfer uptibus animin cum vent occuscid ut pa ea vellest, totae pliquunt antendis none cum eos ent imus dolorrovit aut pla nonem. Borporis as adit harchillam dion nissinvendit quam laccatem. Ebis dolo maio blaboriores abo. Et que suntia vere nones dolor sit audi dolupicta sin rem re ditiatem. Et quo earum illore pelene laceror itatum am essinis corrum hicidenihit est ut et re volorem denis eosantotaspe sit reped quundit, cum latum inveri dolor aliat offici omnimus am natureste vid qui num quia volorae alique veles cuptiis seque volor sit ut

velectatatem eos antiorro officto tatectem quassun tiosti sitatem porerrorem quunte santis eos de nihil magnihit eos derchit hilitas perchit, utem et facea aut in rectus, susa nobitat iossit aliquis quis si vende corpore voleniet et la cor am lamet que adipid eatque con nonseque omnim erionse rovide re essi opta vid miliqui ra denis aborestrum qui autempo repeles rem qui dipidus magnam la debis eossin con rerrorio. Ut accum est venis solorei citatis tempere ptatus ad que consequ osapitaquunt aditinv ercidest verum verferit lame ium quam verrum faccaboreri tecaes erspiet as molestenet et voluptat ab ium fugitisti volorem lamendis perem illaccatia consequi dolore niet laudion poribusam volore quo tem eost, sinvella dolorio

torum ut oditatisci bea sedis ut que prenditis diore dolentia dollabor aceat quuntem iduciet resenis et et ut essunt, omniatem et aboresequam nissi ulluptium que nisimuscil il ilicim aut as nimporae sumquaspel maxim que sae pedigendam sin cuptius, sam eum repra qui ipiendi tinveri orrum, cum que nam, to voloriti duciundae mostiate sanduci mporem. Ficiae volumquam hit qui re imus estionest litassincte velloremqui dis autem fuga. Illabora sedipsa pictur a vel imus.

Alibus repta consequodi dolor modi comniminiant idel maximus elestrum facipsam fugia quassi serum quas peliquo conest, se cuptate volorent.Optaerferit alia venim lia sus aut vita soloria que sunt del mincti officipiet ut fuga. In consequis vent, sunditiur restios pratus diam quam venihit facest, nulles velit maiorep edigendit lit dolum eatemqu asperspis reicae nonet, consequ amusam a alit dolecta ecturerit qui atem aceped qui consedicae cuptas qui corehendi dipsae debitat licium est porit, sediam, inusdan ditiunt ut odis delles conem facessenti sitiorem aceribus, ipsus et liciis doluptati optat andipsandis evenienis rem rehendis susapis aut et quiantisim autem dolorror min non erem iliquiatis reruntia nonemporion pore doluptat quosam soluptatus sam illenimus, sendandunt idunt, sinverci cones eic totatur res nost laut fugia quundis cone ad exped eos et aliquis etur?Accus eum quam volore coreped et quiae et officit lab in conet es re rerunto tatur?

Fictem quae latent ut atis eaturerro coressi re earupta tiostibus volupti oressendempe qui offictur? Quiassum exeribea eaturib usanto to moloreicia cum ut es simus.Sam vel id ulluptiist, con ratur acese exerspicil imusdantem. Udae niandi optati alibuscium etur, sus mini dolesed quo dundi consequ assimolo to blacitatemod ut aciandenit la dolut aliassint es esse prore num num volesti umquos et at minum corem faccuptam, nullore eum fugitia esciendiani di ommolup tatiaest et quas dolest, omni blam quasit hillate quid ulla netus.Ucienti untionsed ea nim haruptas num corpossit vit etur ra si tem volessequam idis quam recus et, omnimus dandebis plitation et lic te poribus maximin pre id que delecat quosse aut alibust quam et exerumq uiaerum quatist quiam volupta con cullut alitam quam es dolendiam quis dit faciae la si iusaperovid minveni hictur?

Cimolorion ra nis autent unt harci re nonest ad qui volupti bustione core voluptas doluptur, adio bernate mporis magnis

Por maximus repersp eratio volorehendam esed et quiae opta vellaborro quos estruptias erfernat modigna tiusapis diorion pa voluptat.Et est, cum que ni dolupta cum doluptae volescitam, is porrumquo minciis dellign ihitia del ipsam, ut

HEADLINE Odiorita temolorro ipsam hilligent quasim resequo

Ecum ipsam eum ande peratemporro tem sus aliquod et ex ereic torerum sitiosaere et molorum etum dolupta vendem quodipi cillupti blaboreperi apis volupis ad explis doluptas que diam, aceatem quam est, consed quiae nest aut repeliae. Illatempor soluptas eum litem voluptur?

HEADLINEHit voluptae venima dolupitiam aut ex expernate sin rerum vollupt aspercil et occab ius aut la aliquam aut que solore

2-column text gridPage: A4

Baseline grid: start 20mm, Increment Every: 12.5pt

Font:

Bodytext: Helvetica Neue LT light, 9.3pt/12.5pt (aligned to grid)

Headline 1: Helvetica Neue LT bold condensed, capitals, 24pt (aligned to grid)

Headline 2: Helvetica Neue LT bold condensed, 16/18pt (aligh first line to grid)

Footnote: Helvetica Neue LT light condensed, 7pt/9pt

Margins: inside 22mm, outside: 20mm

Columns: 2

Gutter: 4.41mm

LAYOUT04


InDesign template, image gridThe height is depending on baseline grid

LAYOUT04

14 Transparency International Chapter

2-column gridPage: A4

Columns: 2

Gutter: 4.41mm


3-column gridPage: A4

Columns: 3

Gutter: 4.41mm



Social media graphics (Facebook, Twitter, Linked in)Social media graphics can be created with a strong image or a plain coloured background to showcase a quote, statistic or statement. Folio font can be used for bold headlines, generally Helvetica is best suitable for the main text.

LAYOUT04


Promotional materialsWhen it comes to promotional materials, there’s more visual flexibility – for example on the placement of the logo, or on the use of graphical elements or images. But there’s still a set of principles to follow: the design should be clean and bold, using folio font. It’s important to be eye-catching, but the appearance should not be busy or overwhelming. LAYOUT04

CORRUPTION PERCEPTIONS INDEX 2013.

WITH MORE THAN 400 NEWS STORIES ON CORRUPTION A DAY,HOW DO YOU KEEP UP?SUBSCRIBE TO OUR DAILY CORRUPTION NEWS FOR A ROUND UP OF THE TOP CORRUPTION-RELATED STORIES OF THE DAY, EVERY DAY, FOR FREE.

WWW.TRANSPARENCY.ORG/DCN

Source: Google News. Average based on results from 01/01/2011 - 31/12/2011.

1 IN 2 PEOPLE THINK THEIR GOVERNMENT IS INEFFECTIVE IN FIGHTING CORRUPTION.ARE YOU ONE OF THEM?HAVE YOUR SAY:

FACEBOOK.COM/TRANSPARENCYINTERNATIONALTWITTER.COM/ANTICORRUPTIONBLOG.TRANSPARENCY.ORG

Source: Global Corruption Barometer 2010/11.

Introduction • Colour palette • CPI colour palette • Background

INFOGRAPHICS05


Introduction Transparency International infographics have a very distinct style: they should be bold, clean and bright. But there’s also room for flexibility. From a stark black background with a variety of bright colours, to a clean white background that highlights the Transparency International blue, the style will vary depending on the messaging and data that is visualised. The most important thing is to keep it simple – our data should be represented in a simple yet engaging way, so don’t overcrowd or complicate the infographic. INFOGRAPHICS05

CORRUPTION PERCEPTIONS INDEX 2013We all know corruption is a problem, but how bad is it? For the Corruption Perceptions Index 2013, we ranked 177 countries and territories around the world on their perceived levels of public sector corruption. Here are the results.

Scoring less than 50 out of 100, almost 70 per cent of countries are perceived to have a serious corruption problem. No country achieves a perfect score. How corrupt is your country?

How to read the infographic

Countries and territories in the Corruption Perceptions Index are scored and ranked. The colour indicates the level of perceived corruption and the size of the circle shows the percentage of countries that fall within the score range. Countries are listed in order of rank going clockwise.

SCORE

90-100

80-89

70-79

60-69

50-59

40-49

30-39

20-29

10-19

0-9

Very Clean

Highly Corrupt

89 Finland

Luxem

bourg

80

Can

ada

Aust

ralia

Netherlands

SwitzerlandSingapore

Norway

Sweden80-89

SCORE

91 Denmark

91 New Zealand90-100

SCORE

78 G

erm

any

Saint Lucia 71

Franc

eCh

ile

Baha

mas

Ireland

UruguayUnited States

Japan

Hong Kong

Belgium

BarbadosUnite

d King

dom

Icelan

d

70-79SCORE

69 Austria

Poland 60Brunei

Taiwan

Israel

St Vincent & Grenadines

Puert

o Rico

Portu

gal

Cypr

us

Bhutan

BotswanaQatar

Estonia

United Arab Emirates

60-69SCORE

Afgh

anist

an 8

Somalia 8

Korea

(Nort

h)

0-9SCORE

49 G

eorg

ia

Greece 40

China

Tunisia

Sene

gal

Bulga

riaSo

uth

Afric

aSe

rbia

Sao

Tom

e &

Prin

cipe

Braz

il Bosnia & HerzegovinaRom

aniaKuwait

ItalyMontenegro

Macedonia (FYR)

Jordan

Saudi Arabia

Ghana

Cuba

SlovakiaOman

NamibiaCzech RepublicCroa

tiaBahra

inLeso

tho

40-49SCORE

39 S

waz

iland

Timor-Leste 30

Sierra Leone

Mozam

bique

Mauritania

VietnamNepalAlbaniaIndonesiaEgypt

Tanzania

Kosovo

Ethiopia

Niger

Mexico

Gabon

Bolivi

aAr

gent

inaTh

ailan

dPa

nam

a

Mol

dova

Ecuador

Suriname

PhilippinesIndia

DjiboutiColombia

Benin

Armenia

Algeria

Sri Lanka

Morocco

MalawiZambia

Trinidad & TobagoPeru

Mongo

liaLiberi

aJam

aica

El S

alva

dor

Burk

ina

Faso

30-39SCORE

29 B

elar

us

Venezuela 20

Eritrea

Cambodia

Zimbabwe

MyanmarBurundiTajikistanDR of the CongoCongo Republic

Angola

Paraguay

Kyrgyzstan

Guinea

Ukraine

Papu

a New

Guinea

Nige

riaIra

nCe

ntra

l Afri

can

Repu

blic

Cam

eroo

n Uganda

Laos

KazakhstanHonduras

KenyaGuyana

Côte d´Ivoire

Bangladesh

Russia

Pakistan

Nicaragua

Mali

MadagascarLebanon

GambiaComoro

sAzerb

aijan

TogoGu

atem

ala

Dom

inic

an R

epub

lic

20-29SCORE

19 C

had

Suda

n 11

Sout

h Su

dan Libya

IraqUzbekistan

Turkmenistan

Syria

Yemen

HaitiGuinea-

Bissau

Equa

torial

Guin

ea

10-19SCORE

59 S

pain

Turkey 50

Malaysia

Mauritius

Rwan

daLa

tvia

Cost

a Ri

ca Seychelles

HungaryKorea (South)

Malta

Slovenia

Lithuania

DominicaCap

e Verd

e

50-59SCORE AMERICAS

66% score below 50 Top: Canada Bottom: Haiti

50

ASIA PACIFIC 64% score below 50Top: New Zealand Bottom: Afghanistan, Korea (North)

50

EASTERN EUROPE & CENTRAL ASIA 95% score below 50Top: Turkey Bottom: Turkmenistan, Uzbekistan

50

EU & WESTERN EUROPE 23% score below 50Top: Denmark Bottom: Greece

50

MIDDLE EAST & NORTH AFRICA 84% score below 50Top: United Arab Emirates Bottom: Sudan

50

SUB-SAHARAN AFRICA 90% score below 50Top: Botswana Bottom: Somalia

50

VERY CLEAN

HIGHLY CORRUPT

© 2013 Transparency International. All rights reserved.


Colour palette Transparency International’s primary palette for infographics are the Transparency International blue, black and white. However for many of our infographics it is important to show different degrees of corruption, or varying levels of scores. For this we use our secondary colour palette which was created to complement the Transparency International blue, as well as to make our infographics as eye-catching and engaging as possible. INFOGRAPHICS05

Standard Secondary

CMYK: 100/0/0/0

PANTONE: 299 C

Tint: 100/80/60/40

RGB: 54/149/216

web:#3695d8

CMYK: 0/0/0/100


Tint: 100/80/60/40

CMYK: 0/0/0/0

PANTONE: n/a

Tint: n/a

TI Blue

TI Black

TI White

CMYK: 0/100/79/0

PANTONE: 192 C

Tint: 100/80/60/40Scarlet

CMYK: 0/0/100/0

PANTONE: 102 C

Tint: 100/80/60/40

CMYK: 35/0/100/0

PANTONE: 389 C

Tint: 100/80/60/40

CMYK: 0/28/100/0

PANTONE: 1235 C

Tint: 100/80/60/40

CMYK: 11/100/26/0

PANTONE: 214 C

Tint: 100/80/60/40

CMYK: 2/60/100/0

PANTONE: 1788 C

Tint: 100/80/60/40

Yellow Lime Green

Light Orange Purple

Dark Orange


CPI colour palette The Corruption Perceptions Index colour palette was created for this product only – it shouldn’t be used for other infographics. Each colour represents a different range on the colour scale and can be used on either a white or black background. INFOGRAPHICS05

CMYK: 0/0/100/0

PANTONE: 102 C

RGB: 255/255/0

Web: #ffff00

CMYK: 0/45/100/0

PANTONE: 137 C

RGB: 255/140/0

Web: #ff8c00

CMYK: 0/90/100/0

PANTONE: Warm Red C

RGB: 255/25/0

Web: #ff1900

CMYK: 18/99/100/43

PANTONE: 1807 C

RGB: 119/1/0

Web: #770100

CMYK: 0/15/100/0

PANTONE: 109 C

RGB: 255/217/0

Web: #ffd900

CMYK: 0/60/100/0

PANTONE: 151 C

RGB: 255/102/0

Web: #ff6600

CMYK: 0/100/100/6

PANTONE: Red 032 C

RGB: 244/0/0

Web: #f00000

CMYK: 0/0/0/12

PANTONE: 427 C

RGB: 224/224/224

Web: #e0e0e0

CMYK: 0/30/100/0

PANTONE: 1235 C

RGB: 255/179/0

Web: #ffb300

CMYK: 0/72/100/0

PANTONE: Orange 021 C

RGB: 255/71/0

Web: #ff4700

CMYK: 7/100/100/26

PANTONE: 1797 C

RGB: 175/0/0

Web: #af0000

90-100 60-69 30-39 0-9

80-89 50-59 20-29 No data

70-79 40-49 10-19


Background Infographics should be presented on a background that is black, white or a photograph. Whichever background is chosen, it’s important to ensure that all elements are legible and contrast well with the background. INFOGRAPHICS05

5. ORGANISATIONAL TRANSPARENCY

© istockphoto.com/Nikada

Photograph

CORRUPTION PERCEPTIONS INDEX 2013We all know corruption is a problem, but how bad is it? For the Corruption Perceptions Index 2013, we ranked 177 countries and territories around the world on their perceived levels of public sector corruption. Here are the results.

Scoring less than 50 out of 100, almost 70 per cent of countries are perceived to have a serious corruption problem. No country achieves a perfect score. How corrupt is your country?

How to read the infographic

Countries and territories in the Corruption Perceptions Index are scored and ranked. The colour indicates the level of perceived corruption and the size of the circle shows the percentage of countries that fall within the score range. Countries are listed in order of rank going clockwise.

SCORE

90-100

80-89

70-79

60-69

50-59

40-49

30-39

20-29

10-19

0-9

Very Clean

Highly Corrupt

89 Finland

Luxem

bourg

80

Can

ada

Aust

ralia

Netherlands

SwitzerlandSingapore

Norway

Sweden80-89

SCORE

91 Denmark

91 New Zealand90-100

SCORE

78 G

erm

any

Saint Lucia 71

Franc

eCh

ile

Baha

mas

Ireland

UruguayUnited States

Japan

Hong Kong

Belgium

BarbadosUnite

d King

dom

Icelan

d

70-79SCORE

69 Austria

Poland 60Brunei

Taiwan

Israel

St Vincent & Grenadines

Puert

o Rico

Portu

gal

Cypr

us

Bhutan

BotswanaQatar

Estonia

United Arab Emirates

60-69SCORE

Afgh

anist

an 8

Somalia 8Ko

rea (N

orth)

0-9SCORE

49 G

eorg

ia

Greece 40

China

Tunisia

Sene

gal

Bulga

riaSo

uth

Afric

aSe

rbia

Sao

Tom

e &

Prin

cipe

Braz

il Bosnia & HerzegovinaRom

aniaKuwait

ItalyMontenegro

Macedonia (FYR)

Jordan

Saudi Arabia

Ghana

Cuba

SlovakiaOman

NamibiaCzech RepublicCroa

tiaBahra

inLeso

tho

40-49SCORE

39 S

waz

iland

Timor-Leste 30

Sierra Leone

Mozam

bique

Mauritania

VietnamNepalAlbaniaIndonesiaEgypt

Tanzania

Kosovo

Ethiopia

Niger

Mexico

Gabon

Bolivi

aAr

gent

inaTh

ailan

dPa

nam

a

Mol

dova

Ecuador

Suriname

PhilippinesIndia

DjiboutiColombia

Benin

Armenia

Algeria

Sri Lanka

Morocco

MalawiZambia

Trinidad & TobagoPeru

Mongo

liaLiberi

aJam

aica

El S

alva

dor

Burk

ina

Faso

30-39SCORE

29 B

elar

us

Venezuela 20

Eritrea

Cambodia

Zimbabwe

MyanmarBurundiTajikistanDR of the CongoCongo Republic

Angola

Paraguay

Kyrgyzstan

Guinea

Ukraine

Papu

a New

Guinea

Nige

riaIra

nCe

ntra

l Afri

can

Repu

blic

Cam

eroo

n Uganda

Laos

KazakhstanHonduras

KenyaGuyana

Côte d´Ivoire

Bangladesh

Russia

Pakistan

Nicaragua

Mali

MadagascarLebanon

GambiaComoro

sAzerb

aijan

TogoGu

atem

ala

Dom

inic

an R

epub

lic

20-29SCORE

19 C

had

Suda

n 11

Sout

h Su

dan Libya

IraqUzbekistan

Turkmenistan

Syria

Yemen

HaitiGuinea-

Bissau

Equa

torial

Guin

ea

10-19SCORE

59 S

pain

Turkey 50

Malaysia

Mauritius

Rwan

daLa

tvia

Cost

a Ri

ca Seychelles

HungaryKorea (South)

Malta

Slovenia

Lithuania

DominicaCap

e Verd

e

50-59SCORE AMERICAS

66% score below 50 Top: Canada Bottom: Haiti

50

ASIA PACIFIC 64% score below 50Top: New Zealand Bottom: Afghanistan, Korea (North)

50

EASTERN EUROPE & CENTRAL ASIA 95% score below 50Top: Turkey Bottom: Turkmenistan, Uzbekistan

50

EU & WESTERN EUROPE 23% score below 50Top: Denmark Bottom: Greece

50

MIDDLE EAST & NORTH AFRICA 84% score below 50Top: United Arab Emirates Bottom: Sudan

50

SUB-SAHARAN AFRICA 90% score below 50Top: Botswana Bottom: Somalia

50

VERY CLEAN

HIGHLY CORRUPT


HIGHEST PERFORMING EMIRATES AIRLINES, JOHNSON ELECTRIC, PETRONAS,

SHANGHAI ELECTRIC, UNITED COMPANY RUSAL

0%WORST PERFORMING

ANSHAN IRON & STEEL GROUP, CHERY AUTOMOBILE, CHINA NATIONAL OFFSHORE OIL CORPORATION, CHINA SHIPBUILDING INDUSTRY CORPORATION, CHINT GROUP,

GALANZ GROUP, GEELY – ZHEJIANG GEELY HOLDING GROUP, HUAWEI TECHNOLOGIES, MABE, ODEBRECHT

GROUP, WANXIANG GROUP

54%AVERAGE

100%

PUTTING CORRUPTION OUT OF BUSINESS:LOST BUSINESS DUE TO BRIBERY

More than 1 in 4 business people worldwide believe that they have lost business because a competitor paid a bribe.

35%

37%

38%

Telecommunications

Utilities

Public Works Contracts and Construction

View the results for all countries and sectors here:

www.transparency.org/research/bps2011

#CleanBusiness

INDONESIA

MALAYSIA

INDIAMEXICO

BRAZIL

CZECH REPUBLIC

EGYPT

PAKISTAN

RUSSIA

SOUTH AFRICA

48%

37%

34%

41%

34%

42%

39%

36%

50% 47%


We interviewed more than: 3,000 13 30business

executives fromsectors and in

countries about their views on business and bribery.

Percentage of business people who believe they lost business due to bribery:

By country

By sector

CMYK: 0/0/0/100


RGB: 33/29/24

Web: #000000

CMYK: 0/0/0/0

PANTONE: n/a

RGB: 255/255/255

Web: #FFFFFF

TI black

TI white

Black and White

Introduction • Our style - general • Our style - publication cover • What to avoid • Resolution • Photo resources • Licensing

PHOTOS06


Introduction Images are key to our visual identity – it’s how we communicate the personality of our organisation. Transparency International’s brand personality is optimistic – we focus on finding solutions and enabling change. This is reflected in our visuals. Like our work, our images are positive, action-oriented and culturally sensitive, and seek to inspire rather than to shock. Below are guidelines on selecting, presenting and crediting images. PHOTOS06


Our style - generalTransparency International has a very distinct style when it comes to photographs – we select scenes that are positive, clean and engaging, and highlight empowered people taking action. This embodies our fresh and upbeat brand, as well as our organisational values, which are about giving people the opportunities they need to create positive change. PHOTOS06

Positive Engaging Active Empowered


Our style - publication coverWhen it comes to covers, it’s important to remember that space is needed for the logo and the title, and the background should ensure the prominence and legibility of both. Stylistically, our cover images should to be eye-catching without being cluttered, and in most cases they are full-colour. PHOTOS06

Clean Full-colour Eye-catching


What to avoid In order to safeguard the Transparency International brand, it’s extremely important to avoid certain kinds of images. Do not use images containing religious motifs or graphic scenes that aim to shock, and only use conceptual stock images if they appear authentic. Images should also be reviewed to ensure they don’t offend cultures or perpetuate negative stereotypes, and there should be a balance of regions and gender wherever possible. If you have five images in a global report, for example, there must be one photo per region and a gender balance overall. PHOTOS06

Religious Shocking Fake Culturally insensitive Unbalanced (gender/region)


ResolutionWhen using photos, ensure they are high resolution and do not appear pixelated. Resolution for print is 300dpi, and resolution for web 72dpi. In the event that no high resolution version is available, reduce the size of the image or discard altogether – we should never use pixelated images. All print photographs should be CMYK, and all web photographs should be RGB. PHOTOS06

High resolution Low resolution

PrintResolution: 300dpi

Colour: CMYK

Tip: For a cover image of a publication make sure the image is most suitable 2480 pixels wide and 3508 pixels high, or at least 2 MB big (JPG).

WebResolution: 72dpi

Colour: RGB


Photo resourcesIt’s always preferable to use original images from the Transparency International movement, but if one can’t be found, use a photo library. There’s an extremely large range of libraries out there, and they all have slightly different qualities. For realistic, news-like images, we normally use Flickr/Creative Commons. These are free of charge, but ensure that you pay attention to the licensing information (more info below). Reuters and Panos both have great selections of news-like images (around €150-€300 each), while istockphoto (around €10-€50 per photo) and Getty €150-€300) are better for conceptual images. PHOTOS06

Free

TI Flickr photo library (Editorial and conceptual)

http://www.flickr.com/creativecommons (Editorial and conceptual)

http://www.sxc.hu/ (Conceptual)

http://www.irinnews.org/photo/ (Editorial)

http://foter.com/ (Editorial)

http://www.unmultimedia.org/photo/ (Editorial)

http://av.ifrc.org/Standard/ (Editorial)

http://www.flickr.com/photos/worldbank (Editorial)

Budget

http://www.istockphoto.com/ (Editorial and conceptual)

http://500px.com/ (Editorial and conceptual)

http://de.fotolia.com/ (Conceptual)

http://www.shutterstock.com/ (Conceptual)

High-end

http://www.panos.co.uk/ (Editorial)

http://pictures.reuters.com/ (Editorial)

http://www.gettyimages.de/ (Editorial and conceptual)


LicensingIt’s always important to check the terms of a licence when using an image, particularly if it’s under a Creative Commons (CC) licence. We normally use an attribution licence (where you just have to credit the photographer) or an attribution-non-commercial licence (as above, but only available to non-commercial products). Other kinds of CC licences stipulate that you cannot change the image (no-derivatives) or that you have to share your own product under a CC licence (share-alike) which may not always be suitable for us. Regardless of the type of licence, all images should be credited as © LIBRARY/PHOTOGRAPHERNAME e.g.: © Flickr/John Smith. PHOTOS06

©Copyright - All rights reservedInsert text here.

Creative Commons - No Derivative WorksYou let others copy, distribute, display, and perform only verbatim copies of your work, not derivative works based upon it.

Creative Commons - AttributionYou let others copy, distribute, display, and perform your copyrighted work - and derivative works based upon it - but only if they give you credit.

Creative Commons - Share AlikeYou allow others to distribute derivative works only under a license identical to the license that governs your work.

Creative Commons - Non CommercialYou let others copy, distribute, display, and perform your work - and derivative works based upon it - but for noncommercial purposes only.


Documents

VISUAL IDENTITY GUIDELINES International... · 02 COLOUR 03 TYPOGRAPHY 04 LAYOUT 05 INFOGRAPHICS 06 PHOTOS 04. Introduction 05. Exclusion zone and minimum size 06. Colour palette