Skip to main content

Call to action

Add a link with extra visual emphasis

Overview #

Use the call to action component to add a link with extra visual emphasis to your page.

Calls to action are often used at the end of content sections to direct visitors to your site’s most interesting or actionable pages.

Examples #


<a href="#" class="rvt-cta">Learn more about IU</a>
<a href="#" class="rvt-cta rvt-cta--button">Learn more about IU</a>

Elements #

Element Description Usage Required Multiple
Text Text that appears in the call to action link Limit to a few words. Use active phrasing, such as Visit our campus.

Text is required

Component may contain only one Text

Usage #

Do

  • Use sparingly to emphasize links to your site's most interesting or actionable content
  • Use the button variant only once per page to emphasize the most important call to action

Don't

  • Use for every link on a page
  • Place inside running paragraph text