olaf graphical charter - european commission · 2016. 2. 22. · olaf graphical charter user guide...

52
OLAF graphical charter USER GUIDE

Upload: others

Post on 22-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User gUide

Page 2: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus
Page 3: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

1

OLAF graphical charter User guide

Contents

the use of oLAF visual identity –introduction ....................................................................................................................................3

the oLAF logo .........................................................................................................................................................................................................................5

Colour Palette ..........................................................................................................................................................................................................................8

Font usage ....................................................................................................................................................................................................................................9

Cover and Poster design step by step ..........................................................................................................................................................101. Set margins ..................................................................................................................................................................................................................112. Place the ‘o’ shape ..............................................................................................................................................................................................133. Place the photo or the coloured surface ...................................................................................................................................... 164. Place the OLAF logo .........................................................................................................................................................................................175. Place and format text .......................................................................................................................................................................................18

Back cover ................................................................................................................................................................................................................................20

Cover examples ....................................................................................................................................................................................................................21

Cd-dVd label ........................................................................................................................................................................................................................22

Poster alternatives ...........................................................................................................................................................................................................23

Page layout ............................................................................................................................................................................................................................. 24Standard format margins ................................................................................................................................................................................. 24Leaflet layout margins ..........................................................................................................................................................................................25Colours ................................................................................................................................................................................................................................26Style sheets ....................................................................................................................................................................................................................28Other graphical elements ................................................................................................................................................................................32

oLAF stationary ................................................................................................................................................................................................................36OLAF Letterhead ......................................................................................................................................................................................................36OLAF business card ................................................................................................................................................................................................36

office documents ..............................................................................................................................................................................................................37Typeface usage in Office documents ....................................................................................................................................................37Colour usage in Office documents ..........................................................................................................................................................37Letter and note layout .........................................................................................................................................................................................38E-signature ....................................................................................................................................................................................................................... 41PowerPoint presentations ............................................................................................................................................................................... 42Excel Charts ...................................................................................................................................................................................................................43

internet and intranet ....................................................................................................................................................................................................45

other implementations ............................................................................................................................................................................................46

Page 4: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus
Page 5: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

3

OLAF graphical charter User guide

The use of OLAF visual identity –IntroductionTwo graphical charters are currently in use by OLAF depending on the nature of the documents:

1. The OLAF graphical charter; 2. The European Commission visual identity.

1. The following documents require the OLAF graphical charter/logo:

a. Investigation related documents: ISIP, investigative training, handbooks, guidelines on investigations, forensics, data gathering and analysis, data protection;

b. External relations related to OLAF’s investigative function: Inter-institutional relations, Communicators’ Network, Joint Customs Operations, mutual administrative assistance, AFIS, Administrative Cooperation Arrangements;

c. External communication related to OLAF’s Investigative function: Annual OLAF report, OLAF press-releases;

d. OLAF internal communication: Intranet, communication to OLAF staff;e. OLAF organised and/or OLAF financed conferences and seminars.

The related templates for:

� Letter (available in 23 languages) � Note (for internal use, available in English), � Presentation (.ppt, available in the 3 working languages), � Email signature, � Business card: contact person in Unit C.2: Bérénice GERMAIN (1) � And OLAF logo

are available in this user guide as well as on the intranet: http://olaf-intranet/olaf-graphical-charter/.

The templates for:

� Publications � Leaflets � CD/DVD � Posters

are explained and detailed in this user guide. Related InDesign and Illustrator files can be obtained upon request from Unit C.2 Investigation Training & Communication.

The forms to be used by investigators can be found on the CMS.

(1) The business cards will be made available on Sysper 2 by OIB as from 2013.

Page 6: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

4

2. The following documents require the European Commission visual identity/logo (with OLAF’s name spelled out in full - “The European Anti-Fraud Office” - in the footer box):

a. Documents linked to the Commission’s planning and reporting cycle, such as the Annual Management Plan (AMP)and Annual Activity Report (AAR);

b. Human, financial and IT resources;c. Legislative proposals, Commission Communications and Staff Working Documents incl. the

Article 325 (PIF) Report;d. Replies to Interservice Consultations;e. The anti-fraud prevention website on IntraComm.

Templates are available on the intranet: http://olaf-intranet/ec-graphic-chart/, for:

� Presentations (.ppt, available in the 3 working languages), � Reports (.doc), � Replies to Interservice Consultations, � And the European Commission logo.

Eurolook, which is available on all OLAF computers, should be used for the notes.

Page 7: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

5

OLAF graphical charter User guide

The OLAF logoThe OLAF logo is a key element of the visual identity. It is an integral part of OLAF’s graphic identity and must appear on all publications. Several versions are available according to specific needs.

Positive version

The positive version of the logo is to be used on white or very light backgrounds not exceeding 15 % of black.

Colours used: C:0; M:0, Y:100, K:0 C:100; M:80, Y:0, K:0 C:60; M:30, Y:0, K:0

Negative version

The negative version of the logo is to be used on bright coloured backgrounds. In this version the logo appears on a white block with a hole in it.

Colours used: C:0; M:0, Y:100, K:0 C:100; M:80, Y:0, K:0

All versions of the logo (including text) exist in the 23 official languages of the EU.

EurOPEAN ANTi-FrAud OFFiCE

EurOPEjski urząd ds. zwALCzANiA NAdużyć FiNANsOwyCh

If the logo needs to be smaller than 30 mm wide, use the basic version and add text next to it.

Write text within this areaFont: KievitPro Bold all CapsColour: Blue for positive, white for negativeSize and Leading are equal3 lines of text correspond to height of EU flag

Page 8: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

6

Positive version variations Negative version variations

Pantone Yellow Pantone Reflexe Blue Pantone Reflexe Blue 40 %

Pantone Yellow Pantone Reflexe Blue Pantone 659

Black 100 % Black 40 %

Printed in dark colour on light background

#FFCC00 #003399 #FFCC00

Pantone Yellow Pantone Reflexe Blue

Black 100 %

Printed in white on dark background

#FFCC00 #003399

OLAF logo black and

white version

OLAF logo monochrome

OLAF logo web version

OLAF logo PMs version:

2 colours

OLAF logo PMs version: 3 colours

Page 9: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

7

OLAF graphical charter User guide

Name of the Office in all language versions

ALL CAPs LoWer CAse

BG ЕвропЕйска служба за борба с измамитЕ Европейска служба за борба с измамите

ES OFiCiNA EurOPEA dE LuChA CONTrA EL FrAudE Oficina Europea de Lucha contra el Fraude

CS EvrOPský úřAd PrO bOj PrOTi POdvOdůM Evropský úřad pro boj proti podvodům

DA dET EurOPæiskE kONTOr FOr bEkæMPELsE AF svig det Europæiske kontor for bekæmpelse af svig

DE EurOPäisChEs AMT Für bETrugsbEkäMPFuNg Europäisches Amt für betrugsbekämpfung

ET EurOOPA PETTusTEvAsTANE AMET Euroopa Pettustevastane Amet

EL Ευρωπαϊκή υπήρΕσία καταπολΕμήσήσ τήσ απατήσ

Ευρωπαϊκή υπηρεσία καταπολέμησης της απάτης

EN EurOPEAN ANTi-FrAud OFFiCE European Anti-Fraud Office

FR OFFiCE EurOPéEN dE LuTTE ANTi-FrAudE Office européen de Lutte Anti-Fraude

GA AN OiFig EOrPACh FriTh-ChALAOisE An Oifig Eorpach Frith-Chalaoise

IT uFFiCiO EurOPEO PEr LA LOTTA ANTiFrOdE ufficio europeo per la lotta antifrode

LV EirOPAs birOjs krāPšANAs APkArOšANAi Eiropas birojs krāpšanas apkarošanai

LT EurOPOs kOvOs su sukčiAviMu TArNybA Europos kovos su sukčiavimu tarnyba

HU EuróPAi CsALás ELLENi hivATAL Európai Csalás Elleni hivatal

MT L-uFFiċċju EwrOPEw TA’ kONTrA L-FrOdi l-uffiċċju Ewropew ta’ kontra l-Frodi

NL EurOPEEs burEAu vOOr FrAudEbEsTrijdiNg Europees bureau voor fraudebestrijding

PL EurOPEjski urząd ds. zwALCzANiA NAdużyć FiNANsOwyCh

Europejski urząd ds. zwalczania Nadużyć Finansowych

PT OrgANisMO EurOPEu dE LuTA ANTiFrAudE Organismo Europeu de Luta Antifraude

RO OFiCiuL EurOPEAN dE LuPTă ANTiFrAudă Oficiul European de Luptă Antifraudă

SK EuróPsky úrAd PrE bOj PrOTi POdvOdOM Európsky úrad pre boj proti podvodom

SL EvrOPski urAd zA bOj PrOTi gOLjuFijAM Evropski urad za boj proti goljufijam

FI EurOOPAN PETOsTENTOrjuNTAvirAsTO Euroopan petostentorjuntavirasto

SV EurOPEiskA byråN För bEdrägEribEkäMPNiNg Europeiska byrån för bedrägeribekämpning

Page 10: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

8

Colour PaletteThe basic palette consists of the colours making up the logo plus the grey of the watermark on the cover page:

C M y k Pantone r g b web

Europe blue 100 80 0 0 Reflexe Blue C 0 51 153 #003399

Light blue 60 30 0 0 659 C 102 153 204 #6699CC

dark gray 0 0 0 70 Black C, 70% 102 102 102 #666666

yellow* 0 0 100 0 Yellow C 255 242 0 #FFF200

