The Harmonised group 1 site header is present on every page. It communicates the European Commission brand and provides basic structure and guidance, to be placed at the top of the page.
Anatomy
- mandatory
- optional
- Playground
| Component | Mandatory | Description |
|---|---|---|
| European Commission logo | yes | logo of the European Commission |
| login | optional | login component for ECAS account * use a Login component if your website has a user database |
| language select | optional | language select component through which users can select their desired language, on the left of the search form * use a Language select component if your website supports multilingual content |
| Europa search form | optional | enables the user to search and retrieve related information from the database using keywords |
| class name | optional | banner indicating the parent class under which the site falls * use a Class name component if the website you are creating or updating falls under one of the classes on the Core site |
| site name | yes | name of the site |
| menu | optional | main navigation of the website |
Do's
- make sure the pages contain all the elements in the anatomy table above
Don'ts
- don't use more than one Site header per page
When to use
- always use a Site header when building your page
When not to use
- do not follow these guidelines when you are updating sites that fall under the Standardised or Core category