...
EC branded standardised websites host thematic content detailingsuch as policies for which the owner DG/Agency is responsible. Web information systems are permanent websites providing a user-friendly interface to generate, disclose and/or filter large, detailed amounts of data stored in different systems. These websites must also use the EC branded standardised websites design templateStandardised websites are:
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 standardised websites.
EC branded harmonised websites host websites host specific content that answers a particular communication purpose. Hamonised websites are:
...
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.
It is optional to use the Europa Web Publishing Platform (EWPP) for the development of harmonised websites.
The EC branded standardised and harmonised website uses the components of the Europa Components Library (ECL) as this template shows:
Standardised websites template | Harmonised websites template |
---|
For harmonised websites Group 1 the Global Banner, the site header, the page header and the footer are all mandatory components. Inside each of these components, there are elements that are mandatory or optional as described in the table below:
...
the Global banner is the official EU stamp that gives a visual indicator and easy access to EU institutions and bodies sites, guaranteeing the user visits an official EU website
...
Harmonised Group 1 site header
the harmonised site header should be on every page. It communicates the European Commission brand and provides basic structure and guidance. The site header is composed of several mandatory and optional elements
...
European Commission logo linking to:
site name
...
login
language select
Europa search form
class name
menu
...
the harmonised page header gives context and information to the user on what the page is about. It should be on every page, just below the site header, except for the homepage. The page header is composed of mandatory and optional elements
...
breadcrumb
meta
introduction
...
the harmonised footer should be on every page. It provides complementary information such as copyright, legal, privacy, social media, contact information and links to other important sections within the European Commission ecosystem. The footer is composed of mandatory and optional elements
...
site name
content owner details
corporate name
service navigation
legal navigation
...
DG- related service navigation
DG-related navigation
class names
...
...
For harmonised websites Group 2, the Global Banner, the site header and the footer are mandatory components. The page header is the only optional component. Inside each of these components, there are elements that are mandatory or optional as described in the table below:
...
the Global banner is the official EU stamp that gives a visual indicator and easy access to EU institutions and bodies sites, guaranteeing the user visits an official EU website
...
Harmonised Group 2 site header
the Hhrmonised site header should be on every page. It communicates the European Commission brand and provides basic structure and guidance. The site header is composed of several mandatory and optional elements
...
European Commission logo linking to:
...
language select
Europa search form
menu
...
the harmonised page header gives context and information to the user on what the page is about. It should be on every page, just below the site header, except for the homepage. The page header is composed of mandatory and optional elements
...
page title
introduction
...
meta
breadcrumb
...
the harmonised footer should be on every page. It provides supplementary information such as copyright, legal, privacy, social media, contact information and links to other important sections within the EC ecosystem. All elements are mandatory
...
corporate name
service navigation
legal navigation
...
Section | No. | component | Standardised template | Harmonised tempate |
---|---|---|---|---|
0. | Global banner (provided by Webtools) | |||
Site header | 1. | EC identity (logo) | ||
2. | Login | |||
3. | Language switcher | (except monolingual websites) | (except monolingual websites) | |
4. | Search form | |||
5. | Class name | |||
6. | Site name | |||
7. | Menu | |||
Page header | 8. | Breadcrumb | (except homepage) | (except homepage) |
9. | Meta | |||
10. | Page title | (except homepage) | (except homepage) | |
11. | Thumbnail | (requires introduction) | (requires introduction) | |
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 | ||
20. | Service navigation | |||
21. | Legal navigation |
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. It is mandatory to use the harmonised websites Group 3 site header with the site name as the only mandatory element and the harmonised websites Group 3 Footer. It is recommended to keep all logo(s) at the same level, either in the header or the footer 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:
Need further assistance on this topic? Please contact the team in charge of the Europa domain: Comm Europa Management.
...