Light gray* 0 0 0 5 Black C, 5% 193 192 225 #F1F2F2

* Yellow and light gray are to be used as secondary colours. In addition to these colors, you can use any color provided it is legible as text, positive and negative. If your cover contains a background photo, choose a secondary colour in harmony with this photo.

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Aliquam vel nisi odioMauris lacinia turpis vitae turpis tincidunt feugiatsuspendisse pulvinar tincidunt dui sed venenatis. vivamus ut erat ligula

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Avoid colours which are too light or too pale and which may not be contrasted enough to use as an accompanying colour for layout issues.

The accompa-nying colour you will use for layout issues should be in har-mony with the cover page.

Page 11: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

9

OLAF graphical charter User guide

Font usageKievitPro is a Sans Serif typeface which offers a wide variety of styles going from ‘Thin’ to ‘Black’, covering all specific needs for cover and page layout. KievitPro is an OpenType font, which means that it is cross-platform compatible (same font files for Macintosh and PCs).

KievitPro Thin

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro ExtraLight

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro Book

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro Medium

ABCdeFgHiJKLMnoPQrstUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

kievitPro bold

AbCdEFghijkLMNOPQrsTuvwXyz abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro ExtraBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro Black

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro ThinItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro ExtraLightItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro LightItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro RegularItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro BookItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro MediumItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro BoldItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro ExtraBoldItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

KievitPro BlackItalic

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

To be used on

cover pages

To be used on

cover pages

Page 12: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

10

Cover and Poster design step by stepIn this section we will explain step by step how to construct a cover page or a poster in Adobe InDesign. There are two types of cover design:

� with a photo in the background; � with a coloured surface in the background.

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

1. Set margins 2. Place ’o’ shape 3. Place photo or coloured surface

4. Place logo 5. Place and format text

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Page 13: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

11

OLAF graphical charter User guide

1. set margins

General rules for Din A0 to Din A5

Cover or poster with photo Cover without photo

Top margin = Document height/3Bottom margin = Document width/10Left margin = Document width × 2.1Right margin = Document width/10

Top margin = Document height/10Bottom margin = Document width/10Left margin = Document width × 2.1Right margin = Document width/10

General rules for Din Formats smaller than A5

Cover or poster with photo Cover without photo

Top margin = Document height/3Bottom margin = Document height/10Left margin = Document width × 2.1Right margin = Document width/10

Top margin = Document height/10Bottom margin = Document height/10Left margin = Document width × 2.1Right margin = Document width/10

Exceptions

B5, Leaflet and CD/DVD inlays are common formats not based on DIN A. These two formats follow a specific structure. You will find the margins to use in the table below.

* The top margin refers to where to fix the ‘o’ shape

Margins summary

format width height

top publication with photo

top publication with

coloured background bottom left right

A6 105.0 148.0 49.3 14.8 14.8 22.1 10.5

A5 148.0 210.0 70.0 21.0 14.8 31.1 14.8

A4 210.0 297.0 99.0 29.7 21.0 44.1 21.0

A3 297.0 420.0 140.0 (1) 42.0 29.7 62.4 29.7

A2 420.0 594.0 198.0 (1) 59.4 42.0 88.2 42.0

A1 594.0 841.0 280.3 (1) 84.0 59.4 124.7 59.4

A0 841.0 1189.0 396.3 (1) 119.0 84.1 176.6 84.1

b5 176.0 250.0 83.3 25.0 17.6 37.0 17.6

leaflet 105.0 210.0 70.0 35.0 14.8 14.8 10.5

Cd/dvd 121.0 120.0 30.0 -2.0 12.1 25.5 12.1

(1) For posters the top margin is an indication and refers to the minimum space to leave for visuals on posters, see details page 25.

Page 14: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

12

≥A5

<A5

leaflet

CD/DVD

≥A5

<A5

leaflet

CD/DVD

Examples of margins for publications with coloured background

Examples of margins for publications with a photo in the background

Page 15: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

13

OLAF graphical charter User guide

2. Place the ‘o’ shapeHere again we make a distinction between creating a cover with a photo, or, simply with a coloured background. Both alternatives use different shapes.

use of a photo use of a coloured background

For DIN formats, the width of the shape corresponds to 1.3 times the width of the document. This rule does not apply to CDs or leaflets, for which the shape has specific measurements (see table below). The ‘ai’ document is based on an A4 cover.

‘o’ shape size

format width of ‘o’ shape

A6 136.5 mm

A5 192.4 mm

A4 273.0 mm

A3 386.1 mm

A2 546.0 mm

A1 772.2 mm

A0 1093.3 mm

b5 229.0 mm

Leaflet 165.0 mm

Cd/dvd 152.0 mm

cover shape.ai cover shape without photo.ai

273 mm for A4

273 mm for A4

Page 16: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

14

How to proceed

� Create a specific layer for the ‘o’ shape. � Place the appropriate Adobe Illustrator file on this layer. � Change the width measurement of the Adobe Illustrator file according to your document size. � Fix the Adobe Illustrator file to your top margin. � Align it centred to artwork.

Page 17: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

15

OLAF graphical charter User guide

In case you need to reconstruct the ‘o’ (A4)

� Create 4 circles following illustration below.

� In Adobe Illustrator use ‘Pathinder’ > ‘Divide’. You will obtain new individual shapes as a result of the division.

� Delete shapes displayed in red in illustration below. � Combine the shapes displayed in blue in the illustration below with ‘Pathfinder’.

� Colour the three shapes. � Rotate to -80°. � Add a white rectangle behind bottom half circle.

� For the shape used on covers with a photo delete the upper part of the circle (displayed in red in the illustration below).

R=136.5 mm

R=375 mm

R=349 mm

R=124 mm

K 0

K 5K 5opacity

30%

-80°

K 0

K 5K 5opacity

30%

-80°

Page 18: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

16

3. Place the photo or the coloured surfaceThe cover design only allows for one single visual. It is placed behind the ‘o’ shape. The visuals selected should relate to the issue addressed by the publication.

How to proceed

� Create a new layer for the visual. � Place the layer behind the ‘o’ shape layer. � Draw a box on this layer. Take care that this box is completely covered by the ‘o’ shape. � Colour it or import a picture into the box. Use landscape pictures. Make sure that important information in the picture is not hidden by the ‘o’ shape.

Page 19: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

17

OLAF graphical charter User guide

4. Place the oLAF logoThe OLAF logo must appear on all publications.

When importing the logo choose ‘Crop to ART’ in the ‘Place’ dialogue box. This is important because even the positive version of the logo has been designed surrounded by a block which in this case is transparent. The logo will be positioned according to this block

It must be positioned on right bottom margin as shown below.

How to proceed

� Create a new layer for the logo. � Place the layer above the ‘o’ shape layer. � Import the logo in the required language version. When importing the logo choose ‘Crop to ArT’ in the ‘Place’ dialogue box. This is important because even the positive version of the logo has been designed surrounded by a block (cf negative logo version). When we mention the logo size in the guide it refers to the logo surrounded by the block.

Align logo box to right

margin

Fix accompanying text on lower margin

Logo size

format Logo width

A6 33 mm

A5 39 mm

A4 45 mm

A3 63 mm

A2 90 mm

A1 126 mm

A0 180 mm

b5 229 mm

Leaflet 35 mm

Cd/dvd 33 mm

Page 20: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

18

5. Place and format textThe title on a cover page is always left aligned. It is composed in KievitPro Light and KievitPro Bold for words to be emphasized. Subtitles are to be displayed in KievtiPro Bold.

How to proceed

� Create a new layer for the text. Make sure the layer is placed above the ‘o’ shape layer. � Create a text box and type title and subtitle. � Format them according to the table below.

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

x-height

� Align box on left margin. � Title and subtitle should always be displayed inside the white back-ground. If it happens that the title is too long, use a smaller font size. The ratio between leading and font size should be 1.15.

� Ex: font size is 18 pt. > leading = 18 × 1.15 � Align box vertically so that the ‘x’-height and the tip of the loop of the ‘o’ shape are aligned (see illustration).

FormatTitle (size and

leading)subtitle (size and leading)

space before subtitle

A6 19/21.8 10/12 3.5

A5 27/31 14/16 5

A4 38/43.7 20/23 7

A3 54/62 28/32 10

A2 76/87.5 40/45 14

A1 105/120 56/64.5 20

A0 148/170 80/92 30

b5 32/36.8 16.5/19 6

Leaflet 22/25.3 14/16 3.5

Curabitur consequat sagittis hendrerit suspen potenti Aenean luctus fringilla lacus consecteturdonec auctor nulla ante.

Curabitur consequat sagittis hendrerit suspen potenti Aenean luctus fringilla lacus consecteturdonec auctor nulla ante.

Page 21: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

19

OLAF graphical charter User guide

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Format width height Top margin Top marginbottom margin

Left margin

right margin

width of ‘o’

shapeLogo

width

Title (size &

leading)

subtitle (size &

leading)

space before

subtitle

A6 105 148 49.3 14.8 14.8 22.1 10.5 136.5 33 19/21.8 10/12 3.5

A5 148 210 70 21 14.8 31.1 14.8 192.4 39 27/31 14/16 5

A4 210 297 99 29.7 21 44.1 21 273 45 38/43.7 20/23 7

A3 297 420 140 (1) 42 29.7 62.4 29.7 386.1 63 54/62 28/32 10

A2 420 594 198 (1) 59.4 42 88.2 42 546 90 76/87.5 40/45 14

A1 594 841 280.3 (1) 84 59.4 124.7 59.4 772.2 126 105/120 56/64.5 20

