Skip to main content

Looking for the old Design System website? View an archive of the Design System Version 2.

CTA Banner

Overview

A large banner with a headline and call-to-action buttons.

When to Use

Use when you want to call out an important action you want the user to take, or an action the user expects to find easily.

Content Guidelines

Component
ContentDescriptionMax Chars.
Heading*Short copy that grabs the user’s attention.56
SubheadingShort copy that expands on the heading.100
Background ImageOptional background image for the component.N/A
Call to Action(s)*Call-to-action buttons.25

*Required content.

Example 1 General Audience Default Tone Color Palette Option 1

Heading

Subheading goes here.

Call to Action Call to Action

Example 2 General Audience Default Tone Color Palette Option 4

Heading

Subheading goes here.

Call to Action Call to Action

Example 3 Academic / Traditional Audience Default Tone Color Palette Option 3

Heading

Subheading goes here.

Call to Action Call to Action

Example 4 Prospective Students Audience Loud Tone Color Palette Option 3

Heading

Subheading goes here.

Call to Action Call to Action

Example 5 General Audience Default Tone Color Palette Option 1

Heading

Subheading goes here.

Cal to Action

Example 6 General Audience Reserved Tone Color Palette Option 5

Heading

Subheading goes here.

Cal to Action