Image Guides for Banners

Owned by Catherine Foss (Unlicensed)
Aug 03, 2021
2 min read

Homepage Hero

Large Banner
desktop: 740x496px
mobile: 400 x 320
Padding top and bottom: 15px
Padding left and right: 75px

Medium Banner
355x383px

Small Banner
355x99px

  • In this component only the main section has the option for live text, the other two are just placeholders and need the text incorporated into the image.

  • If the graphic includes text (likely scenario when designing for the two smaller sizes), please export the asset at 3x the pixel size noted above.

  • If type is blurry after upload to DNN, make sure to outline all text and re-export the graphic as an SVG.

Newsletter Ad
600x200px

Banners controlled by character count

The following banners' height is determined by the amount of text entered in the component. Here are some ball parks with maximum amounts of text. Note that the final size of the graphic will be dependent upon the copy approved and the preliminary build on DNN.

Hero Banner
1110x370px

2/3 Banner
804x216px

1/2 Banner
526x260px

1/3 Banner
252x260px