Addon Starter Image 4
SurtitleSection titleleft
SurtitleSection titlecentered
SurtitleSection titleon the right
#focusBlockMEA block titleSubtitle
Highlights
These are the elements most frequently used on the site: the integration of these elements must be perfect.
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Style ofTitles and icons
Button block
Primary and secondary buttons should be clearly distinguished, with identifiable hovers and a coherent hierarchy.
Share links
Ensure that all color backgrounds are well managed and that share buttons are consistent with the site’s charter.
Form
Quotes
Check that all quotations behave correctly on the different colored backgrounds, including illustrated quotation marks where appropriate.
Quote #2
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Quote #4
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Quote n°1
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Quote n°3
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Quote n°5
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Quote n°6
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Tab groups
Each tab group layout makes it easy to identify when an action is required, and horizontal/vertical behavior is well managed. Colored backgrounds are optimally managed.
Check that gallery elements comply with the graphic charter (rounding, shading, copyright) and that margin indentation is not a problem.
Addon Starter Image 5
Addon Starter Image 8
Addon Starter Image 7
Addon Starter Image 3
BlockInteractive media gallery
Interactive galleries must behave consistently, with text open or closed, and the action button must be visible and consistent with the site’s style.
Pellentesque dapibus hendrerit tortor![]()
Duis leo. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus ullamcorper ipsum rutrum nunc. Pellentesque commodo eros a enim. Cras non dolor.
Addon Starter Image 5
Addon Starter Image 8
Addon Starter Image 6
Addon Starter Image 10
Addon Starter Image 2
Addon Starter Image 7
Addon Starter Image 1
Section classes / Custom blocksTo be completed
This section must be completed if the site includes customized sections or blocks (section classes, layout, color, interactive map, etc.). Note that the list of section classes can be found on the dashboard.