Infographics box block
Purpose
Use this module to display facts and figures.
Functionality
Choose from the brand emblem and numbers to display facts and figures by dragging and dropping from a library of items.
Specifics
Variations:
(i) emblem with text
(ii) numbers with text
(iii) emblem, text and number
(iv) emblem with text – grey background
(v) numbers with text – grey background
(vi) emblem, text and number – grey background
Use Guideline
Maximum of 4 per row and maximum 2 rows
Designs
Blue Variations
How to Add Modules
To add modules to the Gutenberg editor, follow these steps:
- Go to your WordPress Admin interface and open a post or page editor
- Click the plus button in the top left corner or in the body of the post/page
- You can either:
- Click on Patterns, scroll through them until you find the module you want to use or
- Search for the module you would like to add using either the module name or number
- Click the module to add it
The module will be added to the body of your post or page.
Animation
You can now add an ascending or descending counting animation to the infographics. To do this complete the following steps: Edit the page > hover below the number module > add new module > select “count up” module > edit the number and speed (recommend 1.5-2 seconds) > go to style tab and deselect “show title” > change font size to 40 and font family to “IBM Plex Sans” > change font colour to the same as the module design > save.
Visuals
Variation: Emblem with text
Student jobs on campus every year
Student Clubs & Associations
Largest new student orientation in Canada
Library branches
Variation: Numbers with text
9500
internships, co-ops and more last year
300+
partnerships in 70+ countries
No. 1
in Ontario for global collaborative research publications
76
industry collaborations last year
Variation: Emblem, text & number
1900
Student jobs on campus every year
300+
Student Clubs & Associations
2nd
Largest new student orientation in Canada
8
Library branches
Variation: Emblem with text – grey background
Student jobs on campus every year
Student Clubs & Associations
Largest new student orientation in Canada
Library branches
Variation: Numbers with text – grey background
1900
Student jobs on campus every year
300+
Student Clubs & Associations
2nd
Largest new student orientation in Canada
8
Library branches
Variation: Emblem, text & number – grey background
1900
Student jobs on campus every year
300+
Student Clubs & Associations
2nd
Largest new student orientation in Canada
8
Library branches
Variation: Emblem with text – blue background
Student jobs on campus every year
Student Clubs & Associations
Largest new student orientation in Canada
Library branches
Variation: Numbers with text – blue background
1900
Student jobs on campus every year
300+
Student Clubs & Associations
2nd
Largest new student orientation in Canada
8
Library branches
Variation: Emblem, text & number – blue background
1900
Student jobs on campus every year
300+
Student Clubs & Associations
2nd
Largest new student orientation in Canada
8
Library branches