diff --git a/_layouts/index-page.html b/_layouts/index-page.html
new file mode 100644
index 0000000..d6e5a32
--- /dev/null
+++ b/_layouts/index-page.html
@@ -0,0 +1,17 @@
+{% include html-head.html %}
+
+  <p id="demo-nav"><a href="../index.html">{{ site.name }}</a></p>
+  
+  <h1>{{ page.title }}</h1>
+  
+  <ul id="index-list">
+    {% for post in site.categories[page.category] reversed %}
+      {% if post.layout != 'index-page' %}
+        <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+      {% endif %}
+    {% endfor %}
+  </ul>
+  
+  {% include footer.html %}
+  
+{% include html-foot.html %}
\ No newline at end of file
diff --git a/_posts/demos/2010-01-01-index.yml b/_posts/demos/2010-01-01-index.yml
new file mode 100644
index 0000000..cd6b18e
--- /dev/null
+++ b/_posts/demos/2010-01-01-index.yml
@@ -0,0 +1,7 @@
+---
+title: Demos
+layout: index-page
+category: demos
+body_class: doc
+---
+
diff --git a/_posts/docs/2010-01-01-index.yml b/_posts/docs/2010-01-01-index.yml
new file mode 100644
index 0000000..09fdca6
--- /dev/null
+++ b/_posts/docs/2010-01-01-index.yml
@@ -0,0 +1,5 @@
+---
+title: Docs
+layout: index-page
+category: docs
+---
diff --git a/_posts/tests/2010-01-01-index.yml b/_posts/tests/2010-01-01-index.yml
new file mode 100644
index 0000000..6a965a0
--- /dev/null
+++ b/_posts/tests/2010-01-01-index.yml
@@ -0,0 +1,6 @@
+---
+title: Tests
+layout: index-page
+category: tests
+body_class: doc
+---
diff --git a/index.html b/index.html
index 6f57e89..7232267 100644
--- a/index.html
+++ b/index.html
@@ -56,10 +56,14 @@ layout: nil
     <li class="feature" data-category="feature" data-related="methods"><span>Powerful methods, simple syntax</span></li>
     <li class="feature" data-category="feature" data-related="animating"><span>Progressively enhanced for CSS3 transforms &amp; transitions</span></li>
     {% for doc in site.categories.docs reversed %}
-      <li class="doc" data-category="doc" data-related="{{ doc.related }}"><a href=".{{ doc.url }}">Docs: {{ doc.title }}</a></li>
+      {% if doc.layout != 'index-page' %}
+        <li class="doc" data-category="doc" data-related="{{ doc.related }}"><a href=".{{ doc.url }}">Docs: {{ doc.title }}</a></li>
+      {% endif %}
     {% endfor %}
     {% for demo in site.categories.demos reversed %}
-      <li class="demo" data-category="demo" data-related="{{ demo.related }}"><a href=".{{ demo.url }}">Demo: {{ demo.title }}</a></li>
+      {% if demo.layout != 'index-page' %}
+        <li class="demo" data-category="demo" data-related="{{ demo.related }}"><a href=".{{ demo.url }}">Demo: {{ demo.title }}</a></li>
+      {% endif %}
     {% endfor %}
     <li class="link" data-related="z-etc"><a href="jquery.isotope.min.js">Download jquery.isotope.min.js</a></li>
     <li class="link" data-related="z-etc"><a href="http://meta.metafizzy.co/files/isotope-site.zip">Download this project</a></li>