Feature and benefit edit suggestion


The general edit suggestion for the feature and benefit area which will be built up by CMS generator platform.

 
Last Updated: 06/08/2023

Font size guidelines

The font size is already set up in CMS platfrom. Please follow the font size hierarchy and use the corresponding HTML tag. Please do not put a unique style to a single HTML element.

Responsive image

Section Title (H2):36PX / Bold

Responsive image

Section Sub Title (H3):18PX / Bold

Responsive image

Main Paragraph (P):16PX

Responsive image

Bullet point (li):14PX

Content color

The content color is already set up in CMS platform and also includes the HTML links.

Bad Example

Don'ts
Adjust the content color. Advantech blue only for the HTML links.

Good Example

Dos
Use bold text to highlight the main point of the content.

Layout suggestion

The webpage size becomes a maximum width of 1600 pixels. Please use more than three cards for each section.

Example
Bad Example

Don'ts
Putting two cards in one section would make the image area too big.

Good Example

Dos
Put three to four cards in one section.

Bad Example

Don'ts
Putting two cards in one section would make the image area too big.

Good Example

Dos
Use horizontal cards instead of the vertical card.

Bad Example

Don'ts
Please avoid use multiple column for long text content. The word break makes it difficult to read.

Good Example

Dos
Use horizontal cards instead of the vertical card.

Bad Example

Don'ts
Please avoid using space tab to create blank space, which would caused elements display unblanced.

Good Example

Dos
Keep the module's original settings which the margin or padding is preset

Bad Example

Don'ts
Please avoid increasing the font size without blance the content display.

Good Example

Dos
Please set the proper font size

Bad Example

Don'ts
Please avoid use special symbol on the page title.

Good Example

Dos
Use proper symble to display propler when it aslo appear in the breadcrumb.

Bad Example

Don'ts
Please avoid use special symbol on the section title which would caused the left side quick select menu display inappropriate.

Good Example

Dos
Keep section title in a simple and appropriate way.

Text only block

Text only block's width should be set to 820px and aligned in the center.

Example

Margins

Margins between content blocks should be 40px
Learn how to add a blank in CMS platform. Click here

Example