1. Home
  2. Design System
  3. Components
  4. Explore Section

Explore Section

An explore section briefly describes the website's main sections.

Where it goes: Home page and section landing pages

Required or optional: Required

Don’t use: Utility sections like About Us

Fields

Name of Field Required/Optional Case Number (min/max) Characters

Heading (“Explore”)

Required

 Title case

1

  

Resource

Required

  

4

  

Resource - Title

Required

Title case

1

  

Resource - Description

Required

Sentence case

1

 Maximum 75

Example

Wide screen

An Explore Section component with the heading Explore, two columns of text with two items in each column. Each item has a heading and a short blurb of text. For the wide screen, there is empty space to the left and right of the component content.

Medium screen

An Explore Section component, the same as in the wide screen example but without the empty space to the left and right.

Narrow screen

An Explore Section component with the heading Explore, one column of text with four items in the column. Each item has a heading and a short blurb of text.

Live example

An example of the Explore Section component on a web page, with content before and after it.
Date Last Reviewed: