diff --git a/docs/public/img/banner-carbon.png b/docs/public/img/banner-carbon.png
new file mode 100644
index 000000000..efd24facb
Binary files /dev/null and b/docs/public/img/banner-carbon.png differ
diff --git a/shared/includes/docs/pagination.html b/shared/includes/docs/pagination.html
new file mode 100644
index 000000000..1d89678c6
--- /dev/null
+++ b/shared/includes/docs/pagination.html
@@ -0,0 +1,46 @@
+{% assign children = collections.docs | collection-children: page %}
+{% if children.size > 0 %}
+
+
+ {% for c in children %}
+ {% include "docs/docs-card.html" href=c.url title=c.data.title description=c.data.description icon=c.data.icon %}
+ {% endfor %}
+
+
+{% else %}
+{% assign next-prev = collections.docs | next-prev: page %}
+
+
+
+{% endif %}
\ No newline at end of file
diff --git a/shared/includes/docs/toc.html b/shared/includes/docs/toc.html
new file mode 100644
index 000000000..3113fc80b
--- /dev/null
+++ b/shared/includes/docs/toc.html
@@ -0,0 +1,21 @@
+{% assign toc = content | toc %}
+{% if toc.size > 0 %}
+
+ Table of Contents
+
+
+{% endif %}
+
+
+
+

+
+
{{ illustrations | size }} sleek illustrations for your startup's visual identity.
+
+
\ No newline at end of file
diff --git a/shared/layouts/docs/default.html b/shared/layouts/docs/default.html
index dadba05c6..514a49dce 100644
--- a/shared/layouts/docs/default.html
+++ b/shared/layouts/docs/default.html
@@ -107,52 +107,7 @@
{{ content | headings-id }}
- {% assign children = collections.docs | collection-children: page %}
- {% if children.size > 0 %}
-
-
- {% for c in children %}
- {% include "docs/docs-card.html" href=c.url title=c.data.title description=c.data.description icon=c.data.icon %}
- {% endfor %}
-
-
- {% else %}
- {% assign next-prev = collections.docs | next-prev: page %}
-
-
-
- {% endif %}
+ {% include "docs/pagination.html" %}
@@ -187,19 +142,7 @@
- {% assign toc = content | toc %}
- {% if toc.size > 0 %}
-
- Table of Contents
-
-
- {% endif %}
+ {% include "docs/toc.html" %}