Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Definitions

Standardised websites

EC branded Harmonised standardised websites host specific content that answers a particular communication purpose.

Where possible we recommend the use of ECL components, while acknowledging that some sites in this category may have specific requirements. 

We have identified three groups of harmonised sites:

...

Web information systems

...

Event website

...

Partnership websites 

...

Network websites

...

Campaign website

...

Internal policy websites

...

Blogs

Rules

Warning

By end of 2020, all Commission websites must implement the new design components.

Harmonised websites Group 1

Web information systems

...

thematic content such as policies for which the owner DG/Agency is responsible. Standardised websites are:

  • DG websites: the main entry point describing a DG's or an executive agency's work around policy and their daily activity.
  • Web information systems: permanent websites providing a user-friendly interface to generate,

...

  • disclose and/or filter large, detailed amounts of data stored in different systems. 

...

It is mandatory to use the Europa Web Publishing Platform (EWPP) for the development of standardised websites.

...

Harmonised websites

...

EC branded harmonised websites host specific content that answers a particular communication purpose. Hamonised websites are:

  • Network websites: websites or platforms set up and managed by the European Commission (as a service provider) to encourage and facilitate interaction among a specific, non-EC target audience. 

Scope: Network websites follow design principles close to those for core and standardised sites. 

Internal policy websites

Definition: Websites providing information on internal working methods of the EU institutions, standards and guidelines. Resources for institutions’ employees, partners and service providers.

Scope: Internal policy websites follow design principles close to those for core and standardised sites.

The components available in the Europa Components Library are categorised as follows:

  1.   Mandatory – ECL components that must be used.
  2.   Recommended – the ECL provides recommended components. There can be exceptions, i.e. requirements that go beyond the ECL – for example, on campaigns.
  3.   Contextual – elements that may or may not feature on a page, depending on the communication and/or functional needs – for example Login. Where the element features, use the ECL component.

Image Removed

...

Image Removed

...

 Ref.

...

Element/component

...

Rule

...

Notes and link to Europa components library 

...

A.

...

Header

...

A1

...

Global banner

...

Mandatory

...

A2

...

EC identity

...

Mandatory

...

A3

...

Language select

...

Contextual

...

A4

...

Search box

...

Contextual

...

A5

...

Class name

...

Mandatory

...

A6

...

Site name

...

Mandatory

...

6.1

...

Site logo

...

Not permitted

...

Usage of logos is not allowed unless an exception has been granted. See Logos and icons.

...

A7

...

Breadcrumb

...

Contextual

...

A8

...

Login

...

Contextual

...

A9

...

Menu bar

...

Not recommended

...

Image Removed

...

 Ref.

...

Element/component

...

Rule

...

Notes

...

B.

...

Local footer – grey

...

B1

...

Site name

...

Mandatory

...

B2

...

Content owner details

...

Mandatory

...

B3

...

Service navigation

...

Contextual

...

B4

...

DG-related navigation

...

Contextual

...

B5

...

Class names

...

Mandatory

...

C.

...

Corporate footer

...

 

...

C1

...

Site name

...

Mandatory

...

C2

...

Service navigation

...

Mandatory

...

C3

...

Legal navigation

...

Mandatory

Harmonised websites Group 2

Event website

...

  • Event websites: websites advertising a specific or repeatedly occurring activity that is open to the public, organised and/or hosted by the European Commission. The website can be temporary and provide information about an event before, during and after it takes place. It can be complemented by a campaign. Event websites are only allowed for large and complex events that cannot be accommodated by the events content type.

...

  • See SCIC tools available for registration.
  • Campaign

...

  • websites: a temporary, online communication endeavour dedicated to promoting a single or several thematically linked activities, initiatives, services or products. The website may form the online part of a broader campaign, communicated by other channels such as print and social media.
  • Blogs

...

  • :

...

  • regularly updated websites dedicated to publishing general features and news items about specific European Commission activities, from an individual perspective or via a corporate (DG/Agency-managed) newsletter/magazine.

The components that will be available in the Europa Components Library comprise:

  1.   Mandatory – ECL components that must be used.
  2.   Recommended – the ECL provides recommended components. There can be exceptions, i.e. requirements that go beyond the ECL – for example, on campaigns.
  3.   Contextual – elements that may or may not feature on a page, depending on the communication and/or functional needs – for example Login. Where the element features, use the ECL component.

Image Removed

...

Image Removed

...

 Ref.

...

