next
previous
items

Getting started

EEA webdesign guide broken into individual sections.
Typography

Typography

26 Oct 2020

Site typography, including global settings, headings, body text, lists.

Read more

Images

Images

26 Oct 2020

Examples of image scales, it's styles and containers used to enhance image presentation.

Read more

Tables

Tables

26 Oct 2020

Documentation and examples of table element along with it's styles and variants.

Read more

Layout

Layout

26 Oct 2020

Containers and utility classes for layouts found within our site.

Read more

Elements

Elements

27 Oct 2020

Elements are page elements with a single function such as icons or buttons.

Read more

Components

Components

26 Oct 2020

Documentation of complex css and html elements used within our site.

Read more

TinyMCE styles

TinyMCE styles

26 Oct 2020

Documentation of styles and templates provided for editors to use on website content.

Read more

Forms

Forms

28 Oct 2020

Examples of form controls elements such as inputs or text area.

Read more

Portlets

Portlets

29 Oct 2020

Examples of portlet styles used in the site.

Read more

Search and catalogs

Search and catalogs

30 Oct 2020

Examples of faceted navigation and search app facets.

Read more

Navigation

Navigation

02 Nov 2020

Examples of navigation portlet found within right column and global mobile navigation.

Read more

Folder Views

Folder Views

02 Nov 2020

Examples of folder views found within our site.

Read more

Permalinks

For references, please go to https://www.eea.europa.eu/code/design-elements/getting-started or scan the QR code.

PDF generated on 28 Sep 2022, 09:39 PM

EEA Page URL QR
Document Actions
The EEA is an agency of the European Union

Engineered by: EEA Web Team

Software updated on 12 August 2022 12:14 from version 22.5.18

Software version: EEA Plone KGS 22.8.10

Code for developers

Systems Status

Legal notice

Creative commons license

CMS login