...
The height of the image can vary based on requirements of the page. However, we would like to keep it consistent.
Image Size for Mobile
390px 400px / 250px
Background Color
The background color behind the text should be accessible with one of these colors below:
White text (#FFFFFF)
Dark Blue text (#18455B)
Available Accessibility
...
Checkers
Color contrast checker analyzer tool | Adobe Color
Layouts
...
The text will appear below the banner image (built in WordPress)
Graphical elements can cover the whole image
Avoid using text in the images
...
Suggested Naming Convention
...
24-06_CDAF-banner-desktop
24-06_homehomepage-banner-desktop
Mobile
24-06_CDAF-banner-mobile
24-06_homehomepage-banner-mobile
Best Practices
...