Element/component

...

Rule

...

Notes

...

A.

...

Header

...

A1

...

Global banner

...

Mandatory

...

A2

...

EC identity

...

Mandatory

...

A3

...

Language select

...

Contextual

...

A4

...

Search box

...

Contextual

...

A5

...

Class name

...

n/a

...

A6

...

Site name

...

n/a

...

A7

...

Breadcrumb

...

n/a

...

A8

...

Login

...

n/a

...

A9

...

Menu bar

...

n/a

...

Image Removed

...

 Ref.

...

Element/component

...

Rule

...

Notes

...

B.

...

Local footer

...

B1

...

Site name

...

Contextual

...

B2

...

Content owner details

...

B3

...

Service navigation

...

Contextual

...

B4

...

Related information

...

n/a

...

B5

...

Class names

...

n/a

...

C.

...

Corporate footer

...

 

...

C1

...

Site name

...

Mandatory

...

C2

...

Service navigation

...

Mandatory

...

C3

...

Legal navigation

...

Mandatory

...

Foundations

...

Grid

...

Recommended

...

Colours

...

Recommended

...

Use only EC colour specifications available in the ECL

...

Typography

...

Recommended

...

Apply the typographic guidelines available in the ECL

...

Spacing

...

Recommended

...

Apply spacing rules explained in the ECL

...

Icons

...

Contextual

...

Where icons feature, use commonly-used icons from the ECL.

...

Images

 

...

Contextual

...

...

Other components

...

Contextual

...

...

Content

Harmonised websites Group 3

Partnership websites

Definition: A partnership website is a website where the European Commission is a cooperating partner in its creation but is not the sole owner of the information contained therein. It is a joint effort between the EC and non-EC partners in terms of concept, budget, management and maintenance and requires its own individual form of governance and custom style guides to accommodate possible co-branding.

Contact and support

If you require further assistance, please contact:

Comm Europa Management

...

  • Communities: virtual community with its own members sharing content on a comment topic. Check DIGIT's solution for online communities: Europa Community Platform (ECP SaaS, the version of Open Social for the EC).
  • Databases: a structured set of data made public through a website.
  • Web tools and applications: a software application that runs in a web browser and is made available to users with an active network connection. 

It is optional to use the Europa Web Publishing Platform (EWPP) for the development of harmonised websites.

Rules

The EC branded standardised and harmonised website uses the components of the Europa Components Library (ECL) as this template shows:

EC branded standardised and harmonised websites templates

Standardised websites templateHarmonised websites template

Image Added

Image Added


EC branded standardised and harmonised anatomy table

SectionNo.componentStandardised templateHarmonised tempate

0.Global banner (provided by Webtools)

Image Added

Image Added

Site header1.EC identity (logo)

Image Added

Image Added

2. Login

Image Added

Image Added

3.Language switcher

Image Added (except monolingual websites)

Image Added  (except monolingual websites)

4.Search form

Image Added

Image Added

5. Class name

Image Added

Image Added

6.Site name

Image Added

Image Added

7. Menu

Image Added

Image Added

Page header8.Breadcrumb

Image Added  (except homepage)

Image Added  (except homepage)

9.Meta

Image Added

Image Added

10.Page title

Image Added (except homepage)

Image Added (except homepage)

11.Thumbnail

Image Added (requires introduction)

Image Added (requires introduction)

12.Introduction

Image Added

Image Added

Local footer13.Site name

Image Added

Image Added

14.Content owner details

Image Added

Image Added

15.Sitemap

Image Added

Image Added

16.DG-related service navigation

Image Added

Image Added

17.DG-related navigation

Image Added

Image Added

18.Class names

Image Added

Image Added

Corporate footer19.Site logo

Image Added

Image Added

20.Service navigation

Image Added

Image Added

21.Legal navigation

Image Added

Image Added

Partnership websites 

When the European Commission shares the ownership of a website with one or several non-EU institution(s), it is a partnership website. The European Commission and its partners co-decide on the content and cooperate in terms of budget, maintenance and management of the website. As a result, the design is a based on an agreement between partners.

This category is an exception and there is no imposed design template. However, we strongly recommend to pay particular attention to:

  • the partnership website header: it is recommended to have the site name next to the partnership logo in the header
  • the partnership website footer: the logos of all partners including the European Commission should be displayed at the same level

Contact and support

Need further assistance on this topic? Please contact the team in charge of the Europa domainComm Europa Management.