Skip to Content

Communications and Public Affairs

Highlight Box

The highlight box is a great way to call attention to content in the main region of your page.

  • Using Highlight Boxes

    The highlight box sets off text within your page using a gray box. It can include subheads, text and line links. These boxes should have one topic and only use one box per page. Keep in mind that, when these highlight boxes are used at the top of the page, the highlight box becomes the most dominate element on the page. 

    Because this is such a dominant element, avoid using it for long paragraphs, and try to keep it to four or five lines. The highlight box is great for content toward the bottom of the page, when things have the possibility of getting lost in the rest of the text. Keep in mind that each highlight box will need to begin with a heading 3 to follow the university's  guidelines for accessible heading hierarchy on the Digital Accessibility site.

  • Example of highlight box on sample page design




web standard

Not for Navigation

The highlight box is meant for calling out important information, not to become a secondary navigation within the page. Avoid using it for anchor tags to navigate within the page. 

web pro tip

Removing a Highlight Box

When you need to remove a highlight box, select all the text in the box, click the clear formatting button in the editor toolbar. That will delete the box and leave you with just the text, then you can delete the text. 


Challenge the conventional. Create the exceptional. No Limits.