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

Open

Homepage Banner Carousel - Up to 6 items may be included, including links to content, people, events, news and multimedia

Open

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.

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

Table of Contents

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.

Links & Summaries

Single links

Basic Link Lists

Complex Link Lists

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

Publications by Organization 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