diff --git a/docs/_includes/helpers/base-component.html b/docs/_includes/helpers/base-component.html
index 06d70517..994f451d 100644
--- a/docs/_includes/helpers/base-component.html
+++ b/docs/_includes/helpers/base-component.html
@@ -2,10 +2,6 @@
{% assign uswds_url = include.component | append: '/' | prepend: 'https://designsystem.digital.gov/components/' %}
{% assign sass_url = stylesheet | append: '.scss' | prepend: 'https://github.com/18F/identity-style-guide/blob/main/src/scss/components/_' %}
-
- View USWDS component
-
+[View USWDS component]({{ uswds_url }}){: .usa-link--external}
-
- View Login.gov SCSS on GitHub
-
+[View Login.gov SCSS on GitHub]({{ sass_url }}){: .usa-link--external}
diff --git a/docs/_plugins/content_typography.rb b/docs/_plugins/content_typography.rb
new file mode 100644
index 00000000..971d766d
--- /dev/null
+++ b/docs/_plugins/content_typography.rb
@@ -0,0 +1,12 @@
+module Kramdown
+ module Parser
+ class Kramdown
+ prepend(Module.new do
+ def add_link(el, *args)
+ el.attr['class'] = [*el.attr['class'], 'usa-link'].join(' ') if el.type == :a
+ super(el, *args)
+ end
+ end)
+ end
+ end
+end
diff --git a/docs/_utilities/color.md b/docs/_utilities/color.md
index 33796fdd..d2400a81 100644
--- a/docs/_utilities/color.md
+++ b/docs/_utilities/color.md
@@ -12,7 +12,7 @@ The color codes listed beneath each name indicate what names can be used with th
This element has classes bg-primary-lighter
and text-primary-dark
.
-Read more about the U.S. Web Design System’s color utility classes.
+Read more about [the U.S. Web Design System’s color utility classes](https://designsystem.digital.gov/utilities/color/).
## Featured palette