Skip to main content

Links

Links within paragraphs

By default, links contained within a paragraph <p> tag will be blue in color and underlined.

  • Visited links will appear purple and underlined
  • Override the default appearance of links contained in paragraphs only if necessary
  • Links not contained within a paragraph should follow the individual component/pattern styling as defined
    • In general, links contained within interface components will not be underlined
Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque porttitor ex vestibulum, iaculis metus a, suscipit leo. Nullam ut rutrum nibh, vitae congue nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis suscipit turpis ut tincidunt dapibus. Etiam id tristique nisi. Mauris non maximus ex, lacinia bibendum purus. Proin sit amet mi ac massa tempus aliquet. In pellentesque facilisis odio nec ultricies. Quisque metus magna, aliquam a sollicitudin at, mollis id massa.

Where necessary, add the “icon-external-linklaunch icon to inform users that the link they are visiting is an external website.

Example

Lorem ipsum dolor sit amet. Quisque porttitor ex vestibulum , consectetur adipiscing elit.