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

 

  1. home
  2.  | Custom modules page

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