Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Pattern Library
Billboard

Billboards are defined by their use of full-width background imagery and vertically centred content, with equal padding above and below the content. We use billboard organisms to bring our core action to a user’s attention.

The billboard can be placed anywhere on the page, and should contain a maximum of two buttons.

%section.a-section.a-section--inverse.o-billboard
  .a-content.a-content--spacious.o-billboard__content
    .o-billboard__headline
      Headline
    %h2.o-billboard__heading
      Heading
    %p.o-billboard__message
      Message
    .o-billboard__cta
      %a.a-button.a-button--boss{href: "#"} Button