You are here

Styleguide

Contents

1. Introduction

These guidelines outline the elements which make up the CLARIN design style. They include rules and values to help you compose and produce the designs.

Related relevant information can be found in:

If you have any questions regarding the CLARIN design style please contact our Communications Officer by email.

2. Logo

See the updated logos for high-resolution bitmap and vector versions.

The logo is taken from the existing corporate identity. The re-styling reflects this.

The colour of the logo is always dark blue, if possible, otherwise black or white is used.

The logo can be used with or without the subtitle. The subtitle reads “Common Language Resources and Technology Infrastructure”.

The logos below are shown for demonstration purposes. Please refer to the list of logos to find a version in a suitable format and resolution.

 

Back to Contents

3. Typography

The typefaces to be used within the CLARIN identity are 'Source Sans Pro' and 'Roboto Slab'.

'Roboto Slab' can be used for ‘streamers’ ( 'blockquotes' ) or ‘subheads’.

These typefaces are for online (web) and offline (print) use.

When chances are high that the computer used for editing does not have these fonts installed, 'Calibri' should be used as a replacement (e.g. in Word and Powerpoint).

The following table provides information on obtaining or embedding these fonts:

Font Download

Webfont embedding

CSS

Source Sans Pro

TTF

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i&amp;subset=latin-ext,vietnamese" rel="stylesheet">

font-family: 'Source Sans Pro', sans-serif;

Roboto Slab TTF

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">

font-family: 'Roboto Slab', serif;

Source Code Pro TTF

<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&amp;subset=latin-ext" rel="stylesheet">

font-family: 'Source Code Pro', monospace;

Heading One

Heading Two

Heading Three

Heading Four

This is an inline link.

Back to Contents

4. Colour Palette

This Palette should be used across all CLARIN communications.

There are three core colours in CLARIN visual identity. The 'Dark Blue' logo colour, the lighter secondary colour 'Turquoise Blue' and the tertiary colour, 'Spring Green', used as an accent colour.

Definitions

  •   HEX #07426E
    RGB 7, 66, 110
    CMYK 100 ,50 ,0 ,50
    Pantone PMS Reflex Blue
    Logo colour (Dark Blue) color-1
  •   HEX #39688B
    RGB 57, 104, 139
    CMYK 81, 51, 27, 11

    Dark Blue 80% color-1-80
  •   HEX #6A8EA8
    RGB 106, 142, 168
    CMYK 62, 34, 23, 6

    Dark Blue 60% color-1-60
  •   HEX #9CB3C5
    RGB 156, 179, 197
    CMYK 43, 22, 17, 2

    Dark Blue 40% color-1-40
  •   HEX #0080AA
    RGB 0, 128, 170
    CMYK 83, 35, 19, 4
    Pantone PMS 633
    Secondary colour (Turquoise Blue) color-2
  •   HEX #3399BB
    RGB 51, 153, 187
    CMYK 73, 26, 37, 2

    Secondary colour (Turquoise Blue) 80% color-2-80
  •   HEX #66B3CC
    RGB 102, 179, 204
    CMYK 60, 16, 31, 0

    Secondary colour (Turquoise Blue) 60% color-2-60
  •   HEX #99CCDD
    RGB 153, 204, 221
    CMYK 52, 0, 14, 0

    Secondary colour (Turquoise Blue) 40% color-2-40
  •   HEX #A2C037
    RGB 162, 192, 55
    CMYK 50, 0, 100, 0
    Pantone PMS 376
    Tertiary colour
    (Spring Green)
    color-3
  •   HEX #B5CD5F
    RGB 181, 205, 95
    CMYK 37, 2, 75, 0

    Tertiary colour (Spring Green) 80% color-3-80
  •   HEX #C7D987
    RGB 199, 217, 135
    CMYK 29, 1, 59, 0

    Tertiary colour (Spring Green) 60% color-3-60
  •   HEX #DAE6AF
    RGB 218, 230, 175
    CMYK 20, 0, 41, 0

    Tertiary colour (Spring Green) 40% color-3-40

RGB or HEX colours are used for display on a monitor or other screen, such as websites and PowerPoint presentations.

The CMYK colour model is used in the printing process. Full-colour printing is preferred, but Pantone colours can be used instead.

Back to Contents

5. Word documents

 

Here are links to the template Word documents.

Notes

Reports

Template Stationery-paper (Utrecht)

Note: To use the address-field right-click (or ctrl-click on Mac) on the address area, and choose "Edit Text". You can see the field when you hover the mouse over it.

BoD-Minutes

BoD-Agenda

General CLARIN-Document

 

Back to Contents

6. Powerpoint documents

 

The CLARIN Presentation Template (Calibri font) for use on an external PC, can be downloaded with the following link.

CLARIN Presentation Template using Calibri font

The CLARIN Presentation Template (Source Sans Pro font) for use on a PC with this font installed, can be downloaded with the following link.

CLARIN Presentation Template using Source Sans Pro font

Please note: When you install the “Source Sans Pro” font, it will only work with the computer you've installed it on. Custom fonts that you've installed on your computer may not display the same way on a different computer, but will display in “Cambria” or the default font. If your document is to be used on such a computer, the font “Calibri” is to be used. Calibri ships with each version of Microsoft Office, since Office 2007.

 

7. Spelling

As a general rule and for reasons of stylistic consistency, the standard usage of English in Britain and Ireland should be preferred (called ‘British English’). As a general rule, the first spelling given on the Oxford Dictionaries website should be followed.

 

 

Back to Contents