Definitions
Standardised websites
As defined, 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
thematic content such as policies for which the owner DG/Agency is responsible.
Web information systems are permanent 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
...
providing a user-friendly interface to generate,
...
disclose and/or filter large, detailed amounts of data stored in different systems.
...
Scope: Web information systems follow design principles close to those for core and standardised websites.
Network websites
...
These websites must also use the EC branded standardised websites design template.
It is mandatory to use the Europa Web Publishing Platform (EWPP) for the development of policy websites but optional when building a web information system.
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:
- Mandatory – ECL components that must be used.
- Recommended – the ECL provides recommended components. There can be exceptions, i.e. requirements that go beyond the ECL – for example, on campaigns.
- 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.
...
...
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
...
...
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
Definition: An event website's sole purpose is to advertise 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.
Scope: Events may have specific requirements.
Campaign website
Definition: A temporaryCampaign 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.
BlogsDefinition: Regularly 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.
Rules
The components that will be available in EC branded standardised and harmonised website uses the components of the Europa Components Library comprise:
- Mandatory – ECL components that must be used.
- Recommended – the ECL provides recommended components. There can be exceptions, i.e. requirements that go beyond the ECL – for example, on campaigns.
- 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.
...
...
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
...
...
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
...
- See image guidelines in ECL.
- Ensure images help explain content
...
Other components
...
Contextual
...
- Where components are available, use components in ECL
(ECL) as this template shows:
EC branded standardised and harmonised websites templates
| Standardised websites template | Harmonised websites template |
|---|---|
|
|
EC branded standardised and harmonised anatomy table
| Section | No. | component | Standardised template | Harmonised tempate |
|---|---|---|---|---|
| 0. | Global banner (provided by Webtools) |
|
| |
| Site header | 1. | EC identity (logo) |
|
|
| 2. | Login |
|
| |
| 3. | Language switcher |
|
| |
| 4. | Search form |
|
| |
| 5. | Class name |
|
| |
| 6. | Site name |
|
| |
| 7. | Menu |
|
| |
| Page header | 8. | Breadcrumb |
|
|
| 9. | Meta |
|
| |
| 10. | Page title |
|
| |
| 11. | Thumbnail |
|
| |
| 12. | Introduction |
|
| |
| Local footer | 13. | Site name |
|
|
| 14. | Content owner details |
|
| |
| 15. | Sitemap |
|
| |
| 16. | DG-related service navigation |
|
| |
| 17. | DG-related navigation |
|
| |
| 18. | Class names |
|
| |
| Corporate footer | 19. | Site logo |
|
|
| 21. | Service navigation |
|
| |
| 22. | Legal navigation |
|
|
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 domain: Comm Europa Management.
...
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:
European Commission
DG Communication
Unit B.3
Europa Web Communication