A0 841 1189 396.3 (1) 119 84.1 176.6 84.1 1093.3 180 148/170 80/92 30

b5 176 250 83.3 25 17.6 37 17.6 229 229 32/36.8 16.5/19 6

Leaflet 105 210 70 35 14.8 14.8 10.5 165 35 22/25.3 14/16 3.5

Cd/dvd 121 120 30 -2 12.1 25.5 12.1 152 33 18/21.8 10/12 3.5

Table : Measurement summary (mm & pt for text)

(1) Top margins can vary accordingly to the space you need for the visual, see detail page 23

Page 22: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

20

back coverThe colophon components should be displayed as described below.

Format Margins OP logoidentifiers: Myriad pro regular

catalogue n° doi and price

top bottom left right height resize size alignment size alignment

A4 20 mm 20 mm 25 mm 15 mm 16,5 mm 50 % 8 left 8 right

b5 20 mm 20 mm 25 mm 15 mm 16,5 mm 50 % 8 left 8 right

A5 20 mm 20 mm 20 mm 15 mm 15 mm 45,5 % 8 left 7 right

Leaflet 20 mm 20 mm 10 mm 10 mm 15 mm 45,5 % 8 left 7 right

A6 12 mm 12 mm 10 mm 10 mm 15 mm 45,5 % 7 left 7 right

Cd inlay 10 mm 10 mm 10 mm 10 mm 15 mm 45,5 % 7 left 7 right

XX-00-00-000-EN-C

doi:00.0000/00000Price (excluding VAT) in Luxembourg: EUR 000

The colophon components to be put on the backcover are:

1. Publications Office’s logo

2. Catalogue number

3. isbN/barcode:

� A specific box is included in the InDesign templates provided by the Publications Office.

� Resize this box according to barcode size.

� Fix the barcode image to the bottom right edge of the box.

� Leave 2 mm between barcode and doi (digital object identifier).

4. doi

5. Price (if requested)

1

2

3

45

Page 23: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

21

OLAF graphical charter User guide

Cover examples

Donec fringilla adipiscing ligula in semper

Sed dignissim eros id urna hendrerit mollisQuisque in neque dolor, quis vestibulum leo Nullam non.

integer enim augue varius a tempor necdiaculis sed arcu

Sed sit amet risus tellus, sed rhoncus leo donec fringilla adipiscing ligula in semper

Nunc at odio loremduis dictum tincidunt felis

Nulla facilisi Suspendisse sollicitudin, tortor eget blandit volutpat, mauris risus pellentesque ligula

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011 Aliquam neque

ipsum ornare ut elementum ut, tristique et magna Pellentesque vulputate auctor egestas

vivamus hendrerit Abibendum augue vitae fringilla

Sed laoreet hendrerit magna fringilla venenatisdonec auctor nulla ante.

Lorem ipsum dolor sit ametvivamus ullamcorper mi et orci sodales ac condimentum

libero a imperdiet suscipitLibero quam vehicula ero

Page 24: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

22

Cd-dvd label

kievitPro Light 14 pt, leading 16,centred vertically

kievitPro bold 9 pt, leading 10,5 ptPublications offi ce XX-00-00-000-XX-Z ISBN 000-00-00000-00-0 doi:00.0000/00000 ©

European Unio

n, 20XX

116 mm

22 mm

Text inset 7 mm

33 mm

87 m

m

Colour of left part of the shape to be personalised right

part is K 5 %Morbi hendrerit ullamcorper fringilla Duis non nunc sapienSuspendisse ligula est porta vitae facilisis a semper a mauris

Publications Offi ce XX-00-00-000-XX-Z ISBN 000-00-00000-00-0 doi:00.0000/00000 © European U

nion, 2

0XX

Morbi hendrerit ullamcorper fringilla Duis non nunc sapienSuspendisse ligula est porta vitae facilisis a semper a mauris

Publications Offi ce XX-00-00-000-XX-Z ISBN 000-00-00000-00-0 doi:00.0000/00000 © European U

nion, 2

0XX

Morbi hendrerit ullamcorper fringilla Duis non nunc sapienSuspendisse ligula est porta vitae facilisis a semper a mauris

Publications Offi ce XX-00-00-000-XX-Z ISBN 000-00-00000-00-0 doi:00.0000/00000 © European U

nion, 2

0XX

R=58 mm

26 mm

R=150 mm

R=139 mmcolour: K 5

colour in harmony

with CD/DVD

cover

-10°

How to construct the background shape

� Create 3 circles following the illustration above. � In Adobe Illustrator use ‘Pathinder’ > ‘Divide’. You will obtain new idividual shapes resulting from the division.

� Delete the shapes displayed in red in the illustration above. � Colour the two shapes. � Rotate to -10°.

Page 25: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

23

OLAF graphical charter User guide

How to construct the background shape

� Create 3 circles following the illustration above. � In Adobe Illustrator use ‘Pathinder’ > ‘Divide’. You will obtain new idividual shapes resulting from the division.

� Delete the shapes displayed in red in the illustration above. � Colour the two shapes. � Rotate to -10°.

Poster alternativesIt may occur that for communication purposes you need to give more importance to the illustrat-ing image. That’s why the poster layout offers two alternatives with more space for the illustra-tion. The different options are available in the provided InDesign template.

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Basic layout Alternative 1:Balanced proportions between image and textual information.

Alternative 2:Reversed proportions and display of image and textual information. The image has been placed in the curved shape. As in this version the logo is placed on a coloured background, you need to use the negative version of the logo.

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011

Sed solligitudin est ac magna convallis ut fringillaMorbi a mi mi, vel 2011top margin = width × 0,65

width × 0,1

text

cen

tred

ve

rtic

ally

top margin = height/3same as basic

Page 26: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

24

Page layout

standard format margins

Top bottom inside Outsidegraphic element

height distance from top

A4 44.5 mm 29.7 mm 21.0 mm 31.5 mm 29.7 mm 5.0 mm

A5 31.5 mm 21.0 mm 18.0 mm 21.0 mm 21.0 mm 5.0 mm

A6 22.5 mm 14.8 mm 14.8 mm 15.8 mm 14.8 mm 5.0 mm

B5 37.5 mm 25.0 mm 18.0 mm 28.0 mm 25.0 mm 5.0 mm

CD-DVD 12.1 mm 12.1 mm 12.1 mm 12.1 mm 14.8 mm 12.1 mm

Main title Subtiltle Main title Subtiltle

2 3

Main title Subtiltle Main title Subtiltle

6 7

Main title Subtiltle Main title Subtiltle

2 3

Main title Subtiltle Main title Subtiltle

2 3

Main title Subtiltle Main title Subtiltle

2 3

A4

A5

A6

b5

Cd-dvd

Outside and inside margins can vary according to your design needs and the number of columns.

BUT, never use more than 100 characters (including spaces) in one single column. this would harm readability!

Page 27: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

25

OLAF graphical charter User guide

Leaflet layout margins

Main titleSubtitle

XX-00-00-000-EN-C

doi:00.0000/00000Price (excluding VAT)

in Luxembourg: EUR 000

103 mm

103 mm

10.5 mm

10.5 mm 10.5 mm7 mm

7 mm

7 mm

7 mm

14.8

mm

10.5 mm 10.5 mm

10.5 mm

105 mm

105 mm

105 mm

105 mm

For cover layout see pp 12-19.

Page 28: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

26

ColoursThe colour scheme of a publication is based on one main color, which will be defined according to the publication cover’s prevailing colour harmony.

Donec fringilla adipiscing ligula in semper

Donec fringilla adipiscing ligula in semper

Main title Subtiltle

6

1. Orrovidus nulparunt, omnist labore nobitissim andero temporumqui

1.1 Mamet et fugitio ommolorem am voluptatusam nit, iur adi rectur?

1.1.1 Quid quossecepro el inustio.

Et et ide ommoluptas nimus modit pos dolor autatem ra sent ut illaccab id ut at eum endipsaperum enditatque laboremodis es arum consequid expelibusa dolorporero blaut doluptation entiumquo entur? Modignimus endam repelit enducit ute illorerrum ex et alique nobit quas sequo volorporit aut ulpa delit pernatu riatus essunt laut lam, et, que laut et quas qui aut estiorepel illatem excea que que arumqua tquiatiae cus, occae volut et as dus earum hic tem res quid eturiant idebis rem eume volutestem dolut vende ducia dolorit aspis experum quias asserum nonsed elissumque dita sum que sequis perum erum cus, estrum aliqui voluptas qui sit, officiur?

1.1.2 Est odit iur? hariber iorehendipis ipiento ressitatust volorerspe sim hit oditatur?

Equi volorum estiumq uissit qui accupta tentur? Quiam earunt. Ur, utem conseque dolorpo reprem sitium voluptaquis ut faccum et militionsed quae voloribus quasim audiam, sum haris aspel in reped explige niaectes eosaepr iunt, occum qui ad que maximil maxime dereped enisquis mos rest, quia si dolum vel exeribusant.

Pa quaes si tessequi coriorro evero tem anditas iminctus, sunto corum quo voluptas eum natiosa dem nonsent arum erorro optatiae et apis quam quam harum is andisquo et aute nos volo eri dolup-tae perum evel modisci tasitium reriate mquostis dolorepuda verferatis dolore volupti anistrunt am vellabore reror autem sant rectatis ex et pra dolores alique niasimp orrovit omnisqui digentur? Qui te pres prae plati ipsamusae nullupta ium es pe verum inciendel id eatur rem animus ni ressit quos prataquiscid quam, tet que ped et aut alique volor si to officip ienderum quas is sunt as am quam volupta pro tenem simolupti velesci andandi deliqui asperes estrum quam, con eos aut la senient io-

