Article header
Header used in articles. Up to three labels as links can be added and used as breadcrumbs
Header used in articles. Up to three labels as links can be added and used as breadcrumbs
Article module. The purpose of this module is to convey as much information as possible by using the available rich text editor. It has a side card to highlight important facts. If the fields for the side card are left empty the card won't be shown and the article will be center aligned.
Article with CTA list and slighty larger text
It allows the client to specify a beginning paragraph for an article and a statistic
Plain info
Simple navigation module. It is used to send the visitor back to a certain page, usually an overview page.
The module has the option to be put in a narrower container.
In this module you can choose the #hashtag color to one of the themes.
Main image | ||
---|---|---|
Dimensions | 2400px x 1200px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Module contains a maximum of three cards
Main image | ||
---|---|---|
Dimensions | 720px x 540px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains an optional section title and multiple cards with team stories, each of them including a visual, the person's name, a subtitle/team name and a description.
Main image | ||
---|---|---|
Dimensions | 1120px x 840px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
This module is used to give the client a means to contact. It has an optional card where additional info can be added. If the fields of the card are left empty, the card will be removed and the form will be centered.
Main image | ||
---|---|---|
Dimensions | 1240px x 920px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. It is used to highlight the core values of the company. It has an option to show or hide thumbnails.
Main image | ||
---|---|---|
Dimensions | 1100px x 1100px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Simple cta banner
Main image | ||
---|---|---|
Dimensions | 1200px x 900px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains a visual and a section with title, description and a maximum of 2 buttons/CTAs.
Main image | ||
---|---|---|
Dimensions | 520px x 640px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module displays a title and a link/button/CTA
It is used on contact pages to help the visitor get in contact with the team.
Main image | ||
---|---|---|
Dimensions | 1800px x 1800px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains an optional title, a section with information about a resource and a form.
Main image | ||
---|---|---|
Dimensions | 520px x 640px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
This modules is used to give the visitors a visual aid, before making a decision. It presents the content in a visually pleasing manner.
It has options for 2 optional small thumbnails, a big image, gif or video that can loop in autoplay.
Video can be youtube or internal mp4
Also, the inline video has a checkbox option to choose if the video should loop or not.
Visual big / Autoplay video | ||
---|---|---|
Dimensions | 1400px x 1300px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Visual small thumbnail | ||
---|---|---|
Dimensions | 320px x 420px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
In this module you add each card manually.
Main image | ||
---|---|---|
Dimensions | 520px x 693px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
List of foldable text and a CTA on the right side. If CTA is not filled in, the FAQ element is moved to the middle.
If there is more than one group of questions, a filter will be shown
Main image | ||
---|---|---|
Dimensions | 720px x 540px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
A list of featured projects. It has regions and division filters. When there are more than 6 cards, pagination shows up. Projects are inserted via HubDB.
It allows the client to provide explanations for some concepts. The explanation becomes visible when the title is clicked.
Presentation module. It shows what’s the page about in an attractive way. It starts from the top of the page, navigation module being on top of this module.
Main image | ||
---|---|---|
Dimensions | 2880px x 1428px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Main image | ||
---|---|---|
Dimensions | 120px x 120px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Text can be centered or left aligned. Background can be white or light grey.
The visual can be an image or a video.
Main image | ||
---|---|---|
Dimensions | 2400px x 1344px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Short description of the module
Main image | ||
---|---|---|
Dimensions | 1120px x 632px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Dive image | ||
---|---|---|
Dimensions | 320px x 320px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
This module is used to highlight a few key features and add a short description.
Slider that lists latest news. It pulls in latest news articles. Selection for blog and topic is also possible
Main image | ||
---|---|---|
Dimensions | 320px x 320px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. The module displays a list of benefits.
Main image | ||
---|---|---|
Dimensions | 720px x 404px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg, .jpeg or .png - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. The module displays a list of benefits.
Main image | ||
---|---|---|
Dimensions | 720px x 404px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg, .jpeg or .png - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. The module displays a list of benefits.
Main image | ||
---|---|---|
Dimensions | 720px x 540px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg, .jpeg or .png - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. It is used to showcase certificates. Each certificate has an optional link.
Main image | ||
---|---|---|
Dimensions | 160px x 160px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg, .png, .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module.
Main image | ||
---|---|---|
Dimensions | 928px x 696px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg, .jpeg or .png - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
It displays a list of featured knowledge items and has an introduction section with title and button/CTA.
Main image | ||
---|---|---|
Dimensions | 1120px x 632px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Module that highlights a list of challenges. An optional visual is available to give a visual information about these challenges.
Main image | ||
---|---|---|
Dimensions | 1000px x 1840px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
It displays a list of knowledge items. They are loaded from HubDB.
It can be chosen the number of items displayed on a page, the rest of them being available through the pagination.
Main image | ||
---|---|---|
Dimensions | 1120px x 632px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. It is used to showcase clients/partners logos. Each logo has an optional link to send the visitor to the client/partner website.
Main image | ||
---|---|---|
Dimensions | 240px x 180px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg, .jpeg or .png - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
This module showcases the members of the company.
Main image | ||
---|---|---|
Dimensions | 720px x 540px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
It presents a list of authors and a list of topics. The column of authors can be placed on the left or on the right. The module can have a white or a light grey background.
The topic type is highlighted with an accent line – the color matches the company division.
Main image | ||
---|---|---|
Dimensions | 200px x 200px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Image and description with an optional CTA
Main image | ||
---|---|---|
Dimensions | 1120px x 840px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Links the right are default links, with extra functionality: When hovering on them, the image above them changes
Main image | ||
---|---|---|
Dimensions | 1000px x 630px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. Listing the office locations
Main image | ||
---|---|---|
Dimensions | 1120px x 630px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains can contain an image, gif or a video, that has an option to loop or not, and an optional caption.
The lines artwork can be aligned to left or right using the provided option.
Main image / Autoplay video | ||
---|---|---|
Dimensions | 1520px x 1140px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. Present the content in a visually pleasing manner.
Main image / Autoplay video | ||
---|---|---|
Dimensions | 720px x 540px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
In this module you can choose the line color to one of the themes.
Main image | ||
---|---|---|
Dimensions | 2400px x 1200px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
In this module you can choose the line color to one of the themes. The background can be a video or an image
Main image | ||
---|---|---|
Dimensions | 2400px x 1200px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Presentation module. Present the content in a visually pleasing manner. It has options to add an image, gif or video. The video can be set to loop or not.
Video can be youtube or mp4
Main image | ||
---|---|---|
Dimensions | 1120px x 1120px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Short description of the module
Main image | ||
---|---|---|
Dimensions | 1000px x 750px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Rich text field with an author quote and links list. Visual can be image or video
Main image | ||
---|---|---|
Dimensions | 1120px x 728px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
This module fetches cards from the HubDB table. When creating the module, you can choose if you want to filter the cards by "Type of industry" or add specific carts one by one
This module showcases resources highlights. These resources are loaded from Blog / HubDB tables / manually.
Main image | ||
---|---|---|
Dimensions | 712px x 492px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Global module. This is a simplified version of the main navigation. Contains the logo and an optional CTA. The global logo and its link can be overwritten at page level using the Page settings module. Also from the Page settings module, it can be activated a transparent navigation.
Logo | ||
---|---|---|
Dimensions | 144px x 180px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .svg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Present statistics and other metrics in a clean and eye catching way. The module has an alternative version with a blue background.
The module contains a summary box and an optional link to navigate back to a page.
This module can be used to present a list of highlights/benefits/features. It has a slider to emphasize that list that also improves the user experience.
Slider image | ||
---|---|---|
Dimensions | 1120px x 808px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains text in a rounded box.
Presentation module. Present the content in a visually pleasing manner. It has options to place the image, gif or video to the left or right of the screen, to add buttons and a video.
Video can be youtube or internal mp4
Also, the inline video has a checkbox option to choose if the video should loop or not.
Main image/Autoplay Video | ||
---|---|---|
Dimensions | 1000px x 1080px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains a text column with an optional quote and a second column which is a list of benefits. The benefits list can be replaced by a simple rich text editor block.
Avatar | ||
---|---|---|
Dimensions | 140px x 140px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
Benefit image | ||
---|---|---|
Dimensions | 200px x 200px | |
Color mode: | RGB | |
Resolution | 72 dpi | |
Save for web | .jpeg - ~95% image quality | |
Size | It is recommended to be as small as possible in order to get faster load times. |
The module contains a text section and a form section.
Listing module. It presents the list of available job positions in a structured manner.