Home Page: Modern vs. Classic View

Overview

The Home Page feature allows further customization of the Home Module by providing additional branding opportunities. To configure your Home Page banner, turn on the toggle switch. Once toggled, additional options will appear.


View

In designing the Home Page layout, there are two views offered: Classic and Modern.

In the Classic View, widgets are positioned beneath the hero image, allowing for a clear separation of content.

Alternatively, the Modern View presents a sleeker design, with widgets overlaying the background image or color scheme. This modern design creates a cohesive and immersive browsing environment.


Decide whether you want to include a search box in your banner. This option is only available for the Modern View.


Alignment

Adjust the alignment of your banner content, including title and subtitle text. This option is only available for the Modern View.


Background Image

Upload an image to serve as the background for your banner. Images for both a web and mobile banner is required. This option can be toggled off or on in the Modern View.

Recommended size for web: 1920 x 400 px. Recommended size for mobile: 750 x 450 px.

It is recommended to place all text and important content in the banner's central area, specifically within the innermost 1000 pixels. This ensures that the content remains visible and properly positioned even when users resize their browser windows.

Background Color

Choose a background color for your banner space. If no background image is uploaded, this is the color which will appear instead.


Text Customization

Customize the title and subtitle text to match your brand's style and tone.

Title Text

Enter the text for your banner's title. Utilize substitution tags to create a responsive title that can greet based on time and display the name of the logged-in user, if available.

Title Text Style

Select a style for your title text from the options configured in the Text Styles section.

Subtitle Text

Enter the text for your banner's subtitle.

Subtitle Text Style

Select a style for your subtitle text from the options configured in the Text Styles section.

Title and Subtitle Text Color

Customize the color of your title and subtitle text using the color map or inputting the Hexacode of your brand color.

Last updated