0

300

600

900

1200

1500

StructuralFunds

ExternalAid

EU Institutions+ EU Bodies

DirectExpenditure

CustomsCigarettesAgriculture

Main title Subtiltle

7

riaspic testincit dolupiscipid mi, sit prero offic te cones quatestint aut explaut atusam, venis earibus volendit eaquatur, tes maxim ulpario. Upta doluptatenem reicium si nistiam fugit debit et, ut aliaeri aepelit fuga. Ut aut lamus et veribea tenihit, idunt.

Nem vellit mini recus autatquis doluptatet, ad magnatem fuga. Git quodi soloritas nonsed mi, of-ficatur? Sumquam, si noneseq uisque volupta tiistrum, cum es ius apient hilique que velignam eium quibus inimolo rrovidempe ercia qui doluptate nosaperovid qui acipid quam eaquunt accusa veliquo bearum evellit, conet voluptatem ut volesequia nonsequ untiunt endel id que dolore liberio inis et es etur, suntor sed moluptatet qui voluptat aciet hiliquae quias nita int a sum et eat.

Ut exerspi scitas maximperior aut accus, nis aboribusanis debis exero mod ex eossi dignam, quam hil es mi, nonsequia nectatio. Cus velenest adi nos rerorem dipsa ipid moluptat.

Table 2: distribution of new information received by OLAF sector

Major sector 2006 2007 2008 2009 2010 Total As percentage

Agriculture 107 136 201 174 186 804 17%

Cigarettes 9 10 13 12 16 60 1%

Customs 65 56 54 32 57 264 6%

direct expenditure 50 102 150 98 106 506 11%

eU institutions + eU Bodies 231 208 294 305 232 1270 27%

external Aid 204 205 179 145 156 889 19%

structural Funds 156 161 137 193 230 877 19%

Total 822 878 1028 959 983 4670 100%

Sandiosa plignit pliqui bla voles ea doluptur? Qui cora vellamus idis as sequi corerup tatiur, con consequis modiore dolessita idelluptatum dolorem et ipsus aut fuga. Nem quam, voluptatur at.

Lorum que ne sam voluptum resecabore, sum non nobit rehenda nullige nditaspit ommoluptatis dolest quam, inumendus, volori con ra nullit et eius eum, ipsunti busamus est, ommo est, num, si tem et atestioriae quam quiatia qui denimus, tes ant deligendis exerume ducidempero omnis sum ipictib ernatia si nonsectas moluptae restius que pra nos et omnisci llessenihil in eos natem ut vitis eum repernatum fuga. Harunt velia nem liquid qui ut quam et quias autem alibus ma erciaerum audipsantur?

1.1.3 Ovidellabore pliquia venest, at facepudae. Nem nit unda des et reicimus, ad molorec temque rectotatur?

Ur, veliquid estiae quo conet ut volorro doluptati utatia sitat omnisimenis seri corestem sae. Itatem quiamet planto ipsust, conet offictiatium que quiae pe verum que as explit doluptur sima pedita dolest enimus dolupta sit magnatur,Es ut ad et quaes maiorerunt essedis autatur, que voluptae. Mi, audissundus estiore qui dolorrorest, officaborrum et pero vent fuga. Nam hiliquam idella aut moluptatur, corro et quamenimi, ute pore maio quae eosam et exceaqui quistis sequi blaut la provi-del incias ulpa et modi oditinust, occus aborit quibus, que sae velit velest, ilic to esed quamus cus eossusti conseque si aruptatur susto issinto in consenda cus, officiu sanducia consenem. Ossectae nonsequatem enihicit explis event doluptio. Ihicto dolupta ea voluptas mil idestio conet pre non-serferio. Nam, siti te nulparcimus auta ni sequame id earuptat maxima volorib eresto bea pos aut debis nullaut officaector alicia nos utatiis truntiur, aliat res ipis doloresseque vite quate plab ide

Main title Subtiltle

6

1. Orrovidus nulparunt, omnist labore nobitissim andero temporumqui

1.1 Mamet et fugitio ommolorem am voluptatusam nit, iur adi rectur?

1.1.1 Quid quossecepro el inustio.

Et et ide ommoluptas nimus modit pos dolor autatem ra sent ut illaccab id ut at eum endipsaperum enditatque laboremodis es arum consequid expelibusa dolorporero blaut doluptation entiumquo entur? Modignimus endam repelit enducit ute illorerrum ex et alique nobit quas sequo volorporit aut ulpa delit pernatu riatus essunt laut lam, et, que laut et quas qui aut estiorepel illatem excea que que arumqua tquiatiae cus, occae volut et as dus earum hic tem res quid eturiant idebis rem eume volutestem dolut vende ducia dolorit aspis experum quias asserum nonsed elissumque dita sum que sequis perum erum cus, estrum aliqui voluptas qui sit, officiur?

1.1.2 Est odit iur? hariber iorehendipis ipiento ressitatust volorerspe sim hit oditatur?

Equi volorum estiumq uissit qui accupta tentur? Quiam earunt. Ur, utem conseque dolorpo reprem sitium voluptaquis ut faccum et militionsed quae voloribus quasim audiam, sum haris aspel in reped explige niaectes eosaepr iunt, occum qui ad que maximil maxime dereped enisquis mos rest, quia si dolum vel exeribusant.

Pa quaes si tessequi coriorro evero tem anditas iminctus, sunto corum quo voluptas eum natiosa dem nonsent arum erorro optatiae et apis quam quam harum is andisquo et aute nos volo eri dolup-tae perum evel modisci tasitium reriate mquostis dolorepuda verferatis dolore volupti anistrunt am vellabore reror autem sant rectatis ex et pra dolores alique niasimp orrovit omnisqui digentur? Qui te pres prae plati ipsamusae nullupta ium es pe verum inciendel id eatur rem animus ni ressit quos prataquiscid quam, tet que ped et aut alique volor si to officip ienderum quas is sunt as am quam volupta pro tenem simolupti velesci andandi deliqui asperes estrum quam, con eos aut la senient io-

0

300

600

900

1200

1500

StructuralFunds

ExternalAid

EU Institutions+ EU Bodies

DirectExpenditure

CustomsCigarettesAgriculture

Main title Subtiltle

7

riaspic testincit dolupiscipid mi, sit prero offic te cones quatestint aut explaut atusam, venis earibus volendit eaquatur, tes maxim ulpario. Upta doluptatenem reicium si nistiam fugit debit et, ut aliaeri aepelit fuga. Ut aut lamus et veribea tenihit, idunt.

Nem vellit mini recus autatquis doluptatet, ad magnatem fuga. Git quodi soloritas nonsed mi, of-ficatur? Sumquam, si noneseq uisque volupta tiistrum, cum es ius apient hilique que velignam eium quibus inimolo rrovidempe ercia qui doluptate nosaperovid qui acipid quam eaquunt accusa veliquo bearum evellit, conet voluptatem ut volesequia nonsequ untiunt endel id que dolore liberio inis et es etur, suntor sed moluptatet qui voluptat aciet hiliquae quias nita int a sum et eat.

Ut exerspi scitas maximperior aut accus, nis aboribusanis debis exero mod ex eossi dignam, quam hil es mi, nonsequia nectatio. Cus velenest adi nos rerorem dipsa ipid moluptat.

Table 2: distribution of new information received by OLAF sector

Major sector 2006 2007 2008 2009 2010 Total As percentage

Agriculture 107 136 201 174 186 804 17%

Cigarettes 9 10 13 12 16 60 1%

Customs 65 56 54 32 57 264 6%

direct expenditure 50 102 150 98 106 506 11%

eU institutions + eU Bodies 231 208 294 305 232 1270 27%

external Aid 204 205 179 145 156 889 19%

structural Funds 156 161 137 193 230 877 19%

Total 822 878 1028 959 983 4670 100%

Sandiosa plignit pliqui bla voles ea doluptur? Qui cora vellamus idis as sequi corerup tatiur, con consequis modiore dolessita idelluptatum dolorem et ipsus aut fuga. Nem quam, voluptatur at.

Lorum que ne sam voluptum resecabore, sum non nobit rehenda nullige nditaspit ommoluptatis dolest quam, inumendus, volori con ra nullit et eius eum, ipsunti busamus est, ommo est, num, si tem et atestioriae quam quiatia qui denimus, tes ant deligendis exerume ducidempero omnis sum ipictib ernatia si nonsectas moluptae restius que pra nos et omnisci llessenihil in eos natem ut vitis eum repernatum fuga. Harunt velia nem liquid qui ut quam et quias autem alibus ma erciaerum audipsantur?

1.1.3 Ovidellabore pliquia venest, at facepudae. Nem nit unda des et reicimus, ad molorec temque rectotatur?

Ur, veliquid estiae quo conet ut volorro doluptati utatia sitat omnisimenis seri corestem sae. Itatem quiamet planto ipsust, conet offictiatium que quiae pe verum que as explit doluptur sima pedita dolest enimus dolupta sit magnatur,Es ut ad et quaes maiorerunt essedis autatur, que voluptae. Mi, audissundus estiore qui dolorrorest, officaborrum et pero vent fuga. Nam hiliquam idella aut moluptatur, corro et quamenimi, ute pore maio quae eosam et exceaqui quistis sequi blaut la provi-del incias ulpa et modi oditinust, occus aborit quibus, que sae velit velest, ilic to esed quamus cus eossusti conseque si aruptatur susto issinto in consenda cus, officiu sanducia consenem. Ossectae nonsequatem enihicit explis event doluptio. Ihicto dolupta ea voluptas mil idestio conet pre non-serferio. Nam, siti te nulparcimus auta ni sequame id earuptat maxima volorib eresto bea pos aut debis nullaut officaector alicia nos utatiis truntiur, aliat res ipis doloresseque vite quate plab ide

