What is an Intro Banner?

introbanner

The Intro Banner component consists of a page-wide image with optinal text as an overlay.

The text can contain a link, and you can configure if the text is to be either left- or centre positioned in the component.

Component variations

our-hearing-sleeping

This is the header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lorem velit, dictum in ex sed, vestibulum convallis arcu.

Learn more

Introbanner with left aligned text

This Intro Banner is using the style Left Aligned Text.

The text is allowed to use 55% of the page width. Please keep this in mind, when laying out the image material for these components.

brianhearing

This is the header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lorem velit, dictum in ex sed, vestibulum convallis arcu.

Introbanner with centered text

This version of the Intro Banner is using two style variations:

  • Center: Positions the text in the centre of the component
  • Background Color 1: Adds a background color behind the image, which the users will see in mobile view. Also makes sure the font color is inverted (white)

The text is allowed to use 55% of the page width, measured from the centre of the page. Please keep this in mind, when laying out the image material for these components.