diff --git a/source/images/installation/home-assistant-yellow-exploded-and-labeled.png b/source/images/installation/home-assistant-yellow-exploded-and-labeled.png
new file mode 100644
index 00000000000..cb1bedf9fb4
Binary files /dev/null and b/source/images/installation/home-assistant-yellow-exploded-and-labeled.png differ
diff --git a/source/images/installation/yellow-docs.png b/source/images/installation/yellow-docs.png
new file mode 100644
index 00000000000..e2961fda408
Binary files /dev/null and b/source/images/installation/yellow-docs.png differ
diff --git a/source/images/installation/yellow-logo-square.png b/source/images/installation/yellow-logo-square.png
new file mode 100644
index 00000000000..97fa6907b42
Binary files /dev/null and b/source/images/installation/yellow-logo-square.png differ
diff --git a/source/images/installation/yellow-logo.png b/source/images/installation/yellow-logo.png
new file mode 100644
index 00000000000..9902a305f39
Binary files /dev/null and b/source/images/installation/yellow-logo.png differ
diff --git a/source/installation/index.html b/source/installation/index.html
index db9c715eb7e..4f6b53b64be 100644
--- a/source/installation/index.html
+++ b/source/installation/index.html
@@ -37,7 +37,23 @@ toc: true
 </div>
 
 <div class="installations">
-
+    <h2>Home Assistant Yellow</h2>
+    <a href="/installation/yellow" class="installations-card">
+        <div class="material-card text">
+            <div class="content-container">
+                <div>
+                    <img src="/images/installation/yellow-logo-square.png">
+                </div>
+                <div>
+                    <b>Home Assistant Yellow</b>
+                    <ul>
+                        <li>Home Assistant Operating System</li>
+                    </ul>
+                </div>
+            </div>
+            {% include assets/chevron_right.html %}
+        </div>
+    </a>
     <h2>Raspberry Pi</h2>
     <a href="/installation/raspberrypi" class="installations-card">
         <div class="material-card text">
diff --git a/source/installation/yellow.html b/source/installation/yellow.html
new file mode 100644
index 00000000000..e7884c7ec68
--- /dev/null
+++ b/source/installation/yellow.html
@@ -0,0 +1,47 @@
+---
+title: "Home Assistant Yellow"
+description: "Install Home Assistant on a Yellow"
+installation_type: yellow
+---
+{% comment %}
+Included sections for this page is located under source/_includes/installation
+{% endcomment %}
+
+{% assign board = "Yellow" %}
+<article class="page">
+    <div class="installations">
+        <div>
+            <div class="material-card text">
+                <div class="content-container">
+                    <div>
+                        <img src="/images/installation/yellow-logo.png" style="margin-bottom: 24px;">
+                    </div>
+                    <div>
+                        <p>Our take on Home Automation.</p>
+                        <p><img src="/images/installation/home-assistant-yellow-exploded-and-labeled.png"
+                                style="margin-bottom: 16px;"> </a>
+                        </p>
+                        <p>Don't have the hardware yet? </br>
+                            Visit the <a href="/yellow">Home Assistant Yellow product page</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div style="margin-top: 72px;">
+            <div>
+                <h1>Installation instructions</h1>
+            </div>
+            <div class="material-card text" style="margin-bottom: 72px;">
+                <div class="content-container">
+                    <div>
+                        <p>Already have the hardware?</p>
+                        <p>For installation instructions, check out the <a
+                                href="/yellow">Home Assistant Yellow documentation</a></p>
+                        <p><img src="/images/installation/yellow-docs.png" style="margin-bottom: 16px;"></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<div> </div>
\ No newline at end of file