In the first place, it will be used for the graphical element in the header.

Main colour chosen for the publication according to the cover page displayed above.

100 %

50 %

Page 29: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

27

OLAF graphical charter User guide

Use colours from the OLAF logo scheme as accompanying colours, which can be harmonised with your main colour.

Example:

Main title Subtiltle

2

Aliquam consectetur lorem ac lectus accumsanLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ultricies bibendum luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus tempor odio a erat tristique eu pharetra lectus pellentesque. Aliquam quis augue ut lacus bibendum viverra. donec ullamcorper augue nec risus feugiat id fermentum lorem tempor.

Nullam semper tincidunt dui ac facilisis. Ut turpis felis, vehicula vitae luctus a, ultricies a libero. In non est blandit sem condimentum placerat vel sed dolor. In hac habitasse platea dictumst. Maecenas vitae ultricies lectus. Integer elit mi, semper id volutpat luctus, volutpat sed leo.

Quisque placerat viverra metus vitae mollis. Quisque hendrerit, metus vel ultricies consequat, tellus ipsum aliquet erat, sed pulvinar felis justo sed arcu. Nunc fringilla interdum magna, nec suscipit est volutpat in. Aliquam dignissim fermentum accumsan. Vivamus malesuada varius tristique. Nunc ut vestibulum erat.

Nullam velit justo, dignissim sit amet vehicula id, bibendum at leo. Maecenas vitae ultricies lectus. Integer elit mi, semper id volutpat luctus, volutpat sed leo.

In porttitor posuere felis bibendum interdum. Aliquam luctus congue mi eu molestie. Morbi sed velit sed erat auctor vestibulum. Maecenas euismod magna vitae mauris scelerisque semper. Vestibulum vel lectus augue. Fusce elementum pretium ante, at ornare nisi hendrerit sodales. Nullam nec convallis arcu. Aenean consequat, orci eget rutrum vestibulum, eros massa consectetur felis, sit amet rutrum mauris quam in nisl. Sed ac nulla id libero scelerisque congue. Praesent pellentesque urna et neque imperdiet euismod. Duis arcu turpis, egestas non fermentum id, lacinia ac sem. Donec justo leo, dictum eu luctus id, aliquet sed enim. Nunc at dui tristique ultrices. Fusce venenatis neque a nulla auctor ut semper tortor blandit. Morbi nibh arcu, ultrices a tempor a, rutrum a orci. Curabitur quis diam odio. Sed a felis id mi consectetur sagittis eu et arcu. Praesent imperdiet ligula et quam commodo ut tincidunt arcu elementum. In sit amet dictum dui. Proin nec magna nunc. Aenean posuere, orci sit amet

Main title Subtiltle

4

aliquam leo euismod sit amet. Nam vitae purus nibh. Duis aliquet magna sit amet sapien congue quis lacinia leo tristique. Vestibulum suscipit consectetur massa, at volutpat neque fermentum ut.

sed pulvinar metus nec turpis imperdiet non scelerisque leo viverra

Integer purus dui, imperdiet a venenatis in, pulvinar eget erat. Phasellus molestie, quam non iaculis imperdiet, leo est pharetra ipsum, eu luctus sem ante porta lacus. Nullam in arcu ut mi molestie mollis id non eros. Proin eleifend mollis eleifend. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus diam orci, semper vitae rutrum vel, rutrum volutpat metus. Nulla tincidunt leo quis augue tempor laoreet. Aliquam vel urna eu dui auctor porttitor. Nam euismod mollis dui. Cras nec nulla aliquam quam varius tempus sit amet eget lorem. Cras pulvinar est in augue condimentum at vestibulum augue placerat. Ut a orci in ipsum luctus suscipit non placerat mi. Aliquam velit tortor, bibendum eu molestie in, suscipit et lectus. Maecenas a mollis libero. Ut ut ipsum sapien, eget ultricies libero. Etiam arcu est, lobortis id convallis id, mollis nec urna.

Pellentesque non sem massa. Phasellus eu aliquam tortor. Sed eleifend ipsum in magna congue mollis. Phasellus pharetra, ligula vitae luctus ultrices, lorem neque laoreet nulla, sit amet molestie mi massa interdum massa. Cras at felis nisl. Maecenas sollicitudin lacinia augue vel porta. Pellentesque risus tortor, mollis vitae feugiat eget, tempus at quam.

Pellentesque fringilla, risus ac iaculis hendrerit, lorem massa porttitor nibh, gravida ultrices ante magna quis purus. Aliquam ac magna at tortor vestibulum consequat. Pellentesque sagittis urna sed felis feugiat commodo placerat libero imperdiet. Morbi a neque nunc, ac ultrices tellus. Vestibulum tempus ultricies lorem sed ultrices. Pellentesque cursus dignissim rutrum. Quisque ut est in odio scelerisque euismod sit amet at augue. Mauris risus tellus, varius id dictum eget, accumsan at mi. Ut sagittis, ipsum vitae consequat facilisis, erat erat sodales felis, ut varius eros turpis et erat. Cras id eleifend lectus. Phasellus elit velit, venenatis at iaculis eget, placerat eu ligula. Vestibulum scelerisque urna justo.

width height top bottom left right circle size

CD/DVD 121 120 40.0 12.1 25.4 12.1 157.3

A6 105 148 49.3 10.5 22.1 10.5 136.5

Leafl et 105 210 70.0 10.5 22.1 10.5 136.5

A5 148 210 70.0 14.8 31.1 14.8 192.4

B5 176 250 83.3 17.6 37.0 17.6 228.8

A4 210 297 99.0 21.0 44.1 21.0 273.0

A3 297 420 140.0 29.7 62.4 29.7 386.1

A2 420 594 198.0 42.0 88.2 42.0 546.0

A1 594 841 280.3 59.4 124.7 59.4 772.2

A0 841 1189 396.3 84.1 176.6 84.1 1093.3

A3 land-scape

420 297 99.0 42.0 88.2 42.0 546.0

Table 2: Vivamus diam orci, semper vitae rutrum vel, rutrum volutpat metus.

Main title Subtiltle

3

porta suscipit, tellus elit egestas libero, at faucibus purus elit eget mauris. Suspendisse vel libero sit amet magna blandit posuere. Ut a ante orci. In hac habitasse platea dictumst.

sed et nisl quis lacus suscipit posuere

Ut hendrerit mauris sed massa elementum mollis. In accumsan, mauris a vehicula ullamcorper, mauris sem lacinia risus, ac ullamcorper augue odio at ante.

� Nullam laoreet metus sed arcu sollicitudin id luctus purus tincidunt.

� Nunc sit amet tortor a velit tempus gravida. � Donec dictum massa at purus malesuada vulputate. � Vivamus pulvinar aliquet sapien, eget volutpat ligula

tristique a. � Aenean nec metus id elit iaculis porttitor. � Maecenas vehicula massa et elit elementum ultricies

id quis sapien.

Duis commodo cursus egestas. Pellentesque tristique facilisis turpis, at accumsan neque fringilla at. Sed fermentum facilisis feugiat. Nam at lacus et lorem sagittis aliquam. Sed enim justo, convallis et egestas non, viverra ut massa. Duis ac massa sed ante elementum lobortis. Praesent ultrices elit sit amet orci dapibus eget accumsan massa congue.

in elementum erat est, eget congue lectus

Phasellus vel felis arcu. Nunc dapibus quam non lorem elementum pulvinar. Pellentesque mollis volutpat suscipit. Phasellus nec ipsum a urna sodales mollis vitae sit amet lorem. Nunc sollicitudin mauris in metus ultrices gravida. Suspendisse nec felis sit amet magna tempus placerat ac vel justo. Nulla scelerisque nulla turpis.

Nunc cursus euismod consequat. Ut augue ipsum, dictum vel tempor sed, vestibulum eu turpis. Mauris sagittis, ante a eleifend tristique, enim urna tincidunt arcu, ac gravida enim odio non lacus. Morbi luctus magna quis arcu luctus eleifend. Cras magna metus, tincidunt nec adipiscing vel, dignissim quis nisi. Cras sit amet magna magna, ut bibendum enim. Donec ut lacus eget ligula viverra suscipit id a ante. Quisque

nec dui tortor, vitae viverra lacus. Quisque scelerisque porta tempor. Pellentesque ac neque a nisi sagittis venenatis vitae et neque. Pellentesque porta laoreet venenatis.

Maecenas odio libero, interdum sit amet posuere eget, viverra id risus. Pellentesque quis tortor dui, ac imperdiet augue. Integer sed nisi quam, ac blandit tortor.

Cras a ultricies sapien. Integer convallis dignissim leo, a scelerisque risus aliquam venenatis. Vodio nibh nec turpis. In ornare congue neque non ullamcorper. Sed consequat, nisl et sollicitudin scelerisque, mi velit pulvinar nibh, mattis vehicula sapien ipsum sed diam. Pellentesque lacus quam, adipiscing vel sodales et, varius vel dui. Phasellus congue posuere mi, non

nequassi mporeru ptassitis ut ulparum faccusa perunt que doloreius dit quis utempor eculles doluptis iunt illut unt elibus et qui di qui diciuntis maior se si doluptibus dus am imolut voluptiur.

Proin eget leo at nisi fringilla

