Content layouts

About this pattern

Used to format content in a variety ways to support different types or amounts of text, image, or text/image combinations. Also used to create visual hierarchy on a page through scale and define sections through proximity.

Content recommendations

  • 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.
  • If space is limited, use the assertive paragraph style as a title and make it bold (typically used in 5/6-up layouts)

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*

Image size recommendations: 21:9 aspect ratio, 16:9 aspect ratio, 4:3 aspect ratio, 1:1 aspect ratio (this will vary depending on the layout)


*Works best in bottom drag and drop area in left nav and left nav/right nav template only


Related links:

Image documentation (coming soon)


Browse layout options