diff --git a/packages/docs/public/copy/carbon-copy.png b/packages/docs/public/copy/carbon-copy.png
new file mode 100644
index 00000000..69d7fdbf
Binary files /dev/null and b/packages/docs/public/copy/carbon-copy.png differ
diff --git a/packages/docs/public/toasts-vs-notifications/notification-banner-toast-thumbnails.png b/packages/docs/public/toasts-vs-notifications/notification-banner-toast-thumbnails.png
new file mode 100644
index 00000000..a466d1aa
Binary files /dev/null and b/packages/docs/public/toasts-vs-notifications/notification-banner-toast-thumbnails.png differ
diff --git a/packages/docs/public/toasts-vs-notifications/toasts-vs-notifications-flowchart.jpg b/packages/docs/public/toasts-vs-notifications/toasts-vs-notifications-flowchart.jpg
new file mode 100644
index 00000000..ecb04d86
Binary files /dev/null and b/packages/docs/public/toasts-vs-notifications/toasts-vs-notifications-flowchart.jpg differ
diff --git a/packages/docs/src/pages/patterns/links.mdx b/packages/docs/src/pages/patterns/links.mdx
new file mode 100644
index 00000000..efd84213
--- /dev/null
+++ b/packages/docs/src/pages/patterns/links.mdx
@@ -0,0 +1,4 @@
+---
+layout: ../../layouts/DocsLayout.astro
+title: Links
+---
diff --git a/packages/docs/src/pages/patterns/toasts-vs-notifications.mdx b/packages/docs/src/pages/patterns/toasts-vs-notifications.mdx
new file mode 100644
index 00000000..88c9f2e1
--- /dev/null
+++ b/packages/docs/src/pages/patterns/toasts-vs-notifications.mdx
@@ -0,0 +1,16 @@
+---
+layout: ../../layouts/DocsLayout.astro
+title: Toasts vs Notifications
+---
+# Should I use Notification, Banner, or Toast?
+
+![Untitled](/toasts-vs-notifications/toasts-vs-notifications-flowchart.jpg)
+
+| Component   | Description | Usage | Examples |
+| -------- | ------- | -------- | ------- |
+| Notification  | Appears in the top right corner. <br/><br/> Grabs the users attention and may disrupt their current workflow. | Use for critical events, especially ones that require user action, or when the message cannot be made concise. |<ul><li>System error</li><li>information about payment</li></ul> |
+| Banner (Inline) | Fixed inline with page content. <br/><br/> Grabs the user’s attention and does not disappear until action is taken. | Use to communicate information that directly pertains to page content. | <ul><li>Payment info required</li><li>Warning or info messages about certain resource types</li><li>Complex form errors (beyond a single input)</li></ul>  |
+| Toast | Appears temporarily in the bottom center. <br/><br/> Provide system feedback without interrupting the user’s workflow. | Use for non-critical system feedback. | <ul><li>Created a new resource</li><li>Copied something to the clipboard </li><li>Saved changes</li><li>Deleted a (non-critical) resource</li></ul>  |
+
+
+![Untitled](/toasts-vs-notifications/notification-banner-toast-thumbnails.png)
\ No newline at end of file