Page History
...
- 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 | Exceptions can be requested if justified by communication need |
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 | |
...
- 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 | Mandatory | |
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 | ||
Typography | Recommended | ||
Spacing | Recommended | ||
Icons | Contextual | Where icons feature, use commonly-used icons from the ECL. | |
Images
| Contextual |
| |
Other components | Contextual |
| |
Content | |||
...