The banner is a great way to add visual impact, tone, and hierarchy to a page.
You can use it as an image alone (with no text overlay), as we have done on some pages of engineering.stanford.edu, or you can use it to introduce the page topics, highlight any important events or news that might have occurred, or to make an important statement about the page.
A Banner is made up of three parts (all text content is optional):
- Super Headline
- Button Link
The Body Text Area contains limited editing options with minimal HTML. The limited editing options include the following:
- Styles dropdown
The Styles dropdown becomes available when adding links, giving you the option to apply different button styles. If additional editing and styling is needed, we suggest using a Text Area paragraph to present the information.
There are two types of banners available:
- Top Banner
- Paragraph Banner
The Top Banner appears immediately below the main menu navigation and spans across the full width of the page while the Paragraph Banner appears within the page content and spans the width of the page body.
Here are some examples of Top Banners on a page:
Here are some examples of Paragraph Banners: