YSM Website Content Layout Showcase

The following images provide an overview of the many different ways to display content on your YSM website.

These elements have been organized in groups to make it easier to find examples of the many variations with which components may be displayed.

Table of Contents

 

Banners


Homepage Banner Carousel - Up to 6 items may be included, including links to content, people, events, news and multimedia
Impact Banner content layout: this is a new layout for use on homepages and other prominent landing pages for an impactful message at the top of a page that is different from the title of the page. This will enable more creative messaging for website visitors without sacrificing the SEO benefits of clear and succinct page titles.

 

Homepage Banner

 

 

Text Content

Text Only

Basic Text Content with full width image

Basic Text Content with thumbnail image-right

Size and Position Options for Images on a Content component

  • Fullsize

  • Medium - Right or Left

  • Small - Right or Left

  • Thumbnail - Right or Left

  • Headshot - Right or left

See Multimedia below for Image Galleries

Specialized Content

Anchored Content Lists

 

FAQs

Text Fragment Call Out Boxes

Contact Boxes

 

Quotes & Testimonials

 

Call to Action Banners

 

Call to Action banners can be full size or short; with an image overlayed by a color or a solid color. Color options include:

  • Light Grey

  • Dark Grey

  • Blue

  • Light Blue

  • Dark Blue

  • Turquoise

  • Cyan

  • Coral

  • Orange

  • Yellow

Multicolumn Content Lists

Table Styles

All tables on our sites should be set up to follow ADA standards for screenreaders. They should be used to convey data, not to format text and require a header row. Empty cells should have - or “null” to indicate that there is no data. The following styles are included in our CMS. The alignment options: Centered, align left or right, may be combined with the color variations.

 

 

 

 

 

 

Content Summaries and Lists

These displays of summary content may be used individually or in lists.

The grid display automatically adjusts to the number of items in the list and the screen width.

 

 

Multimedia

 

Video

Podcasts & Audio Players

 

 

Image Galleries

External Content Feeds

Box Integration

Google Sheets

Pubmed Publications Feed

Beatrix Integrations

Calendars

 

News Listings

People Listings

 

Search - People or Keyword Listings

This component can be used with A-Z listings or MESH keyword listings.

Publications by Organization

 

Maps

Clinical Trials

International Activity

Keyword Listing

Yale Medicine

 

Web Version of Newsletter Listings