*Works best in bottom drag and drop area in left nav and left nav/right nav template only
About this pattern
Used to highlight important links, assets, and calls-to-action.
Content recommendations
- Make sure text is short, actionable, and accurately describes what will happen or what the user will get for taking the desired action
- Use a button style to highlight the call-to-action
- Use proper heading structure. If you have a section title above a content layout, make sure titles in the layout are a level below. Ex: If your section title is an h2 then all titles in the content layout must be an h3.
Primary audience: HCPs, patients and caregivers
Templates: Product detail page, EWP Global Content Page, EWP Left Nav Content Page*, EWP Left/Right Nav Content Page*
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.
- Centered
- Offset
- 2 column
- Mini
- Banner
- Complex
- EDUCARE
Centered callout (1 up)
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Centered callout (2 up)
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Offset left aligned - arrow background
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Offset centered aligned - dark blue
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Offset centered aligned - light
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Offset centered aligned - white background with shadow
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2 column callout
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
2 column callout - multiple links
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
2 column callout - offset
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Mini callout
Mini callout text that describes something. Mini callout link
Banner callout - assertive
Banner callout - subtle
Complex callout with icons
Callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Complex callout with icons
Marketing callout title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Callout subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Callout subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Callout subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
EDUCARE callout
Online medical training and education courses
The EDUCARE online platform makes healthcare education and training more relevant, more comprehensive, more personal, and more accessible. Register to access a library of procedural videos, case studies, training resources, and events.
