Web Design Resources

Guidelines

Webpage Design Checklist

Learn how to make your webpages look normal and standard

Product Image Guidelines

Provide specifications and guidelines for creating product images, as well as a PSD template for use.

CMS edit suggestion and FAQs

When you are building content area in the CMS generator platform. There have something you need to know.

Homepage Key Visual Guidelines

Find out what are the design principles that define the brands identity images.

Key Visual Guidelines

Help you to create image key visual or video key visual that presents our brands identity in consistency

Design Guideline for DUDA

Resources to help you start building the webpage

IoT Mart International Site

Refer to the guidelines for creating the page and banner, which include templates and SOP.

IoT Mart ATW

Learn how to create new web content on IoT Mart ATW.

Corporate Colors & Typefaces

Check out the latest corporate colors and typefaces for on-screen and digital use.

Download

Heeob, The New Typography

Learn how to use font-weight to improve text readability

Icons. Easy. Done.

Take the hassle out of icons in your website.

Colors

Color speaks volumes about a brand

Standard- Corp. Site Webpage

For webpage that include standard header and footer, please click to download the template, and guidline are also including.

Download

Basic - Corp. Site Webpage

For webpage that ONLY include Advantech logo in the header, please click to download the template

Download

Solution Design Guideline

The general guidelines for Solution page, please clcik to read more and download the templates to start

PD Minisite Design Guideline

The general guidelines for PD Minisite, please clcik to read more and download the templates to start.

UI Kit

Use components by copying and pasting to build consistent user interfaces effortlessly.

Content Layouts

Good Website Layout Ideas, the layout of your website can define its success

Pagination Guideline

Documentation and examples for showing pagination.

Web Accessibility

To better understand how to make Web Accessible

Video Key Visual Replace Picture Key Visual

Find out which KV would be more suitable for your webpage.

Image Optimization

Use the information below to find the optimal settings for your images.

Advantech Web Design Resources

Guidelines

Webpage Design Checklist

Product Image Guidelines

CMS edit suggestion and FAQs

Homepage Key Visual Guidelines

Key Visual Guidelines

Design Guideline for DUDA

IoT Mart International Site

IoT Mart ATW

Corporate Colors & Typefaces

Heeob, The New Typography

Icons. Easy. Done.

Colors

Templates

Standard- Corp. Site Webpage

Basic - Corp. Site Webpage

Solution Design Guideline

PD Minisite Design Guideline

UI Kit

Usability References

Content Layouts

Pagination Guideline

Web Accessibility

Video Key Visual Replace Picture Key Visual

Image Optimization