Chevron Links

Chevron links provide a link style option that has a greater visual presence, but does not demand the visual weight or function of a button. The chevron is located after the text to indicate a forward progress or deeper discovery for the user. The reverse chevron option is to indicate a backward progress or return to a previous screen for the user.

The default style is not underlined and has an interactive effect on the icon. There are cases where an underline option is required to further deliniate the link from surrounding text. Make sure color is not the only indicator of a link, it must also have an underline or interaction option. The static option is utilized in conjuction with other components, i.e. a chevron link within a button.

Chevron links work best in a block separate from surrounding text or when there are many links on a single page.