Aenean quis lacus in metus egestas lacinia

Praesent feugiat est tristique

Donec venenatis ligula non ante lobortis

Vivamus in sapien

Aliquam pulvinar

Fusce at metus

Maecenas sit amet

4 %

11 %

20 %

15 %

7 %

12 %

18 %

13 %

graph 1: In porttitor posuere (%)

Main title Subtiltle

5

Duis id diam nisi, eget laoreet est. Nam neque orci, accumsan at condimentum at, ullamcorper nec massa. Duis tincidunt convallis metus, nec rutrum neque interdum a. Suspendisse eu ullamcorper mauris. Sed porta velit ut orci rutrum et egestas felis elementum. Nulla vel lacus ut nulla aliquet consectetur.

Curabitur tortor eros, elementum pellentesque fermentum vel, porta id augue. Etiam tempor, dolor vitae hendrerit malesuada, nibh arcu vulputate purus, in semper libero sem et nibh. Phasellus vitae odio ac purus ornare ullamcorper non consequat orci. Morbi

risus leo, molestie pellentesque ultricies volutpat, vestibulum quis velit. Nunc risus justo, volutpat at pulvinar vel, varius vitae lorem. Fusce fringilla eros vitae neque dapibus sed faucibus nulla ultrices. Quisque odio eros, ultricies id elementum in, adipiscing vitae mi. Maecenas commodo quam ac purus aliquet ornare. Etiam arcu risus, aliquam vitae consequat a, iaculis ut magna. Fusce dictum, urna ac elementum condimentum, orci arcu dictum lectus, ut eleifend odio velit non elit.

Aliquam odio augue, lobortis nec lacinia vitae, egestas non tellus. Donec porttitor ipsum quis odio elementum porta. Sed eleifend, elit nec ultrices blandit, orci quam egestas nibh, nec sodales sem ipsum ac quam. Vestibulum malesuada semper purus nec faucibus. Sed in neque id dolor mollis gravida. Quisque quis orci augue. Nulla sed nisi metus. Nam sed quam risus, ut tristique risus. Maecenas faucibus fermentum scelerisque. Aliquam quis neque neque, vitae placerat tellus. Aenean ornare erat in enim tempus venenatis. Sed et lacus ac est laoreet commodo eu in mauris. Pellentesque eu nisl tortor. Duis mauris purus, volutpat a vestibulum a, faucibus id sapien.

Integer facilisis tortor a odio rutrum vulputateLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ultricies bibendum luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus tempor odio a erat tristique eu pharetra lectus pellentesque.

Nullam semper tincidunt dui ac facilisis. Ut turpis felis, vehicula vitae luctus a, ultricies a libero. In non est blandit sem condimentum placerat vel sed dolor. In hac habitasse platea dictumst. Maecenas vitae ultricies lectus. Integer elit mi, semper id volutpat luctus, volutpat sed leo. Sed elit metus, porta sed rutrum a, porttitor at magna. Nam laoreet tortor eu tortor sollicitudin sollicitudin. Etiam lacus mauris, facilisis sed faucibus non, lobortis ut nunc. Cras dignissim enim eget nunc tristique et faucibus ipsum tincidunt. Pellentesque feugiat consectetur massa, ut consequat urna pellentesque ac. Cras porttitor nunc a lacus ullamcorper vitae aliquam tortor sollicitudin. Integer non eros id libero dignissim tincidunt quis nec erat. Aliquam gravida mauris nec sem rutrum pellentesque.

Fusce suscipit sem at ligula consectetur cursus id congue dui. Mauris luctus dictum elit eget volutpat. Curabitur quis sollicitudin lectus. Praesent sollicitudin luctus viverra. Pellentesque nec urna et sapien rutrum tincidunt non quis ipsum. Phasellus malesuada lacus sed magna consectetur imperdiet. Aenean fringilla vestibulum erat rhoncus ultricies. Nam mi elit, auctor id gravida sed, adipiscing vel mi. Aliquam consectetur lorem ac lectus accumsan.

Quisque placerat viverra metus vitae mollis. Quisque hendrerit, metus vel ultricies consequat, tellus ipsum aliquet erat, sed pulvinar felis justo sed arcu. Nunc fringilla interdum magna, nec suscipit est volutpat in. Aliquam dignissim fermentum accumsan. Vivamus malesuada varius tristique. Nunc ut vestibulum erat. Nullam velit justo, dignissim sit amet vehicula id, bibendum at leo. Maecenas vitae ultricies lectus. Integer elit mi, semper id luctus, volutpat sed leo.

In porttitor posuere felis bibendum interdum. Aliquam luctus congue mi eu molestie. Morbi sed velit sed erat auctor vestibulum. Maecenas euismod magna vitae mauris scelerisque semper. Vestibulum vel lectus

Agnistorunt officiam il endior aut liciae pra ventione natesequate por moluptae velentus delitatiunt esti to ium que que dem nitiatia pellacc ullorem aute officil inusande etur

Main colour variants

Logo colour palettes

Here the yellow is not used because it is not in harmony with the main color of the publication.

Page 30: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

28

style sheetsParagraph styles have been defined for all major formats. They are organised in groups:

1. Master2. Titles3. Numbered titles4. Body light, body regular, body medium5. Tables and graphs6. Table of contents7. Others

The characteristics of the styles are indicative and can be refined for specific needs. Below you will find the basic style description for A4. Typeface and colour are valid for all formats.

1. Master

header leftheader right

folio

style Typeface size Leadingspace before

space after

indent First line Alignment Colour

Header left * Kievit Pro Light 9 auto — — — — left K 70 %

Header right * Kievit Pro Light 9 auto — — — — right K 70 %

Folio Kievit Pro Medium 14 auto — — — — centred K 70 %

* You can emphasise the same words you emphasised in the cover with the ‘Bold’ character style

2. Titles

Due to the complexity of some publications, eight different title styles have been defined. Before choosing title styles, analyse the document to be formatted and see how many different title styles you need. Then choose from the available styles those styles offering enough contrast to reflect the document’s hierarchy. Caution: Do not hyphenate titles !

Title 1*

title 2

Title 3

Title 4

Page 31: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

29

OLAF graphical charter User guide

Title 5

Title 6

title 7

Title 8

style Typeface size Leadingspace before

space after

indent First line Alignment Colour

Title 1* Kievit Pro Light 25 auto 4 6 — — left K 70 %

Title 2 Kievit Pro Medium 18 auto 4 3 — — left K 70 %

Title 3 Kievit Pro Bold 15 auto 4 3 — — left K 70 %

Title 4 Kievit Pro Bold 13 auto 2 3 — — left K 70 %

Title 5 Kievit Pro Bold 12 auto 2 3 — — left colour 100 %

Title 6 Kievit Pro Bold 11 auto 1 3 — — left K 70 %

Title 7 Kievit Pro Medium 11 auto 1 3 — — left K 100 %

Title 8 Kievit Pro Medium Italic 11 auto 1 3 — — left K 100 %

* You can emphasise the same words with the ‘Bold’ character style

3. Numbered titles

In addition to these title styles, 4 levels of numbered title styles have been created to respond to the needs of numbered structures.Caution: Do not hyphenate titles !

1. Title 1 level 1

1.1 title 2 level 2

1.1.1 Title 3 level 3

1.1.1.1 Title 4 level 4

style TypefaceNumber

stylesize Leading

space before

space after

indent First line Alignment Colour

Title 1 level 1* Kievit Pro Light

Bold colour

25 auto 4 6

to be adapted on the lowest level

left K 70 %

Title 2 level 2 Kievit Pro Medium 18 auto 4 3 left K 70 %

Title 3 level 3 Kievit Pro Bold 15 auto 4 3 left K 70 %

Title 4 level 4 Kievit Pro Bold 13 auto 2 3 left K 70 %

* You can emphasise the same words with the ‘Bold’ character style

Page 32: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

30

4. body styles

Depending on format and type of publication you can choose between three different body styles: light, regular or medium. Medium should be used especially in panels or other text you want to emphasise. Light and regular body styles can be justified or left aligned. If you choose to align it left, don’t hyphenate words. The medium body style should always be left aligned and therefore not hyphenated.

Light

Body light no spaceBody light

� Body light bullet no space � Body light bullet

1. Body light numbered list no space1. Body light numbered list

Regular

Body regular no spaceBody regular

� Body regular bullet no space � Body regular bullet

1. Body regular numbered list no space1. Body regular numbered list

Medium

Body regular no spaceBody regular

� Body regular bullet no space � Body regular bullet

1. Body regular numbered list no space1. Body regular numbered list

style Typeface size Leadingspace before

space after

indentFirst line

Alignment Colour

Body

Kievit Pro Light, Regular orMedium

10 13 – 3 – –

Light and Regular: left or justifiedMedium:

always left

K 100 %

Body no space 10 13 – – – – K 100 %

Body bullet 10 13 – 3 4 -4 K 100 %

Body bullet no space 10 13 – – 4 -4 K 100 %

body numbered list 10 13 – 3 4 -4 K 100 %

body numbered list no space 10 13 – – 4 -4 K 100 %

Page 33: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

31

OLAF graphical charter User guide

5. Tables and graphs

In this group you will find all the styles applicable to tables and to some extent, also to graphs, even if not specifically stated.

style Typeface size Leading Alignment Colourrow

backgroundrow stroke

Table graph title Kievit Pro Bold 10 auto leftK 70 % +

colour 100 %– –

header 1 centred Kievit Pro Bold 9 auto centred white colour 100% white

header 1 left aligned Kievit Pro Bold 9 auto left white colour 100% white

