Marketing banner

About this pattern

Used to introduce users to the marketing section of the standard product detail page through the use of approved marketing messaging for that product.

Content recommendations

  • Use a benefit driven headline and description that was tested with our target audience.
  • Avoid language that puts BSC before the user, that is boastful about our product, or that is overly salesy or jargony.
  • Avoid vague modifiers such as stunning, innovative, advanced or fake benefits similar to “the product you need” or “the future of products."

Primary audience: HCPs

Templates: Product detail page, Medical specialty landing page

Image size recommendations: 16:9 aspect ratio, 4:3 aspect ratio

Image style: Recommend using an image with a transparent background or blend the background with the background color of the container


Related links:

Image documentation (coming soon)


Authoring guidance

If using pattern variations to author a page, be sure to copy at the entire container and not just components in the container.

All pattern variations have been adjusted on all breakpoints for responsive authoring, but check to make sure no additional adjustments are needed to support the text and imagery provided for this pattern.

Assertive theme - Title, image, text, button

Marketing banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Example image.

Assertive theme - Title, image, text

Marketing banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Example image.

Assertive theme - Title and text

Marketing banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Subtle theme - Title, text, image, button

Marketing banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Alternative text for accessibility.

Subtle theme - Title, text, image

Marketing banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Alternative text for accessibility.

Subtle theme - Title, text, image

Marketing banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.