Library showcase
This page is a list of all the modules saved in the library, with basic information on the intended use.
Please refer to it at all times if in doubt.
Part 0 – Menu and breadcrumb
Menu (insert as a section): DIST – Full width menu section
The menu section only requires to select the desired menu.
Breadcrumb (insert as a section) : DIST – Breadcrumb – Section
The breadcrumb section doesn’t require any amendment
Part 1: Calls to action
Divi library built in line with the design specifications linked here: https://xd.adobe.com/spec/0c649492-4ba5-49c2-68c9-cc9a94dc29aa-7a55/
Priority 1 buttons
Full width header, with space available fo rgeneric advertising features
Name in the library: DIST – HEADER – Full width header with generic advertising
Built with the following building blocks (Global):
- DIST – BUILDING BLOCK – Fullwidth header small
- DIST – BUILDING BLOCK – Fullwidth header big
- DIST – BUILDING BLOCK – Fullwidth header text
- DIST – BUILDING BLOCK – Fullwidth header CTA
- DIST – BUILDING BLOCK – 400 x 150 advertising banner
Intended use:
- To be placed as a row in a normal section (even though it will display as a full width)
- Background image can be changed individually. Recommended size is 1920 x 500 (size should be less than 400 ko)
- Background gradient can be changed individually – but highly recommending not to touch it.
- Generic advertising banner should alway be placed on column 2 – DO NOT REMOVE IT.
- If an advert is not required any more, go to the advert module and remove the image (set no image)
Lorem ipsum
Dolor sit amet
Lorem ipsum dolor sit amet consecitum
Fullwidth header
Priority 1 buttons, available in bright and dark variation.
Divi library category: Calls to action
Type: Module
Divi library name:
- DIST – CTA – P1 – Bright (3/12)
- DIST – CTA – P1 – Dark (3/12)
Intended use:
- To be used in a four column setup (take 3/12 of the grid.)
Priority 2 buttons
Priority 2 buttons, several variations available: Generic bright, generic dark “@” icon, download icon, calculation icon, call back icon.
Divi library category: Calls to action
Type: Module (based on the CTA module)
Divi library name:
- CONS – CTA – P2 – Generic – Bright (6/12)
- CONS – CTA – P2 – Generic – Dark (6/12)
- CONS – CTA – P2 – @ symbol (6/12)
- CONS – CTA – P2 – Download symbol (6/12)
- CONS – CTA – P2 – Calculation symbol (6/12)
- CONS – CTA – P2 – Callback symbol (6/12)
Intended use:
- To be used in a 2 column setup (take 6/12 of the grid.)
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ispum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ispum dolor sit amet
Lortem ipsum dolor sit amet
Priority 3 buttons
Priority 3 buttons, bright or dark
Divi library category: Calls to action
Type: Module (based on the button module)
Divi library name:
- CONS – CTA – P3 – Bright (3/12)
- CONS – CTA – P3 – Dark (3/12)
Intended use:
- To be used in a 2 column setup (take 3/12 of the grid.)
Priority 4 buttons
Priority 4 buttons, bright
Divi library category: Calls to action
Type: Module (based on the blurb module)
Divi library name:
- CONS – CTA – P4 – Bright (3/12)
Intended use:
- To be used in a 2 column setup (take 3/12 of the grid.)
Part 2 – Images
DIST – 40 x 600 image with box shadow – 6/12)
DIST – 400 x 250 image – Grey box shadow (6/12)
DIST – 400 px wide image – Grey box shadow (6/12)
Part 3: Spacers
top of HEIGHT SPACER – 80 px desktop – 80 px tablet – 20 px mobile
bottom of 80px spacer
top of HEIGHT SPACER – 40 px – 40 px – 10 px
bottom of 40px spacer