HEADER 2 CENTRED Kievit Pro Regular 9 auto K 100 % colour 50 % white

HEADER 2 LEFT ALIGNED Kievit Pro Regular 9 auto left K 100 % colour 50 % white

row text bold Kievit Pro Bold 9 auto left K 100 % K 20 % white

row text medium Kievit Pro Medium 9 auto left K 100 % K 10% white

Row text regular Kievit Pro Regular 9 auto left K 100 % K 10% white

Row text light Kievit Pro Light 9 auto left K 100 % K 10% white

Row text italic Kievit Pro Italic 9 auto left K 100 % K 10% white

row data bold Kievit Pro Bold 9 auto right K 100 % K 20 % white

row data medium Kievit Pro Medium 9 auto right K 100 % K 10% white

Row data regular Kievit Pro Regular 9 auto right K 100 % K 10% white

Row data light Kievit Pro Light 9 auto right K 100 % K 10% white

Row data light italic Kievit Pro Light Italic 9 auto right K 100 % K 10% white

6. Table of contents

toc 1 ..............................................................................................................................................00toc 2 ..................................................................................................................................................................................................................................00

toc 3 .........................................................................................................................................................................................................................00

style Typeface size Leadingspace before

space after

indent First line Alignment Colour Tab

Toc 1 Kievit Pro Medium 10 13 3 – – – left K 100 % Right tab to be aligned on end of column width

Toc 2 Kievit Pro Regular 10 auto 3 – 5.5 – left K 100 %

Toc 3 Kievit Pro Light 10 auto – – 11 – left K 100 %

7. Others

introduction

CaptionFootnote

Source: Source

style Typeface size Leadingspace before

space after

indent First line Alignment Colour

Introduction Kievit Pro Medium 12 14 – 3 – – left colour 100 %

Caption Kievit Pro Italic 9 auto – – 5.5 – left K 100 %

Footnote Kievit Pro Light 8 auto – – 4 -4 left K 100 %

Source Kievit Pro Light Italic + Light 8 auto 1 3 – – left K 100 %

Page 34: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

32

Summary of main stylesheets in the different formats

size space before space after Left indent First line

Header 9 9 7.5 7 – – – – – – – – – – – – – – – –

Folio 14 14 10 8 – – – – – – – – – – – – – – – –

Title 1 25 22 20 18 4 3 3 2 6 5 4 2 – – – – – – – –

Title 2 18 15 14 13 4 3 3 2 3 3 3 2 – – – – – – – –

Title 3 15 13 12 11 4 3 3 2 3 3 3 2 – – – – – – – –

Title 4 13 11 10.5 10 2 2 2 1 3 3 3 2 – – – – – – – –

Title 5 12 10.5 10 9.5 2 2 2 1 3 3 3 2 – – – – – – – –

Title6 11 10 9.5 9 1 1 1 1 3 3 3 2 – – – – – – – –

Title 7 11 10 9.5 9 1 1 1 1 3 3 3 2 – – – – – – – –

Title 8 11 10 9 9 1 1 1 1 3 3 3 2 – – – – – – – –

Body 10 10 9 9 – – – – 3 3 3 2 – – – – – – – –

Body bullet 10 10 9 9 – – – – 3 3 3 2 4 4 3.5 3.5 -4 -4 -3.5 -3.5

Body numbered list 10 10 9 9 – – – – 3 3 3 2 4 4 3.5 3.5 -4 -4 -3.5 -3.5

Table graph title 10 10 9 9 1 1 1 1 3 3 3 2 – – – – – – – –

Table content 9 9 8.5 8 – – – – – – – – – – – – – – – –

ToC 1 10 10 9 9 3 3 3 2 – – – – – – – – – – – –

Toc 2 10 10 9 9 3 3 3 2 – – – – 5.5 5.5 4 3 – – – –

ToC 3 10 10 9 9 – – – – – – – – 11 11 8 6 – – – –

Introduction 12 12 11 10.5 – – – 3 – – – – – – – – – – – –

Caption 9 9 8 7,5 – – – – – – – – – – – – – – – –

Footnote 8 8 7 6,5 – – – – – – – – 4 4 3.5 3 -4 -4 -3.5 -3

Source 8 8 7 6,5 1 1 1 1 3 3 3 2 – – – – – – – –

Legend:

A4 B5 A5 + LEAFLET A6 + CD/DVD

For all other details, e.g. typeface, alignment, colour etc, refer to detailed A4 styles description on pages 30 to 33.

other graphical elements

Circles

The circles and half circles are used in the header of a publication. They can also be used as a rhythm element in a page layout or in a leaflet, for example. When used inside a layout they can be of any size.

Page 35: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

33

OLAF graphical charter User guide

rounded corners

Use rounded corners on two diagonally opposite ends when placing a box or a picture. If two boxes are placed directly beside one another, the diagonally opposite rounded corners should be applied to the group rather than the individual boxes.

See below possible variants:

Use a text inset equal to your rounded corner value for text boxes. For example, if your rounded corner is 5mm then the text inset should also be 5 mm.

some don’ts

Ferum dolores es quodi sin corit quiscia coratum quatem nonest resequam, ut venihilis et ped et autem sit fuga. Caessim quasi dolorestet, ommodi il int.

Ferum dolores es quodi sin corit quiscia coratum quatem nonest resequam, ut venihilis et ped et autem sit fuga. Caessim quasi dolorestet, ommodi il int.

Page 36: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

34

Charts

Here are some basic rules to follow when making a chart.

� Charts should always be displayed on a coloured background (dark gray or main layout colour). The coloured background will help to fix the chart in the page as it avoids floating.

� Chart elements referring to the data in the graph (histogram bars or doughnut part) should have a stroke of 1.5 pt using the background colour. These elements should also be displayed with a light shadow.

� To display captions and numbers: compose the table with paragraph styles. � To display pie charts: use the doughnut format in order to echo the circle graphical element. � Use colours harmonised with the main layout colour and logo colour palette. � Avoid 3-D effects.

Proin eget leo at nisi fringilla

Aenean quis lacus in metus egestas lacinia

Praesent feugiat est tristique

Donec venenatis ligula non ante lobortis

Vivamus in sapien

Aliquam pulvinar

Fusce at metus

Maecenas sit amet

4 %

11 %

20 %

15 %

7 %

12 %

18 %

13 %

Proin eget leo at nisi fringilla

Aenean quis lacus in metus egestas lacinia

Praesent feugiat est tristique

Donec venenatis ligula non ante lobortis

Vivamus in sapien

Aliquam pulvinar

Fusce at metus

Maecenas sit amet

4 %

11 %

20 %

15 %

7 %

12 %

18 %

13 %

Proin eget leo at nisi fringilla

Aenean quis lacus in metus egestas lacinia

Praesent feugiat est tristique

Donec venenatis ligula non ante lobortis

Vivamus in sapien

Aliquam pulvinar

Fusce at metus

Maecenas sit amet

4 %

11 %

20 %

15 %

7 %

12 %

18 %

13 %

0

300

600

900

1200

1500

StructuralFunds

ExternalAid

EU Institutions+ EU Bodies

DirectExpenditure

CustomsCigarettesAgriculture

Page 37: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

35

OLAF graphical charter User guide

0

300

600

900

1200

1500

StructuralFunds

ExternalAid

EU Institutions+ EU Bodies

DirectExpenditure

CustomsCigarettesAgriculture

0

300

600

900

1200

1500

StructuralFunds

ExternalAid

EU Institutions+ EU Bodies

DirectExpenditure

CustomsCigarettesAgriculture

0

300

600

900

1200

1500

StructuralFunds

ExternalAid

EU Institutions+ EU Bodies

DirectExpenditure

CustomsCigarettesAgriculture

Without a coloured background the chart is floating in the page.

Page 38: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

36

OLAF stationery

oLAF LetterheadThe OLAF business paper exists only as a Microsoft word template. For economic reasons it is not foreseen to have a preprinted version of it.

It exists in two different formats:

� Standard letter � Note concerning investiga-

tive matters

You will find more details in the section dedicated to Office documents.

oLAF business cardTo obtain a business card the following information must be provided:

1. Name2. Function/position

3. Name of the Directorate4. Name of the Unit

5. Office number6. Telephone number

and mobile number (if any)7. E-mail

Firstname LAsTNAME Function/Position

directorate Xxxxxxxxx Xxxxxxx xxxxxxx

xxxxx Unit

Mail: European Commission Offi ce J-30 xx/xx 1049 Brussels (Belgium)

Address: Rue Joseph ll, 30 1000 Brussels (Belgium) Tel.: +32 (0)2 29x xx xx

E-mail: fi [email protected]: http://ec.europa.eu/anti_fraud

Page 39: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

37

OLAF graphical charter User guide

Office documentsThe OLAF graphical style guide offers a series of templates which are ready to use with Microsoft Word, Excel and PowerPoint. In these documents the positioning of the different page components is fixed as well as style sheets. It is important to respect document formatting and paragraph styles in order to guarantee the effective corporate look and feel of OLAF documents.

typeface usage in office documentsThe main typeface to be used with Office software is Verdana. This font is a standard font installed on each computer. It is the font chosen by the European Commission for web and Office based documents.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

Only if Verdana does not offer enough variations (regular, italic, bold, bold-italic) to answer your specific needs in terms of style sheets, you can use Times as a secondary typeface.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ,;:?!/=+-@&()”%

Colour usage in office documentsIn Office software, colours are defined in RGB. It may happen that the software reinterprets the colour composition with close values. See below some reference values.

