Primary Hero Banner

SpecificationsDesktopMobile
Dimensions (width by height, in pixels)1900 x 10001150 x 1130
Safe space (width by height, in pixels)1300 x 430640 x 1130
Screen width range (pixels)576 - 2560320 - 575
Export file typeJPEGJPEG
Export quality range (percentage)40 - 80 (Low - Medium)40 - 80 (Low - Medium)
Export size range (KB)200 - 6000 - 400

TEMPLATE

Primary Hero Banner

EXAMPLE

Primary Hero Banner

Secondary Hero Banner

SpecificationsDesktopMobile
Dimensions (width by height, in pixels)1900 x 10001150 x 1130
Safe space (width by height, in pixels)1490 x 330860 x 820
Screen width range (pixels)576 - 2560320 - 575
Export file typeJPEGJPEG
Export quality range (percentage)40 - 80 (Low - Medium)40 - 80 (Low - Medium)
Export size range (KB)200 - 6000 - 400

TEMPLATE

Secondary Hero Banner

Download templates (SVG)

EXAMPLE

Secondary Hero Banner

Download examples (JPG)

Article Header

The Article Header component is used on the Article template. This component is not compatible with this page’s template.

Specifications 
Dimensions (width by height, in pixels)1100 x 730
Safe space (width by height, in pixels)500 x 360
Screen width range (pixels)320 - 767 (Mobile)
768 - 2560 (Desktop)
Export file typeJPEG
Export quality range (percentage)40 - 80 (Low - Medium)
Export size range (KB)0 - 300

Have a question?

Email Brad Davison, Digital Marketing Lead - Campaign Management

bradley.davison@fonterra.com