Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1.   Mandatory – ECL components that must be used.
  2.   Recommended – the ECL provides recommended components. There can be exceptions, i.e. requirements that go beyond the ECL – for example, on campaigns.
  3.   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.

Image RemovedImage Added


Image RemovedImage Added

 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



Image RemovedImage Added

 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


...

  1.   Mandatory – ECL components that must be used.
  2.   Recommended – the ECL provides recommended components. There can be exceptions, i.e. requirements that go beyond the ECL – for example, on campaigns.
  3.   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.

Image RemovedImage Added

Image RemovedImage Added

 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



Image RemovedImage Added

 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

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

Other components

Contextual

Content



...