Skip to main content
Site Builder
Indiana University
Content Components

Billboard

Showcase key content, announcements, or calls to action

Included on:

Content Strategy

Photography best practices

Visit the IU Brand website for guidance on choosing effective images to pair with your page's text content.

Overview

The Billboard component highlights key content in a visually impactful way. Each billboard includes a title, teaser text, a supporting image, and one or more calls to action.

Billboards are best used for short, high-priority content that needs to stand out, such as announcements, promotions, or campaign messaging.

Common uses

  • Highlight a homepage or section landing page feature
  • Promote a program, service, or campaign
  • Spotlight a news item or upcoming event
  • Direct users to a priority action (e.g., Apply Now, Schedule a Visit)

Component example

  View in new window

Component fields

Element name Required Multiple
Heading level HTML heading level (H2, H3, etc.) for billboard titles. Ensures headings fit into the page structure.
Yes No
Alignment Layout alignment (text on left or right). Alternate alignment across multiple billboards for variety.
Yes No
Title Billboard title. Keep it short and action-oriented.
Yes No
Eyebrow Small label above the title (for example, category, department, or topic).
No No
Teaser Short text beneath the title. Limit to 1–2 sentences. Bold and italic formatting only; line breaks are not supported.
Yes No
Call to action link Group containing 1–2 call to action links.
Yes Yes
Call to action text Link text (1–3 words, verb–noun style, such as "Apply now").
Yes No
Call to action linked page or URL Destination Page or External Link.
Yes No
Image Optional. 720×720.
No No
Image alt text Optional. Required if an image is provided. Descriptive alternative text for accessibility.
Sometimes (see description) No

Accessibility

  • Use clear and concise headings
    Screen reader users depend on headings to understand content structure.
  • Choose correct heading levels
    Match the billboard’s heading level with the surrounding page hierarchy (usually H2).
  • Use clear link text
    Make sure calls to action describe their destination. Avoid vague text like Read more or Click here.

Do

  • Use to showcase key content, announcements, or actions
  • Write short, action-oriented titles and link labels
  • Choose high-quality images that match the text content
  • Alternate between left- and right-positioned images

Don't

  • Use this as a full content block—keep copy brief
  • Use too many billboards on a page, which can overwhelm users or diminish each billboard's impact
  • Stack multiple billboards to create a list or feed—use the card grid, list hub, or feed components instead

Related content

  • Choosing Components

  • Learn to Use Site Builder