Editorial and Sign Up Modules

Examples

Images and/or Videos should have a ratio of 16:9.

Layout Options

The text on the left with video or image on the right.

The image or video on the left with the text on the right.

Text Options

The text blocks on this module can be configured several ways:

Colour can be black or white.

Text Alignment can be left, centred or right, inside the text block.

Background Colour

This can be whatever works best with your creative.

 

Additional info for designers

While the text on these modlules is entered via the CMS and the title font adjusts in size based on the screen size that it's viewed on, for mockup purposes the following might be helpful:

Global Font Proxima Nova

h1 / Image Title

• Font-size: Desktop 60px, Mobile 47px
• Line-height: Desktop 60px, Mobile 47px
• Font-weight Bold or 700
• Uppercase

Body & Date Available Text

• Font-size 15px
• Line-height 22px
• Font-weight Normal or 400
• Sentence Case

Button Text

• Font-size 15px
• Line-height 22px
• Font-weight SemiBold or 600
• Capitalised

Image & Video Size for Mockups

Please keep in mind this is just get you started. Images and videos can be whatever size you like. For best results, we recommend:

• Ratio 16:9
• Export size: Desktop - 1440 x 810px (retina screens).
• Export size: Mobile - 750 x 422px (crisper imagery for devices).
• Mockup size: Desktop - 720 x 405px
• Mockup size: Mobile - 375 x 211px