...
White text (#FFFFFF)
Dark Blue text (#18455B)
Available Accessibility
...
Checkers
Color contrast checker analyzer tool | Adobe Color
Best Practices
...
1110px / 300px (the height of the image can vary)
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
Avoid using text in the images
...
390px / 250px (the height of the image can vary)
Text will be built in WordPress and will appear below the banner image
Avoid using text in the images
...
350px / 350px (the height of the image can vary)
Avoid using text in the images
Same image will be used for desktop and mobile
...
Image A (Mobile)
390px / 250px (the height of the image can vary)
Avoid using text in the images
...
350px / 200px (the height of the image can vary)
Same image will be used for desktop and mobile
...
Image A (Mobile)
390px / 250px (the height of the image can vary)
Avoid using text in the images