Banners are a great way to introduce your content. Use a text, image, video, text overlay, or text and image banner to set the tone for the page and begin an immersive experience.
Is your site missing all the banner options? Learn how to update your site in the changelog, or view archived banner information.
Text banners feature a solid-colored background with text taking center stage. Use this banner type to create context for the content on your page. Text banners can include a title, subtitle, and call to action.
Image banners can add visual interest to your page and set the stage for the story you want to tell.
Give your banner image context using the Text Overlay banner.
This style of banner pairs a full-width banner image with text positioned on the right or left side. A call to action (CTA) button may be added.
Begin your story with an image and content with this type of banner.
Include a picture or graphic and accompanying text—each gets half of the banner space. You can also add a CTA.
Video banners can add an element of surprise to your content and provide your users with a more immersive experience. When including video banners, make sure you have both an MP4 and WebM file to include, and a fallback image that can be substituted on mobile and in situations where video won't work.
Video banners will automatically mute all audio.
Video banners should be less than 2 MB in size. To meet this size requirement, your video should:
If you’re having difficulty, try:
To meet accessibility standards, you must include a written transcript for your video. You can learn more about transcripts and other accessibility requirements on the IU Accessibility website.
