...
Right align the graphical elements
Single-colored or simple gradient background on the left of the image. This will ensure the text placed on the banner is readable and accessible.
Limit graphics to approximately 470px from the right edge
Do not use important Avoid using text in the images
...
Desktop Layout 2 - Center aligned header and description
Place graphical elements on the left and right edges
Single-colored or simple gradient background in the center. This will ensure the text placed on the banner is readable and accessible.
Limit graphics to approximately 250px from the left and right edges
Do not use important Avoid using text in the images
...
Mobile Layout - Header and description below the image
The text will appear below the banner image (built in WordPress)
Graphical elements can cover the whole image
Do not use important Avoid using text in the images
...
Suggested Naming Convention
...