---
title: Heroes
date: 2023-12-17T12:29:00-08:00
author: Josh Magness
canonical_url: "https://designsystem.umd.edu/components/heroes"
section: Components
---
# Heroes

Heroes set the stage for a page, right at the top. They contain images, videos, and messaging that help users understand what content to expect on the page and if it will be relevant to them. Choose a hero based on the page type, level, and content. 
Heroes set the stage for a page, right at the top. They contain images, videos, and messaging that help users understand what content to expect on the page and if it will be relevant to them. Choose a hero based on the page type, level, and content.