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