diff --git a/public/docs/ImageGuide.pdf b/public/docs/ImageGuide.pdf
new file mode 100644
index 0000000000..21280dce88
Binary files /dev/null and b/public/docs/ImageGuide.pdf differ
diff --git a/public/docs/_includes/styleguide/_images.jade b/public/docs/_includes/styleguide/_images.jade
new file mode 100644
index 0000000000..9643229235
--- /dev/null
+++ b/public/docs/_includes/styleguide/_images.jade
@@ -0,0 +1,10 @@
+#sg-images.showcase.shadow-1
+  header.showcase-header
+    h2 Images
+    p.
+      To maintain visual consistency across documentation chapters, please follow the best
+      practices for authors outlined in the <a href="/docs/ImageGuide.pdf" target="_blank">Image
+      Guide</a>.
+    p.
+     The browser background template used for outlining screenshots is <a
+     href="/resources/images/backgrounds/browser-background-template.png" target="_blank">here</a>.
diff --git a/public/docs/_includes/styleguide/_styleguide.jade b/public/docs/_includes/styleguide/_styleguide.jade
index b4db92940a..a59f700c7e 100644
--- a/public/docs/_includes/styleguide/_styleguide.jade
+++ b/public/docs/_includes/styleguide/_styleguide.jade
@@ -6,5 +6,6 @@
     != partial("_callouts")
     != partial("_tables")
     != partial("_aside")
+    != partial("_images")
 
 //!= partial("_jump-nav")
diff --git a/public/resources/images/backgrounds/browser-background-template.png b/public/resources/images/backgrounds/browser-background-template.png
new file mode 100644
index 0000000000..1c93263af9
Binary files /dev/null and b/public/resources/images/backgrounds/browser-background-template.png differ