diff --git a/packages/stacks-docs/src/structure.yaml b/packages/stacks-docs/src/structure.yaml
index 1124eeeb77..3dd553d43b 100644
--- a/packages/stacks-docs/src/structure.yaml
+++ b/packages/stacks-docs/src/structure.yaml
@@ -65,7 +65,7 @@ navigation:
items:
- title: "Develop"
slug: "develop"
- image: "/images/heros/product.svg"
+ image: "/images/heros/develop.svg"
items:
- title: "Using Stacks"
slug: "using-stacks"
@@ -81,7 +81,7 @@ navigation:
- title: "Accessibility"
slug: "accessibility"
- image: "/images/heros/product.svg"
+ image: "/images/heros/accessibility.svg"
items:
- title: Best practices
slug: intro
@@ -91,7 +91,7 @@ navigation:
- title: "Foundation"
slug: "foundation"
- image: "/images/heros/product.svg"
+ image: "/images/heros/foundation.svg"
items:
- title: "Color fundamentals"
slug: "color-fundamentals"
@@ -107,7 +107,7 @@ navigation:
- title: "Base"
slug: "base"
- image: "/images/heros/product.svg"
+ image: "/images/heros/base.svg"
items:
- title: "Backgrounds"
slug: "backgrounds"
@@ -195,7 +195,7 @@ navigation:
- title: "Forms"
slug: "forms"
- image: "/images/heros/product.svg"
+ image: "/images/heros/forms.svg"
items:
- title: "Checkbox"
slug: "checkbox"
@@ -217,7 +217,7 @@ navigation:
- title: "Components"
slug: "components"
- image: "/images/heros/product.svg"
+ image: "/images/heros/components.svg"
items:
- title: "Activity indicator"
slug: "activity-indicator"
diff --git a/packages/stacks-docs/static/images/heros/accessibility.svg b/packages/stacks-docs/static/images/heros/accessibility.svg
new file mode 100644
index 0000000000..3f570fd7e5
--- /dev/null
+++ b/packages/stacks-docs/static/images/heros/accessibility.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/stacks-docs/static/images/heros/base.svg b/packages/stacks-docs/static/images/heros/base.svg
new file mode 100644
index 0000000000..8ac59fa657
--- /dev/null
+++ b/packages/stacks-docs/static/images/heros/base.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/stacks-docs/static/images/heros/components.svg b/packages/stacks-docs/static/images/heros/components.svg
new file mode 100644
index 0000000000..ad73c20cae
--- /dev/null
+++ b/packages/stacks-docs/static/images/heros/components.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/stacks-docs/static/images/heros/develop.svg b/packages/stacks-docs/static/images/heros/develop.svg
new file mode 100644
index 0000000000..792f5a948f
--- /dev/null
+++ b/packages/stacks-docs/static/images/heros/develop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/stacks-docs/static/images/heros/forms.svg b/packages/stacks-docs/static/images/heros/forms.svg
new file mode 100644
index 0000000000..d96ceb032a
--- /dev/null
+++ b/packages/stacks-docs/static/images/heros/forms.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/stacks-docs/static/images/heros/foundation.svg b/packages/stacks-docs/static/images/heros/foundation.svg
new file mode 100644
index 0000000000..9a8cc7db0f
--- /dev/null
+++ b/packages/stacks-docs/static/images/heros/foundation.svg
@@ -0,0 +1 @@
+
\ No newline at end of file