diff --git a/_docs/09-layouts.md b/_docs/09-layouts.md
new file mode 100644
index 00000000..b357d5e9
--- /dev/null
+++ b/_docs/09-layouts.md
@@ -0,0 +1,34 @@
+---
+title: "Layouts"
+permalink: /docs/layouts/
+excerpt:
+sidebar:
+  title: "v3.0"
+  nav: docs
+---
+
+{% include base_path %}
+
+## Single
+
+![single layout example]({{ base_path }}/images/mm-layout-single.png)
+
+![single layout with header example]({{ base_path }}/images/mm-layout-single-header.png)
+
+![single layout with comments and related posts]({{ base_path }}/images/mm-layout-single-meta.png)
+
+## Archive
+
+![archive layout example]({{ base_path }}/images/mm-layout-archive.png)
+
+### Taxonomy Archive
+
+![archive taxonomy layout example]({{ base_path }}/images/mm-layout-archive-taxonomy.png)
+
+## Splash Page
+
+![splash page layout example]({{ base_path }}/images/mm-layout-splash.png)
+
+## Default
+
+## Compress
\ No newline at end of file
diff --git a/images/mm-layout-archive-taxonomy.png b/images/mm-layout-archive-taxonomy.png
new file mode 100644
index 00000000..121f16b7
Binary files /dev/null and b/images/mm-layout-archive-taxonomy.png differ
diff --git a/images/mm-layout-archive.png b/images/mm-layout-archive.png
new file mode 100644
index 00000000..bd29fa23
Binary files /dev/null and b/images/mm-layout-archive.png differ
diff --git a/images/mm-layout-single-header.png b/images/mm-layout-single-header.png
new file mode 100644
index 00000000..ecce9a12
Binary files /dev/null and b/images/mm-layout-single-header.png differ
diff --git a/images/mm-layout-single-meta.png b/images/mm-layout-single-meta.png
new file mode 100644
index 00000000..ef626e3d
Binary files /dev/null and b/images/mm-layout-single-meta.png differ
diff --git a/images/mm-layout-single.png b/images/mm-layout-single.png
new file mode 100644
index 00000000..1a95376d
Binary files /dev/null and b/images/mm-layout-single.png differ
diff --git a/images/mm-layout-splash.png b/images/mm-layout-splash.png
new file mode 100644
index 00000000..4f0c3b36
Binary files /dev/null and b/images/mm-layout-splash.png differ