Tertiary Components

The Body Content component provides a range of standard typographic options for presenting text on tertiary pages.

The Split Column places text in a two-column layout. Side-by-side content is a great way to distinguish different sets of information without adding to the length of the page.

Use the Testimonial to feature an impactful quote from students, faculty, alumni or other relevant sources. It consists of quote text that would ideally be 10-15 words in length, a thumbnail image (83x83px) and attribution fields for name and title.

The Feature is used to preview a story, program, profile, activity or initiative that supports the page content. It includes a linked headline, paragraph text and image (900x600px). Content editors can choose between left and right layouts, allowing multiple features to be stacked.

The Block Grid places images with short paragraphs side-by-side in two-column or three-column format. Use it to highlight key points on a page and distinguish different sets of information. It offers flexibility to include an image (900x600px), optional caption, heading, brief paragraph text, and optional call to action link on each block.

The People Listing is used to display multiple contacts on a page. Each contact consists of a heading, multiple title fields, email, phone and fax details. Use the 1 column layout option for a list of faculty where photos (900x600px) are included. The 2 columns option is for listing faculty that don’t have photos. The 3 columns option is for listing staff and can include photos (900x600px). Contacts can be manually added or imported from an existing bio page.

Incorporate Inline Images into long-form copy to complement, underscore or amplify your text. With support for images and image captions, this component works well for articles, event recaps and stories.

Use the Intruder Image (900x600px) to offer relevant visuals to the user between blocks of text. This image spans the full width of the main column and includes a caption.

Use the Video Embed to showcase a supporting video on a page. This component includes an in-line video player (meaning the video will play without launching a lightbox modal), a caption, and a link to a video transcript if one is available.

The Slideshow houses a series of photos (900x600px), each with a unique caption. It’s useful for showing campus photos, facilities and event recaps. With left and right arrows and a progress indicator, site visitors can browse images without needing to scroll down the page.

The Resource Panel supports a headline, optional paragraph text and a component-level link. Use it to display large lists of links that you want to break up into groups. Each group has its own heading while each link includes a place for description text and is displayed as a grey box.

The Social Embed component adds a Twitter feed, Facebook timeline or Instagram profile to the body of a page. It offers flexibility to include a heading, brief paragraph text, and optional call to action link. Only use one on a page.

The Accordion presents related topics in a condensed format. Examples include FAQs, biographical information and step-by-step processes. Each accordion consists of a heading and supporting content once expanded. Keep the copy within a single accordion as succinct as possible, generally limited to one or two paragraphs. If you find accordions contain multiple paragraphs of information, the content should be trimmed down, or it may warrant a dedicated page.

The Table organizes sets of data in an easily digestible format. It consists of columns and column headings, rows and row headings, and fields for corresponding data.

Use Tabs to present related content in a condensed format. This component consists of a set of navigable tabs across the top and supporting content per tab. [Each tab has a heading and supports text and links within each tab.] With a small area for tab headings, this component works well for succinct and uniform sets of information, such as steps (Step 1, Step 2…) or timelines (Week 1, Week 2…). To ensure each tab label is readable, use a maximum of four tabs.

The News Feed component incorporates relevant news headlines on a page. Each card features an image (900x600px), category tags and a linked headline. The news items may be curated or be added through a feed. To find a feed URL, view our available tags page.

The Events Feed component incorporates relevant upcoming events on a page. Each card features the event date, a linked headline, event time and location. The event items may be curated or be added through a feed.

The Sidebar Feature previews a story, program, profile, activity or initiative that supports the page content. It includes a linked headline, paragraph text and image (900x600px).

The Contact Card highlights a main point of contact, be it an individual or department/office. The card consists of a photo (900x600px), heading, supporting open-ended text and fields for email, phone and fax details.

The Social Embed component adds a Twitter feed, Facebook timeline or Instagram profile to the sidebar of a page. Only use one on a page.