SurtitleSection title left
SurtitleSection title centered
SurtitleSection title on the right
#focusBlockMEA block title Subtitle
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
- Donec vitae sapien?
Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam commodo suscipit quam. Aenean massa. Aenean imperdiet. Donec id justo.
Phasellus tempus. Maecenas nec odio et ante tincidunt tempus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. In ut quam vitae odio lacinia tincidunt. Fusce neque.
- Suspendisse pulvinar augue ac ?
Donec id justo. Vestibulum dapibus nunc ac augue. Vestibulum eu odio. Fusce a quam. Praesent congue erat at massa.
Phasellus viverra nulla ut metus varius laoreet. Cras sagittis. Duis leo. Ut leo. Cras sagittis.
Sed hendrerit. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Donec mollis hendrerit risus. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.
- Mauris sollicitudin fermentum libero ?
Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Cras id dui. Vestibulum suscipit nulla quis orci. Curabitur vestibulum aliquam leo. Pellentesque auctor neque nec urna.
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.
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
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.
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.
Section classes / Custom blocks To 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.