Page tree
Skip to end of metadata
Go to start of metadata

Purpose  

The purpose of the Europa Component Library (ECL) is to ensure, in a cost-effective manner, one coherent ‘Europa’ environment and reinforce visitors' confidence in the information provided.

The ECL ensures this coherence by providing a comprehensive, modular design system describing and showcasing the design elements and visual standards that make up all EU and EC branded websites and web information systems.

Rule

The ECL must be used according to the Rules and guidelines per site type.

Framework

All ECL components respect Europa Web Guide rules regarding design, accessibility and responsiveness.

All library elements are accompanied by

  • documentation explaining what a component is and how it should be used (under "Usage")
  • a visual demonstration (the anatomy of the component, under "Usage")
  • HTML/CSS code for implementation (under "Showcase").

The Europa Component Library (ECL) is technology agnostic because it focuses on HTML, CSS and vanilla JS. It doesn't require any framework like React or Angular to work, meaning that it can be used for any type of development.

The ECL was developed and is maintained by DG Communication Unit B3.

Implementation

ECL can be used on any platform.

However, specific developments have been made to support implementation for the corporate technologies:

For other platforms, implementation must be done according to the technology used.

Contact and support

Need further assistance on this topic? Please contact the team in charge of Europa Domain Management (EU Login required)

  • No labels

The Europa Web Guide is the official rulebook for the European Commission's web presence, covering editorial, legal, technical, visual and contractual aspects.
All European Commission web sites must observe the rules and guidelines it contains.
Web practitioners are invited to observe its contents and keep abreast of updates. Read more.