diff --git a/packages/freesewing.shared/components/page-link.js b/packages/freesewing.shared/components/page-link.js
new file mode 100644
index 00000000000..405430a9c87
--- /dev/null
+++ b/packages/freesewing.shared/components/page-link.js
@@ -0,0 +1,13 @@
+import Link from 'next/link'
+
+const PageLink = ({ href, txt }) => (
+  <Link href={href}>
+    <a className={`
+      text-lg font-bold text-secondary
+      hover:text-secondary-focus hover:underline`}
+    title={txt}>{txt}</a>
+  </Link>
+)
+
+export default PageLink
+
diff --git a/packages/freesewing.shared/components/web-link.js b/packages/freesewing.shared/components/web-link.js
new file mode 100644
index 00000000000..1c7caf6c72d
--- /dev/null
+++ b/packages/freesewing.shared/components/web-link.js
@@ -0,0 +1,9 @@
+const WebLink = ({ href, txt }) => (
+  <a href={href} className={`
+    text-lg font-bold text-secondary
+    hover:text-secondary-focus hover:underline`}
+  title={txt}>{txt}</a>
+)
+
+export default WebLink
+