Homepage Hero Banner Guidelines


Get start with banner templates offering as showing below,
and create key visuals that presents our brands identity in consistency

Download PSD File
 
Last Updated: Sep 29, 2026

Image KV

Responsive image
  • 1. Key Visual Size : W1920xH800,JPG/PNG. Mobile uses the same KV image, scaled proportionally to fit the screen.
  • 2. File Size : 350KB or less. For image compression settings, please refer to Image Optimization.
  • 3. Page Content Width: Main graphical elements should be positioned within the 1600px content area.
  • 4. Element Visible Area : Place the main subject, such as the product image, within the 800 × 500px visible area on the right side to help maintain visibility across different screen sizes and aspect ratios.

    * The visible area is positioned 140px from the top edge and 160px from the bottom edge of the Banner.

  • 5. Main Title : Font Size: 60px / Maximum number of characters: 40 (EN) / 22 (ZH-TW / ZH-CN / JA / KO). The main title is automatically used as the banner navigation tab label — no additional maintenance required.
  • 6. Sub Title : Font Size: 22px / Maximum number of characters: 160 (EN) / 80 (ZH-TW / ZH-CN / JA / KO)
  • 7. Text Area Width : 680px
  • 8. Text Area Height : Auto
  • 9. Text Area Color :
    • Dark Mode: Blue theme mask with white text.
    • Light Mode: White theme mask with blue text.
  • 10. Call to Actions :
    • Font Size : 16px
    • Primary button : Light Mode use 85% Advantech Blue solid button / Dark Mode use white solid button
    • Secondary button : Light Mode use Advantech Blue ghost button / Dark Mode use white ghost button
  • 11. Contrast ratio: Please make sure the Key visual readability meets a minimum color contrast ratio of 4.5:1. (Color contrast checker for images tool)
  • 12. PSD File :
    • Use the preview to check the KV's overall color theme and visual effect.
    • Hide the text and other UI elements when exporting the final JPG/PNG image.
    • Two color theme options are provided : Light and Dark.
    • Choose the appropriate theme when uploading — it will automatically apply to the text, buttons, overlay, and other visual elements.
Dark Mode

Dark Mode

Light Mode

Light Mode

Tablet

Tablet

Mobile

Mobile

 

Video KV

  • 1. Video Size : W1920xH800
  • 2. Allowed File Format : MP4
  • 3. Video Length : 6 seconds or less
  • 4. Video File Size : 10MB or less
  • 5. Video Content Restriction : Video content must not contain text.
  • 6. Video Play Settings :
    • Music / Sound : Off
    • Autoplay : Allowed to autoplay; does not stop on the last frame.
Video Banner

Video Banner

Dos and Don’ts

  • Ensure the main elements stay within the 1600px content area and 800 × 500px visible area, without being covered by the color mask.
  • Ensure all text content is maintained through the platform rather than embedded in the image, so it remains readable across different devices.