Component overview
The promo banner component is used to promote a part of the website, recognition, or program. The component consists of a badge image, a title, and a link.
- Promo Banners are designed to promote parts of the website: Promo Banners may be used to highlight a part of the website, a program, or recognition. Promo Banners should remain simple and include minimal text.
- Promo Banners have various components: The main components of Promo Banners that users can implement include a title, badge image, and a link option.
- Be mindful of text wrapping: Both the title and link components have text-wrapping capabilities to include at least two lines of text. Keep in mind how this text will look on different screen sizes.
- You can include a badge image: The image must be 75px x 75px.
- You must include alt text for the badge image: Because there is an option to include a badge image on the Promo Banner, you must include approved alt-text for the image.
PROMO BANNER: UNIT NAME - Purpose
- Example: PROMO BANNER: DEGREES - Undergraduate minors
Example Small Banner components
Example #1
Small Banner, standard blue background
Example #2
Small Banner, gray background w/ image badge
Example #3
Small Banner, white background with image badge