Skip to main content

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

Search

Overview

Large callout with a search box.

When to Use

Use when you want to help the user find important information on your site e.g. programs, clubs, etc.

Content Guidelines

Component
ContentDescriptionMax Chars.
LabelA label for a category e.g. “Academics.”20
Heading*Short copy that grabs the user’s attention.56
Subheading*Short copy that expands on the heading.100
Search Box*A box for the user to enter their search term.N/A
PostscriptAdditional info e.g. to direct the user to resources.100

*Required content.

Example 1 General Audience Default Tone Color Palette Option 6

Label

Heading

Subheading.

Here is some postscript text.