Brand guidelines

All the resources and assets of Europeana's brand and how to apply them.

To ensure consistency working with Europeana’s brand identity, this section provides guidelines on how to use logos, fonts, colours, imagery ripples, credits, and calls to action.

Logos

Europeana’s brand uses different versions of the logo depending on the kind of project or audience it refers to. Find out more about the variations, and how to use them.

europeana logos

basic split extended made with filled

The ‘Basic’ logo

The ‘Basic’ logo is used to refer to Europeana generally, or to the Europeana Foundation, rather than to one of its individual projects or products.
The logo is either black, white or semi-transparent. The transparency percentage depends on the background, please ensure it always remains readable.

Europeana Basic Horizontal Logo

Basic Horizontal Logo

Europeana Basic Vertical Logo

Basic Vertical Logo

Resources

The ‘Split’ logo

To make the ‘Split’ logo, simply disconnect the word ‘Europeana’ from the rest of the logo.
This logo is only used in combination with a hero image e.g. on document covers, roll-up banners, or webpage hero images.
The word ‘Europeana’ is always cut-off on one side to give the impression that the viewer is only seeing a part of Europeana and that there is much more to see and discover.
The logo is either black, white or semi-transparent. The transparency percentage depends on the background, please ensure it always remains readable.
The height of the ‘e’ part of the logo may never exceed 1/4 of the hero image it is placed on.
The word part must alway be cut off as shown here, with the cut-off edge of the word lining up with the edge of the hero image it is placed on.

Europeana Split Logo

Resources

The ‘Extended’ logo

The ‘Extended’ logo is used for Europeana projects or products. There are four ways to place the extensions around the logo. Pick the right version for the space it will sit in.
Choose a landscape version for a bigger horizontal space.
The portrait versions are best used where there is space for a bigger logo.
The Europeana element of the logo is always black, the ‘Extended’ section can be either light grey or one of the other brand colours.

Europeana Extended Logo

Four ways to place extensions around the logo

CREATING AN ‘EXTENDED’ LOGO

Creating an ‘Extended’ logo is easy. Use the Chevin Medium font for the ‘Extended’ word, using a spacing of -30. The extension can be placed with the Europeana logo in any of the ways shown here.

Chevin is a licensed font. If you need help creating your logo, please contact Europeana.

Create an Extended Europeana Logo

Reference to add extensions to the logo

Resources

The ‘Made with’ logo

The ‘Made with Europeana’ logo is used in a number of scenarios online and offline:

Project initiatives

  • If your Europeana project has or results in an initiative/service that has its own consumer-centric name and visual identity - i.e. it uses a non-Europeana logo - then you should also use the ‘Made with’ logo on any communications for stakeholders.

Partnership and Collaboration

  • You are working in partnership with Europeana, with Europeana providing data and API access, or playing another major role in your initiative. You have a close ongoing working relationship or collaboration with Europeana in a specific area and need to reflect that relationship in certain circumstances e.g. in presentations on related subjects.

Association

  • You are not a Europeana project or partner but you are using our content or API and would like to acknowledge that. By doing so you highlight the source of content for others and positively associate yourself with the larger Europeana brand.

The ‘Made with’ logo is only used in black. Please ensure that the ‘Made with’ logo is given a reasonable surrounding margin space. It should not sit directly with a partner logo unless they are both part of a logo list. The minimum height of the ‘Made with’logo is 28 pixels.

Made with Europeana Logo

Resources

The ‘Filled’ logo

A legacy from the former brand identity is the ‘Filled’ logo, celebrating the rich content available through Europeana. For offline use only.
‘The ‘Filled’ logo can be used offline for Europeana projects or products but is most effective when it is presented in a large size, for example printed on a T-shirt, or projected onto a wall. In smaller sizes, the images inside the logo become unclear. That’s why the ‘Filled’ logo can only be used with a minimum height of 10 cm for the landscape version and 16 cm for the portrait version. For smaller uses, please use the ‘Basic’ or ‘Extended’ logo.
The Europeana element of the logo is always black or white, the ‘Extended’ section can be either light grey or one of the other brand colours.
The ‘Filled’ logo can only be placed upon a white or black background. If you need to create your own ‘Filled’ logo, please contact the Communications Team at Europeana.

Europeana Filled Logo

Fonts

We have chosen to work with two typefaces - Ubuntu and Open Sans. Both of these can be used for online or offline work and are available for free as web fonts.
A third font, Chevin, is used only within the Europeana logo.
For more information on when and where to use each font, please see the Brand Materials and Templates section.

Fonts Ubuntu and Opens Sans ubuntu open sans font

Colours

Europeana uses the same set of colours for both online and offline work. These colours should be used to help make communication material clear and attractive. For example, you might want to use them to distinguish chapters or sections, or in backgrounds, ripples or quotes, or to make text or images stand out. We recommend you use black or a darker grey tone for text and headings.

Europeana has three customer groups - data partners, end-users and re-users - each of which is assigned a colour. If your material is aimed specifically at one of these groups then please use the relevant colour as your lead colour for backgrounds, ripples or colour washes.
For data partners, use raspberry.
For end-users, use blue.
For a re-user audience, use jade green.
For a research audience, use purple.

