This module can be used for written gated content pages such as White papers and Case studies.
Desktop
Mobile
The module's layout and specifications are derived from Hero variant 1, with minor stylistic adjustments. In the gated resources hero, the title of page is stylised in the reduced version of the typeface, and not capitalised. The hero also includes the ‘Get access now’ form on top of the image on the right hand side. This form is predefined and should be the same for all pages that use the gated resources hero.
Both white papers and case studies should display the same image on gated and ungated heroes - the difference being that in the gated hero the image will be partially hidden behind the ‘Get access now’ form.
Headline
Character limit: 40
Max 3 lines of text, on 360px screens
Intro text
Body: 250 - Preferably written in one paragraph
Colorways
This module has multiple colorways. In keeping with the general website color guidelines, the use of red should be judicious and mindful, taking into account its overall presence on the intended page.
Case studies image
While choosing the image, be mindful of the image ratio and how the image will be cropped to the designated area.
White papers mockup
In the white papers hero, there is a image showing white paper cover in portrait mode. The whitepaper mockup image will cover the entire image container.
This module can be used for written gated content pages such as White papers and Case studies. The purpose of this module is to give an introduction to the gated content and make it as easy as possible for the user to fill out the “Get access” form.
For the ungated version, please see the ‘Gated to Ungated section below’.
When a customer navigates from a gated page to an ungated page the hero module will change to reflect this, however the change differs by page type.
White papers
Ungated white papers use the same base module as the gated version. The difference between the two is that the gated version includes the ‘Get access now’ form and the ungated version does not.
From left: Gated view, Ungated view
Case studies
When navigating from a Case study page to an ungated one the hero layout will change from the current gated version (for the gated page) to the Hero - Article and publication (ungated) (for the ungated page).
From left: Gated view, Ungated view
DO: Use the reduced styling (not capitalised) for both gated white papers and case studies.
DON’T: Capitalise the title for gated white papers and case studies.
DON’T: Use the expressive styling for gated white papers and case studies.