The Standardised 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
| Component | Mandatory | Description |
|---|---|---|
| European Commission logo | Yes | Logo of the European Commission |
| Login | Contextual * | Login component for ECAS account * use a Login component if your website has a user database |
| Language select | Contextual * | Language select component through which users can select their desired language * use a Language select component if your website supports multilingual content |
| Europa search form | Yes | Enables the user to search and retrieve related information from the database using keywords |
| Class name | Yes | Banner indicating the parent class under which the site falls |
| Site name | Yes | Name of the site |
| Menu | Contextual * | Main navigation of the website |
* 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.
Do's
- ensure 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 the appropriate Site header when building your page
When not to use
- do not follow these guidelines when you are updating sites that fall under the Core or Harmonised category