Banner ads are one of the most prolific forms of marketing used in the online world,
because they’re an effective medium to increase brand awareness.
Below is the general guidelines for webpage banners, or please download the webpage banner templates here
| Element | Guideline |
Banner Size |
W960 x H240 (W1920 x H480 for high resolution version) |
Main Title |
Font Size:26px / Maximum number of characters (incl. empty spaces): 56 |
Subtitle |
Font Size:16px / Maximum number of characters (incl. empty spaces): 100 |
Text Area Width |
400px (marked as the blue lines on the image) |
Text Area Clear Space |
40px from the left and 30px from the top (marked as the blue lines on the image) |
Call to Action |
Font Size:14px / Text Alignment: Center / Padding: 20px / Margin:15px / Width:auto / Height:37px |
Smiling Curve |
The position, the angle, and the size of the “smiling curve” in the graphic, cannot be changed. The main elements can be place over the “smiling curve” or anywhere within the banner ad, but should avoid overlapping with the buttons. Please set the background color below the “smiling curve” to #CCCCCC and keep its current transparency setting. |
Black text color on light background (text color:#00000)
Primary Call to Action: Background color can be Advantech Blue and BU colors with transparency set to 80%
Secondary Call to Action: Background color can be transparent with border and text set to Advantech Blue and BU colors.
White text color on dark background (text color:#FFFFFF)
Primary Call to Action: Background color can be Advantech Blue and BU colors with transparency set to 80%
Secondary Call to Action: Background color can be transparent with border and text set to white (color:#FFFFFF).
| Element | Guideline |
Banner Size |
W1920 x H350 |
Main Graphic Area |
W1200 x H350 (marked as pink area on the image) |
Main Title |
Font Size:36px / Maximum number of characters (incl. empty spaces): 99 |
Subtitle |
Font Size: 20px / Maximum number of characters (incl. empty spaces): 125 |
Text Area Width |
550px (marked as the blue lines on the image) |
Text Area Clear Space |
40px from the top and the left side (marked as the blue lines on the image) |
Call to Action |
Font Size:16px / Text Alignment: Center / Padding: 20px / Margin:15px / Width:auto / Height:37px / |
Smiling Curve |
The position, the angle, and the size of the “smiling curve” in the graphic, cannot be changed. The main elements can be place over the “smiling curve” or anywhere within the banner ad, but should avoid overlapping with the buttons. Please set the background color below the “smiling curve” to #CCCCCC and keep its current transparency setting. |
Black text color on light background (text color:#00000)
Primary Call to Action: Background color can be Advantech Blue and BU colors with transparency set to 80%
Secondary Call to Action: Background color can be transparent with border and text set to Advantech Blue and BU colors.
White text color on dark background (text color:#FFFFFF)
Primary Call to Action: Background color can be Advantech Blue and BU colors with transparency set to 80%
Secondary Call to Action: Background color can be transparent with border and text set to white (color:#FFFFFF).