diff --git a/.changeset/quick-pears-fix.md b/.changeset/quick-pears-fix.md
new file mode 100644
index 000000000..313050d98
--- /dev/null
+++ b/.changeset/quick-pears-fix.md
@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': minor
+---
+
+Add default avatar asset
diff --git a/src/assets/illustrations/avatar-default.svg b/src/assets/illustrations/avatar-default.svg
new file mode 100644
index 000000000..5a6ccd448
--- /dev/null
+++ b/src/assets/illustrations/avatar-default.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <rect width="100" height="100" fill="#c0cfd8" />
+  <path
+    d="M25.34,69.08a12.84,12.84,0,0,1,0-25.68,13,13,0,0,1,4.25.71A20.64,20.64,0,0,1,67.35,37.6a16,16,0,1,1,4.49,31.48H25.34ZM23.46,38.75a4.22,4.22,0,1,0-4.22-4.22A4.22,4.22,0,0,0,23.46,38.75ZM39,56.07c2.35,0,3.13-2.09,3.13-4.68S41.39,46.7,39,46.7s-3.12,2.1-3.12,4.69S36.7,56.07,39,56.07Zm21.07,0c2.35,0,3.13-2.09,3.13-4.68s-.78-4.69-3.13-4.69S57,48.8,57,51.39,57.77,56.07,60.11,56.07Z"
+    fill="#fff" />
+</svg>
diff --git a/src/design/brand.stories.mdx b/src/design/brand.stories.mdx
index 247d72334..1603267be 100644
--- a/src/design/brand.stories.mdx
+++ b/src/design/brand.stories.mdx
@@ -1,16 +1,14 @@
 import { Story, Canvas, Meta } from '@storybook/addon-docs/blocks';
-// Importing a `.svg` directly, results in a failed build and importing
-// the `.svg.twig` file causes linting errors (since they are not tracked).
-// Therefore, we must track a twig file to satisfy CI.
-import brandLogo from './demo/logo.twig';
+import logoSrc from '../assets/brand/logo.svg';
 
 <Meta title="Design/Brand" />
 
-# Logo
+# Brand
 
-Cloud Four logo in SVG format. The logo fill color can be modified via the CSS
-`color` property.
+These elements are used to signify Cloud Four projects.
+
+## Logo
 
 <Canvas>
-  <Story name="Logo">{brandLogo}</Story>
+  <Story name="Logo">{`<img src="${logoSrc}" alt="Cloud Four">`}</Story>
 </Canvas>
diff --git a/src/design/demo/fallback_images.twig b/src/design/demo/fallback-feature-images.twig
similarity index 90%
rename from src/design/demo/fallback_images.twig
rename to src/design/demo/fallback-feature-images.twig
index 6106a5393..b8dfcea1c 100644
--- a/src/design/demo/fallback_images.twig
+++ b/src/design/demo/fallback-feature-images.twig
@@ -1,5 +1,6 @@
-
-{% embed '@cloudfour/objects/deck/deck.twig' %}
+{% embed '@cloudfour/objects/deck/deck.twig' with {
+  class: 'o-deck--2-column@l'
+} %}
   {% block content %}
     <figure>
       {% include '@cloudfour/assets/illustrations/fallback/fallback_paintbrush.svg.twig' %}
diff --git a/src/design/demo/logo.twig b/src/design/demo/logo.twig
deleted file mode 100644
index 4d8df22cb..000000000
--- a/src/design/demo/logo.twig
+++ /dev/null
@@ -1 +0,0 @@
-{% include '@cloudfour/assets/brand/logo.svg.twig' %}
diff --git a/src/design/fallback-images/fallback-images.stories.mdx b/src/design/illustrations.stories.mdx
similarity index 65%
rename from src/design/fallback-images/fallback-images.stories.mdx
rename to src/design/illustrations.stories.mdx
index a807cc25a..419f9cb76 100644
--- a/src/design/fallback-images/fallback-images.stories.mdx
+++ b/src/design/illustrations.stories.mdx
@@ -1,12 +1,12 @@
 import { Story, Canvas, Meta } from '@storybook/addon-docs/blocks';
-// Importing a `.svg` directly, results in a failed build and importing
-// the `.svg.twig` file causes linting errors (since they are not tracked).
-// Therefore, we must track a twig file to satisfy CI.
-import fallbackImage from '../demo/fallback_images.twig';
+import fallbackFeatureImages from './demo/fallback-feature-images.twig';
+import avatarDefaultSrc from '../assets/illustrations/avatar-default.svg';
 
-<Meta title="Design/Fallback Images" />
+<Meta title="Design/Illustrations" />
 
-# Fallback Images
+# Illustrations
+
+## Fallback feature images
 
 Article summaries appear more interesting and cohesive when they have an image, but sometimes an article does not have an obvious image, and not every author is an illustrator. These fallback images can be used in place of an original illustration.
 
@@ -17,7 +17,13 @@ This design also leaves room to add more categories if desired. Ideally, the ico
 The captions below each fallback image aren't set in stone, more so just ideas that these designs could be used for.
 
 <Canvas>
-  <Story name="Fallback Images" args={{ class: 'o-deck--2-column@l' }}>
-    {fallbackImage}
-  </Story>
+  <Story name="Feature images">{() => fallbackFeatureImages()}</Story>
+</Canvas>
+
+## Default avatar
+
+This asset may be used in place of a specific user avatar. To differentiate multiple fallback avatars, consider swapping its fill colors for [others in our palette](/docs/design-colors--page).
+
+<Canvas>
+  <Story name="Default avatar">{`<img src="${avatarDefaultSrc}" alt="Default avatar">`}</Story>
 </Canvas>