(R:0, G:0, B:0) (R:95, G:95, B:95) (R:128, G:128, B:128) (R:191, G:191, B:191) (R:230, G:230, B:230) (R:242, G:242, B:242)

(R:102, G:153, B:204) (R:0, G:51, B:153) (R:200, G:220, B:240) (R:180, G:205, B:230) (R:255, G:255, B:0) (R:255, G:200, B:0)

(R:255, G:255, B:255)

Page 40: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

38

Letter and note layoutLetter and note layout are divided in three parts:

1. The OLAF logo surrounded by 2 lines. It consists of one single image in the document back-ground. Each language version requires a specific image.

2. The letter layout itself.3. The footer (including OLAF’s address and contact information to be personalised by user).

Letter layout

The upper part of the letter layout is made of a table in which each cell is dedicated to a specific content.

OLAF details (OLAF, directorate, unit and title) Recipient (name and address) Date Subject (name and address)

The table layout allows you to fix the different components to the same place on the page. The actual content of the letter follows the table and is composed of ordinary text.

how to use the letter template �Update content by replacing the existing text with your own content, and/or � delete unnecessary content. �Make sure that each component is formatted in the appropriate style (see next page).

Note layout

This is a simple text layout where each component is format-ted with a specific paragraph or character style.

The different components are:1. OLAF name2. Directorate3. Unit4. Title5. Place6. Note title7. Subject8. Reference9. Note content

how to use the note template �Update content by replacing the existing text with your own content. �Make sure that each component is formatted in the appropriate style (see next page).

123456789

Page 41: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

39

OLAF graphical charter User guide

Style definition for letter and note layout

style Typeface size space before space after indent Alignment Colour

OLAF name Verdana Bold 10 – – – left black

Directorate Verdana 10 – – – left black

Unit Verdana 10 6 pt – – left black

Title Verdana 10 – – – left black

Place Verdana 10 – – 110 pt left black

Recipient name Verdana Bold 10 – – – left black

Recipient details Verdana 10 – – – left black

Date Verdana 10 – – – left black

Note title Verdana Bold 14 – 3 pt – left black

Subject Verdana 11 – – – left black

Reference Verdana 10 – – – left black

Note content Verdana 10 – – – left black

Footnote left black

Footer dark blue Verdana 7 – – 5 pt left R:0, G:51, B:153

Footer light blue Verdana 7 – – – left R:102, G:153, B:204

Footer separator bullet Wingdings 7 – – – left R:102, G:153, B:204

Language versions

Letter and internal note layouts can be found on the OLAF intranet on the following link: http://olaf-intranet.net1.cec.eu.int/olaf-graphical-charter/

IMPORTANT: before using the templates

1. When you click on a link, do not open the document but save it first.

2. If the document is in ‘view/reading layout’, choose the ‘view/print layout’ before working on it.

3. Customize the footer with your office number, telephone number and e-mail of the sender.

Note concerning the footer: Due to Microsoft Word instability while editing, it may happen that the footer format automatically changes while you are personalising it. In that case use the footer paragraph and character style (for light characters) style to reformat it.

Page 42: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

40

Specific guidelines on the preparation of documents for the Director-General’s signature

123456789

The different components are:1. OLAF name2. Director-General3. Place4. Note title5. Subject6. Reference7. Note content8. Director-General’s signature9. Footer

Preparation of circulation sheets:

� The Director-General’s Assistant should, as a general rule, always be placed in the circulation sheet for visa directly before the Director-General in Ares. She should not be included in the circulation sheet for investigative matters in Thor, except for documents that do not originate directly from the ISIP (such as non-standard letters to other institutions);

� The Director-General’s Advisor should not be automatically included on any circulation sheet, unless the matter specifically requires her contribution or advice. This means that for investiga-tive matters that do not pass by unit 0.1 the Director-General’s name will appear directly after the relevant Director.

Preparation of letters/notes:

� The font of all letters/notes should be Verdana throughout the letter; � Letters/notes for the Director-General’s signature should only have a footer of one line with the

general contact details of OLAF. The contact details of the author of the note should not appear in the footer (but may appear in the main text if appropriate);

� There should be no date on a letter/note while it is still in circulation; the date will be stamped by the registering person. Also, the words “signed” or “е-signed” may not appear on the docu-ment until it is actually signed by the Director-General.

Preparation and follow-up of paper signataires:

� All documents requiring the Director-General’s signature that are circulated electronically in Ares should be printed, put in a signataire and brought to Director-General’s secretariat before the visa of his Assistant/Advisor (unless there is prior agreement not to do so);

� If a letter/note requires the Director-General’s signature as a reply to incoming correspondence, this correspondence should always be printed and put in the signataire;

� If the background of a letter/note cannot be assumed to be known by the Director-General, a short explanation should be added to the signataire. The author of the document should be available to give an explanation, or provide the name of his/her back-up in the case of absence;

� To speed up the processing of urgent signataires, it is advisable to alert the Director-General’s Assistant or Director-General’s secretariat prior to its arrival in our office.

Page 43: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

41

OLAF graphical charter User guide

e-signatureFor the sake of consistency, the OLAF graphical charter also provides a common signature for e-mail. You can find it on the OLAF intranet at http://olaf-intranet.net1.cec.eu.int/e-signature/

It consists of a Word document from which you need to copy the content into Outlook in order to personalise it. The e-signature is set in Verdana 9 pt.

how to proceed in Outlook � Click ‘Tools’ menu. � Click ‘Options’ submenu. � Click ‘Mail format’ tab. � Click’ Signatures’ button. � Click ‘New’ button. � Enter a name for your new signature. � Click ‘start with a blank signature’ and then click on ‘next’ button. � Copy the content of the signature template and customize it. Concerning job title, each colleague inserts his/hers following the nomenclature used for OLAF visiting cards, under the Head of Units’ supervision.

� If the new signature is correct, click on the ‘finish’ button. You will come back to the previous win-dow where you should click on ‘ok’.

� To insert your signature in all new messages or replies, select your new signature in both drop-down lists above the ‘signature’ button (Signature for replies and forwards and Signature for new messages). Your new signature will now be ready for use.

Xxxxxx XXXXXX Title-------------------------------EUROPEAN COMMISSION EUROPEAN ANTI-FRAUD OFFICE (OLAF) Directorate Unit Office : J30  xx/xx Rue Joseph II, 30 • B-1000 Brussels (Belgium) Phone: +32 2 29x xx xx first [email protected]://olaf.europa.eu

Our policy regarding personal data protection can be viewed on http://ec.europa.eu/anti_fraud/about-us/data-protection

Page 44: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

42

PowerPoint presentationsThe OLAF graphical style guide offers 2 different PowerPoint template alternatives:

� White background: to be used especially if you know that you’re going to print the presentation, because it’s less ink consuming.

� Blue background: to be used for screen projection as it offers better readability when used as a slideshow.

Each template uses Verdana typeface as advised by the European Commission graphical style guide. All styles to use are defined in the template. You just need to edit your text in the PowerPoint predefined text boxes. Each template also has its own colour scheme, which you should use when creating tables or charts.

Page 45: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

43

OLAF graphical charter User guide

If you need to update an old PowerPoint presentation with the new design:

� Open your document. � In the ‘Format’ menu choose ‘Slide Design’. � In the ‘Slide Design’ window which appears on the left of your

screen, click on browse (bottom). � Select the new template and click the ‘Apply’ button. This will

automatically apply the new template to your presentation, provided the old presentation has been edited with the PowerPoint default text boxes and styles.

� Tick ‘Slide layout’ in the slide design dropdown list (top of ‘Slide Design’ window) and reapply correct layout to each slide by selecting the appropriate layout (see picture on the right).

excel ChartsThe OLAF graphical style guide provides a general template for the most common types of charts.

Column

The arrow appears when you hover over the right side of the slide thumbnail.

Page 46: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

44

Lines

surfaces

doughnuts

how to design charts according to OLAF style guide

� You can edit your charts in the OLAF house style by using the chart template. � Choose the type of chart you need. � Replace existing data with your own data. � Click to select the chart. � Reframe the data to be visible in the graph; click and drag to include the

requested data in the frame.

Page 47: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

45

OLAF graphical charter User guide

internet and intranetThe Internet header has been designed to be close to the European Commission header.

The Intranet header offers more freedom to be developed in the OLAF house style.

EUROPA > Commision européenne > OLAF

EUROPEAN COMMISSION

EUROPEAN ANTI-FRAUD OFFICE

Home │ Sitemap │ Legal notice │ FAQ english (en)

EUROPA > Commision européenne > OLAF

European Anti-Fraud Office

Home │ Sitemap │ Legal notice │ FAQ english (en)

EUROPEAN COMMISSION

EUROPEAN COMMISSIONEUROPEAN ANTI-FRAUD OFFICE

IntranetINTRACOMM OLAF on EUROPA EUROPA

Quick links

Page 48: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

46

Other implementations

Events

Page 49: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

47

OLAF graphical charter User guide

Promotional products

Mugs

Page 50: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

OLAF graphical charter User guide

48

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

EUROPEAN ANTI-FRAUD OFFICE

UsB keys

Pens

ruler

Page 51: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

49

OLAF graphical charter User guide

EUROPEAN ANTI-FRAUD OFFICE

notebooks

notebook bag

Page 52: OLAF graphical charter - European Commission · 2016. 2. 22. · OLAF graphical charter User guide 8 Colour Palette The basic palette consists of the colours making up the logo plus

For any further information on OLAF visual identity, please contact Unit C.2 investigation training & Communication.

OLAFEuropean Anti-Fraud OfficeEuropean Commission Rue Joseph II, 30, 1000 Brussels Belgium