Combinations
You are free to combine colours as you wish but you should never use more than three together. For some combinations that we know work well, please see the ‘Inspiration’ section.

Brand colours

Yellow
#FFAE00
R255/G174/B0
C0/M31/Y87/K1
Red
#F22F24
R242/G47/B36
C0/M85/Y87/K1
Raspberry
#E11D53
R225/G29/B83
C1/M94/Y50/K1
Jade green
#37B98B
R55/G185/B139
C66/M1/Y53/K0
Light blue
#4BC0F0
R75/G192/B240
C54/M8/Y1/K0
Blue
#1A8AC7
R26/G138/B199
C74/M30/Y2/K1
Purple
#7F3978
R127/G57/B120
C57/M91/Y23/K6

Blacks and grey tones

White
#FFFFFF
R255/G255/B255
Off white
#F1F1EE
R241/G241/B238
C4/M3/Y3/K0
Paper
#D9D4CA
R217/G212/B202
C13/M11/Y14/K0
Light grey
#A6A6A6
R166/G166/B166
C33/M27/Y24/K0
Medium grey
#4D4D4D
R77/G77/B77
C74/M66/Y61/K17
Dark grey
#232323
R35/G35/B35
C71/M65/Y64/K72
Black
#1A1A1A
R26/G26/B26
C73/M67/Y65/K78

Imagery

Naturally, Europeana makes use of its own database when selecting images for design work. The variety and richness of the collections made available by our data partners via Europeana is staggering and we should take every opportunity to showcase them.

Imagery examplesHöghjulingar, Stockholm Bicycle Club
at a show around 1885, Tekniska
museet, Sweden, Public Domain Varna. The port, 1920, Regional
Library Pentcho - Varna, Public Domain Musique, Alfons Mucha, 1898,
Uměleckoprůmyslové museum v
Praze, Public Domain Russian Knight (warplane), 1914,
Russian State Library, Public Domain Dutch Ships Running Down Spanish
Galleys off the English Coast, 3
October 1602, Rijksmuseum
Amsterdam, Public Domain

Sample of images that you can find on our database

So search Europeana’s database for re-usable images (CC BY-SA, CC BY, CC0, public domain) that are relevant to your subject. You could use images in their entirety or just take an interesting detail.

Please remember that images must always be credited, see how on Giving Credit section.

Ripples

Ripples are an important brand element for both online and offline use. They come in four variations, varying in thickness and number of ripples used - please do not change these.

Ripples should always be used on hero images for either document covers or websites. For online use, ripples should be created in CSS and overlaid on images.

The ripples represent the effects that Europeana, its community and its vast shared collections can have on the world. Throw a stone into water, or re-use a digital version of a Rembrandt self-portrait, and the ripples travel great distances. The ripples also symbolize our desire to transmit Europeana’s image, sound and text collections far and wide.

Four types of ripples

Our four types of ripples

Instructions on how to use the ripples can be found on the section below.

Resources

Ripples and images

Here are some examples of ripple-image combinations we think work really well.

Ripples are to be laid over an image and always start in one corner of the image. They can be either black, white or coloured (using not more than three colours), solid or semi-transparent.

Ripples and Images
How to apply the ripples to an image:

  1. Choose your image.
  2. Choose which ripple you want to use.
  3. Choose which corner to start from.
  4. Either:
    a) Apply the ripple to the image using a ‘multiply’ filter in Photoshop or InDesign.
    b) Overlay the ripples onto the image using CSS (for use in a web banner).
  5. Adjust size, colours and transparency for the best visual result.

Idents

Bring the Europeana logo to life with these idents.

Top and tail your videos or presentations with an animated version of the Europeana logo.

Resources

Giving credit

Image credits are always shown in a box with two rounded corners, ‘glued’ to the edge of the image. The roundness of the corners stays the same regardless of the size of the box.

The position of the box - left or right, top or bottom - is up to you but has to be balanced out with other elements on the page.

The height of the box is dictated by its content. Please make sure to keep a spacious margin between the text and the edge of the box.

Credit boxes and their contents are always black or white and may never be coloured.

The credit box contains:
- Title, creator, date
- Contributor
- Copyright information/logo

When crediting images online, always provide a link to the object on Europeana or on the data provider’s own website, as well as a link to the rights statement.

Credits content and examples

If adding a credit box to a small web banner negatively affects its design, simply add a ? button which, when clicked on, expands to show the full credit box.’

Titles/calls to action

Titles or calls to action laid over images are always shown in a box with four rounded corners.

Titles are set in Open Sans Bold using upper case letters only. Straplines are set in Open Sans Regular and use upper and lower case, as per normal sentences.
Text is set in black or white. Boxes use black, white or grey tones.

Transparency or semi-transparency is allowed provided that readability does not suffer.

The height of the box is dictated by its content. Please make sure to keep a spacious margin between the text and the edge of the box.

For more information on title/call-to-action boxes, please see the Brand Materials and Templates section.

Call to action examples

Title/Call to action content and examples