diff --git a/sass/custom/_component_page.scss b/sass/custom/_component_page.scss
index 1b337c6d226..72c606c2c9b 100644
--- a/sass/custom/_component_page.scss
+++ b/sass/custom/_component_page.scss
@@ -103,9 +103,9 @@
     display: inline-block;
     background-color: #fefefe;
     margin: 4px;
-    border-radius: 2px;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
-      0 3px 1px -2px rgba(0, 0, 0, 0.2);
+    border-radius: 8px;
+    border: 1px solid rgba(0, 0, 0, .12);
+    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
     padding: 8px;
     text-align: center;
     text-decoration: none;
diff --git a/sass/custom/_details.scss b/sass/custom/_details.scss
index ae6b4ca754c..a6117b1246c 100644
--- a/sass/custom/_details.scss
+++ b/sass/custom/_details.scss
@@ -7,8 +7,9 @@ div.details-block {
     background-color: white;
     padding: 4px 16px;
     margin: 8px;
-    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
-    border-radius: 16px;
+    border: 1px solid rgba(0, 0, 0, .12);
+    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
+    border-radius: 8px;
 
     .details-block-title {
       font-weight: bold;
diff --git a/sass/custom/_features.scss b/sass/custom/_features.scss
index 9172a3fc473..f350f7245e3 100644
--- a/sass/custom/_features.scss
+++ b/sass/custom/_features.scss
@@ -30,12 +30,6 @@
     .card-content {
       padding-left: 24px;
 
-      .button {
-        font-size: small;
-        font-weight: 600;
-        text-decoration: none;
-      }
-
       p:last-of-type,
       ul {
         margin-bottom: 12px;
diff --git a/sass/custom/_getting_started.scss b/sass/custom/_getting_started.scss
index 9cab303af76..85a35ec3c51 100644
--- a/sass/custom/_getting_started.scss
+++ b/sass/custom/_getting_started.scss
@@ -1,150 +1,260 @@
 #getting_started {
-    .intro {
-        padding-bottom: 16px;
+  .intro {
+    padding-bottom: 16px;
+    font-size: 24px;
+  }
+
+  .installations {
+    .label {
+      background: #e8e6f0;
+      border-radius: 4px;
+      padding: 6px 8px !important;
+      margin-bottom: 16px;
+      text-transform: uppercase;
+      font-size: 16px;
+      font-weight: 500;
+      width: fit-content;
+
+      &.easiest {
+        color: #04b154;
+      }
+      &.easy {
+        color: #02b0ff;
+      }
+      &.intermediate {
+        color: #eb873f;
+      }
+      &.hard {
+        color: #ff5454;
+      }
+      &.expert {
+        color: #ff02b8;
+      }
     }
 
-    .installations {
+    h2 {
+      margin: 0;
+    }
 
-        h2 {
-            font-size: 0;
-            margin: 0;
+    .installations-card {
+      text-decoration: none !important;
+      color: black !important;
+      margin-bottom: 32px;
+
+      .material-card {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        margin: 8px 0;
+
+        h3 {
+          margin: 0;
+          margin-bottom: 4px;
         }
 
-        .installations-card {
-            text-decoration: none !important;
-            color: black !important;
+        .content-container {
+          display: flex;
+          width: 100%;
 
-            .material-card {
+          .image {
+            margin-right: 16px;
+
+            img {
+              width: 200px;
+              height: 200px;
+              aspect-ratio: 1 / 1;
+              max-height: 300px;
+              border-radius: 4px;
+              vertical-align: middle;
+              object-fit: cover;
+              border: 1px solid rgba(0, 0, 0, 0.12);
+            }
+          }
+
+          .icon {
+            margin-right: 16px;
+            height: 200px;
+            width: 200px;
+            padding: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 4px;
+            background-color: #c4c4c4;
+            > * {
+              border-radius: 0;
+              border: 0;
+              box-shadow: none;
+              width: 100%;
+              height: auto;
+            }
+          }
+
+          .content {
+            flex: 1;
+            padding: 8px 0;
+            p {
+              font-size: 0.8em;
+              margin: 0;
+            }
+            b {
+              font-size: 0.7em;
+            }
+
+            .columns {
+              display: flex;
+              width: 100%;
+              margin-top: 8px;
+              gap: 8px;
+
+              & > * {
+                flex-basis: min-content;
+                flex-grow: 1;
+              }
+            }
+
+            ul {
+              font-size: 0.7em;
+              margin: 0;
+
+              li {
+                margin-left: 17px;
+                margin-bottom: 0;
+              }
+            }
+            .buttons {
+              margin-top: 16px;
+              display: flex;
+              flex-direction: column;
+              align-items: flex-start;
+
+              .button {
                 display: flex;
-                flex-direction: row;
-                justify-content: space-between;
-                margin: 8px 0;
+                padding-right: 20px;
+                &:not(:first-child) {
+                  margin-top: 12px;
+                }
 
-                .content-container {
-                    display: flex;
-
-                    div:first-of-type {
-                        margin-right: 24px;
-
-                        img, svg {
-                            max-width: 170px;
-                            max-height: 170px;
-                            min-width: 170px;
-                            min-height: 170px;
-                            padding: 32px;
-                            border-radius: 3px;
-                            box-shadow: rgba(0,0,0,0.06) 0 0 10px;
-                            vertical-align: middle;
-                            border: 5px solid #fff;
-                        }
-                    }
-
-                    div:last-of-type {
-
-                        b {
-                            font-size: 28px;
-                        }
-
-                        p {
-                            font-size: 0.8em;
-                            margin: 0;
-                        }
-
-                        ul {
-                            font-size: 0.8em;
-                            margin-left: 24px;
-                            margin-top: 1rem;
-
-                            li {
-                                margin: 0;
-                            }
-                        }
-                    }
+                &.accent {
+                  background-color: #34b155;
                 }
                 svg {
-                    height: 42px;
-                    max-width: 42px;
-                    min-width: 42px;
-                    align-self: center;
+                  fill: white;
+                  height: 24px;
+                  min-width: 24px;
                 }
+              }
             }
+          }
         }
+      }
+    }
+  }
+
+  .compare-installations td,
+  .compare-installations th {
+    text-align: center;
+  }
+
+  .compare-installations {
+    background-color: #ffffff !important;
+    border-radius: 8px;
+    border: 1px solid rgba(0, 0, 0, 0.12);
+    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
+    margin-bottom: 1.5rem;
+
+    table {
+      margin-bottom: 0;
     }
 
-    .compare-installations td,.compare-installations th {
-        text-align: center;
+    td,
+    th {
+      text-align: center;
     }
-    
-    table.compare-installations {
-        background-color: #ffffff !important;
-        border-radius: 2px !important;
-        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
-            0 1px 5px 0 rgba(0,0,0,0.12), 
-            0 3px 1px -2px rgba(0,0,0,0.2) !important;
 
-        td, th {
-            text-align: center;
-        }
-    
-        tr {
-            td:first-of-type {
-                text-align: left;
-            }
-        }
-    
-        tr:nth-child(even) {
-            background-color: #fafafa;
-        }
+    tr {
+      td:first-of-type {
+        text-align: left;
+      }
     }
+
+    tr:nth-child(even) {
+      background-color: #fafafa;
+    }
+  }
 }
 
 .link-card {
-    text-decoration: none !important;
-    color: black !important;
-    div {
-        margin: 32px 0;
-        height: 64px;
-        display: flex;
-        justify-content: space-between;
-        svg {
-            height: 32px;
-            width: 32px;
-            max-width: 32px;
-        }
-        p {
-            margin: 0;
-            align-self: center;
-        }
+  text-decoration: none !important;
+  color: black !important;
+  div {
+    margin: 32px 0;
+    height: 64px;
+    display: flex;
+    justify-content: space-between;
+    svg {
+      height: 32px;
+      width: 32px;
+      max-width: 32px;
     }
+    p {
+      margin: 0;
+      align-self: center;
+    }
+  }
 }
 .next-step {
-    p {
-        text-transform: uppercase;
-    }
+  p {
+    text-transform: uppercase;
+  }
 }
 
-@media only screen and (max-width: $palm-end) {
-    #getting_started {
-        .installations {
-            .installations-card {
-                .material-card {
-                    .content-container {
-                        flex-flow: wrap;
-                        svg {
-                            display: block;
-                        }
-                        div:first-of-type {
-                            width: 100%;
-                            display: flex;
-                            justify-content: center;
-                            margin-bottom: 16px;
-                        }
-                    }
-                    svg {
-                        display: none;
-                    }
-                }
+@media only screen and (max-width: 650px) {
+  #getting_started {
+    .installations {
+      .installations-card {
+        .material-card {
+          .content-container {
+            flex-direction: column;
+            .image {
+              width: 100%;
+              display: flex;
+              justify-content: center;
+              margin-right: 0;
+              margin-bottom: 16px;
+
+              img {
+                width: 100%;
+                height: unset;
+              }
             }
+            .icon {
+              width: 100%;
+              height: 200px;
+              * {
+                height: 100%;
+                width: auto;
+              }
+            }
+          }
         }
+      }
     }
-}
\ No newline at end of file
+  }
+}
+
+@media only screen and (max-width: 500px) {
+  #getting_started {
+    .installations {
+      .installations-card {
+        .material-card {
+          .content-container {
+            .columns {
+              flex-direction: column;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/sass/custom/_landingpage.scss b/sass/custom/_landingpage.scss
index 27bf8a233e0..1d15ac7a700 100644
--- a/sass/custom/_landingpage.scss
+++ b/sass/custom/_landingpage.scss
@@ -46,7 +46,6 @@ $ha__primary_color: #03a9f4;
       svg {
         stroke: $ha__primary_color;
       }
-
     }
 
     .wide {
@@ -69,7 +68,6 @@ $ha__primary_color: #03a9f4;
     }
   }
 
-
   .bottom {
     position: absolute;
     bottom: 8px;
@@ -87,6 +85,8 @@ $ha__primary_color: #03a9f4;
   .button-row-with-icon {
     display: flex;
     justify-content: space-evenly;
+    flex-wrap: wrap;
+    gap: 16px;
 
     a {
       display: block;
@@ -101,7 +101,7 @@ $ha__primary_color: #03a9f4;
       align-items: center;
       padding: 32px;
       text-align: center;
-      background: #FFFFFF;
+      background: #ffffff;
       width: 242px;
       height: 176px;
       box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
@@ -131,13 +131,12 @@ $ha__primary_color: #03a9f4;
   }
 
   .section-content {
-    background-color: #FAFAFA;
+    background-color: #fafafa;
     width: 100%;
     display: grid;
     justify-items: center;
     padding: 64px;
 
-
     .title {
       font-size: 24px;
       line-height: 28px;
@@ -169,13 +168,16 @@ $ha__primary_color: #03a9f4;
       display: flex;
       flex-direction: row;
       width: 100%;
-      padding: 32px 128px;
+      padding: 32px;
       justify-content: space-evenly;
 
       .section-inner-content {
         align-self: center;
         padding: 0;
 
+        &.padding {
+          padding: 16px;
+        }
 
         div {
           width: 330px;
@@ -184,12 +186,6 @@ $ha__primary_color: #03a9f4;
         .title {
           margin-bottom: 4px;
         }
-
-        .button {
-          font-size: small;
-          font-weight: 600;
-          text-decoration: none;
-        }
       }
 
       img {
@@ -208,7 +204,7 @@ $ha__primary_color: #03a9f4;
   }
 
   .section-content:nth-child(even) {
-    background-color: #F5F5F5;
+    background-color: #f5f5f5;
 
     .section-inner:nth-child(odd) {
       flex-direction: row-reverse;
@@ -231,7 +227,6 @@ $ha__primary_color: #03a9f4;
       margin: -36px auto 0;
 
       &.with-box {
-
         .banner-overlay-content {
           max-width: 416px;
         }
@@ -353,7 +348,7 @@ $ha__primary_color: #03a9f4;
       .below-button {
         margin-top: 8px;
         text-align: center;
-        font-size: .8em;
+        font-size: 0.8em;
       }
     }
 
@@ -719,7 +714,7 @@ $ha__primary_color: #03a9f4;
 
       .blue3d-container {
         align-items: flex-end;
-        background-image: url('/images/blue/blue_3d.jpg');
+        background-image: url("/images/blue/blue_3d.jpg");
         background-position: bottom;
         background-size: cover;
         display: flex;
@@ -734,7 +729,7 @@ $ha__primary_color: #03a9f4;
           align-items: center;
           justify-content: space-between;
           background-color: #000000ab;
-          color: #FFFFFF;
+          color: #ffffff;
           height: 60px;
           width: 100%;
 
@@ -748,7 +743,7 @@ $ha__primary_color: #03a9f4;
       }
     }
 
-    .material-card>p:last-child {
+    .material-card > p:last-child {
       margin-bottom: 0;
     }
   }
@@ -911,13 +906,39 @@ $ha__primary_color: #03a9f4;
   }
 }
 
+@media only screen and (max-width: $desk-start) {
+  #landingpage {
+    .section-content {
+      width: 100%;
+      padding: 32px 8px;
+
+      .header {
+        width: 100%;
+      }
+
+      .section-inner {
+        flex-direction: column-reverse !important;
+        padding: 32px 0;
+
+        img {
+          max-width: 100%;
+        }
+
+        .section-inner-content {
+          margin-bottom: 16px;
+        }
+      }
+    }
+  }
+}
+
 @media only screen and (max-width: $palm-end) {
   $landingpage__hero_height: 500px;
 
   #landingpage {
     .site-header {
       background-color: #ffffffe8;
-      transition: background 0.5s;
+      transition: background-color 0.5s;
 
       ul {
         margin: 0 4px;
@@ -962,30 +983,6 @@ $ha__primary_color: #03a9f4;
       .wide {
         line-height: 1em;
       }
-
-    }
-
-    .section-content {
-      width: 100%;
-      padding: 32px 8px;
-
-      .header {
-        width: 100%;
-      }
-
-      .section-inner {
-        flex-direction: column-reverse !important;
-        padding: 32px 0;
-
-        img {
-          max-width: 100%;
-        }
-
-        .section-inner-content {
-          margin-bottom: 16px;
-          width: 100%;
-        }
-      }
     }
 
     .button-row-with-icon {
@@ -998,6 +995,14 @@ $ha__primary_color: #03a9f4;
       }
     }
 
+    .section-content {
+      .section-inner {
+        .section-inner-content {
+          width: 100%;
+        }
+      }
+    }
+
     .content {
       margin: 0 8px;
 
diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss
index 25dc5a0177a..5b2958aa176 100644
--- a/sass/custom/_paulus.scss
+++ b/sass/custom/_paulus.scss
@@ -109,9 +109,9 @@ a.integration-alert {
 
 .material-card {
   background-color: #fefefe;
-  border-radius: 2px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
-    0 3px 1px -2px rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  border: 1px solid rgba(0, 0, 0, .12);
+  box-shadow: rgba(0,0,0,0.06) 0 0 10px;
 
   h1 {
     font-family: Roboto, Noto, sans-serif;
@@ -155,10 +155,6 @@ a.integration-alert {
 }
 
 .feedback {
-  box-shadow: none;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 4px;
-
   h4 {
     margin: 0 0 8px !important;
 
@@ -175,9 +171,6 @@ a.integration-alert {
 }
 
 .installation-survey {
-  box-shadow: none;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 4px;
   padding-bottom: 64px;
 
   h4 {
@@ -189,16 +182,13 @@ a.integration-alert {
     }
   }
 
-  .links a {
-    font-weight: 400;
-    text-transform: none;
+  p {
+    margin-bottom: 8px;
   }
 }
 
 
-.survey-button {
-  padding-top: 8px;
-  button {
+.button {
     position: relative;
     cursor: pointer;
     font-size: 14px;
@@ -207,10 +197,11 @@ a.integration-alert {
     color: #fff;
     background-color: #03a9f4;
     border: none;
+    text-decoration: none !important;
     border-radius: 4px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
-  }
-  button::before {
+  
+  &::before {
     content: " ";
     position: absolute;
     top: 0;
@@ -220,29 +211,29 @@ a.integration-alert {
     opacity: 0.2;
     border-radius: 4px;
   }
-  button:hover {
+  &:hover {
     box-shadow: 0 4px 8px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
   }
-  button:hover::before {
+  &:hover::before {
     background-color: rgba(255,255,255,.8);
   }
-  button:focus {
+  &:focus {
     outline: none;
   }
-  button:focus::before {
+  &:focus::before {
     background-color: white;
   }
-  button:active::before {
+  &:active::before {
     background-color: grey;
   }
-  :host([active]) button {
+  :host([active]) & {
     color: rgba(0, 0, 0, 0.38);
     background-color: rgba(0, 0, 0, 0.12);
     box-shadow: none;
     cursor: unset;
     pointer-events: none;
   }
-  .hidden {
+  &.hidden {
     display: none;
   }
 }
@@ -332,13 +323,14 @@ a.integration-alert {
     background-size: cover;
     background-position: center;
     text-decoration: none;
+    border: none;
 
     .caption {
       padding: 16px 12px 12px;
       background-color: rgba(0, 0, 0, 0.54);
       color: white;
-      border-bottom-left-radius: 2px;
-      border-bottom-right-radius: 2px;
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
       display: flex;
       justify-content: space-between;
       align-items: center;
diff --git a/sass/custom/_syntax.scss b/sass/custom/_syntax.scss
index 9d4c79dba1a..5e5418893e1 100644
--- a/sass/custom/_syntax.scss
+++ b/sass/custom/_syntax.scss
@@ -13,11 +13,8 @@ code.highlighter-rouge {
 }
 
 pre.highlight {
-  background-color: #FFF;
-  border: 1px solid #CCC;
   font-family: "Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
   color: #000;
-  padding: 1em 0px 1em 1em;
   font-size: 15px;
 }
 .highlight .hll { background-color: #ffffcc }
diff --git a/source/_includes/installation_survey.html b/source/_includes/installation_survey.html
index e7d9065798c..aee02cbc9c1 100644
--- a/source/_includes/installation_survey.html
+++ b/source/_includes/installation_survey.html
@@ -1,11 +1,15 @@
 <div class="material-card text installation-survey" id="survey_section">
-  <h4><a href="#installation-survey_section" class="title-link"><b> Help us improve Home Assistant</b></a></h4>
-  Have you just installed Home Assistant? The Home Assistant team is looking to talk to you to understand how the installation went.
-  <div class="survey-button">
-    <a
-      href="https://forms.gle/BBQN5yiu6f1qfq6g9"
-      target="_blank"
-      ><button> Help now</button></a>
-  </div>
+  <h4>
+    <a href="#installation-survey_section" class="title-link"
+      ><b>Help us improve Home Assistant</b></a
+    >
+  </h4>
+  <p>
+    Have you just installed Home Assistant? The Home Assistant team is looking
+    to talk to you to understand how the installation went.
+  </p>
+  <a href="https://forms.gle/BBQN5yiu6f1qfq6g9" target="_blank" class="button"
+    >Help now</a
+  >
 </div>
 <div><p></p></div>
diff --git a/source/_layouts/landingpage.html b/source/_layouts/landingpage.html
index abcb83c9cb8..eed40b67172 100644
--- a/source/_layouts/landingpage.html
+++ b/source/_layouts/landingpage.html
@@ -48,7 +48,7 @@ layout: page
               <div class="section-inner-content">
                 <img {% if entry.image_description %} alt="{{ entry.image_description }}" title="{{ entry.image_description }}" {% endif %} src="{{entry.image}}">
               </div>
-              <div class="section-inner-content">
+              <div class="section-inner-content padding">
                   <div class="title">{{entry.title}}</div>
                   <div class="description">{{entry.description}}</div>
                   {% if entry.read_more %}
diff --git a/source/images/installation/generic-x86-64.svg b/source/images/installation/generic-x86-64.svg
deleted file mode 100644
index 0e5f4e3ad54..00000000000
--- a/source/images/installation/generic-x86-64.svg
+++ /dev/null
@@ -1,274 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 267 267"
-   style="enable-background:new 0 0 267 267;"
-   xml:space="preserve"
-   width="512"
-   height="512"
-   sodipodi:docname="generic-x86-64.svg"
-   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs107"><rect
-   x="115.51609"
-   y="150.40669"
-   width="36.471042"
-   height="78.34749"
-   id="rect4772" />
-		
-		
-	
-			
-			
-			
-		
-				
-				
-				
-			
-			
-			
-			
-		
-				
-				
-				
-			</defs><sodipodi:namedview
-   id="namedview105"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:pageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   showgrid="false"
-   inkscape:zoom="0.75878906"
-   inkscape:cx="172.6435"
-   inkscape:cy="210.20335"
-   inkscape:window-width="2560"
-   inkscape:window-height="1376"
-   inkscape:window-x="26"
-   inkscape:window-y="23"
-   inkscape:window-maximized="0"
-   inkscape:current-layer="g102" />
-<g
-   id="g102">
-	<g
-   id="g6"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="83.5"
-   y1="15"
-   x2="83.5"
-   y2="44"
-   id="line2" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="m 83.5,59 c -8.284,0 -15,-6.716 -15,-15 V 15 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path4" />
-			</g><line
-   style="fill:#ffffff"
-   x1="133.5"
-   y1="15"
-   x2="133.5"
-   y2="44"
-   id="line8" /><path
-   style="fill:#1c7287"
-   d="m 133.5,59 c -8.284,0 -15,-6.716 -15,-15 V 15 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path10" /><g
-   id="g20">
-				<line
-   style="fill:#ffffff"
-   x1="183.5"
-   y1="15"
-   x2="183.5"
-   y2="44"
-   id="line16" />
-				<path
-   style="fill:#1c7287"
-   d="m 183.5,59 c -8.284,0 -15,-6.716 -15,-15 V 15 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path18" />
-			</g><g
-   id="g28"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="83.5"
-   y1="223"
-   x2="83.5"
-   y2="252"
-   id="line24" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="m 83.5,267 c -8.284,0 -15,-6.716 -15,-15 v -29 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path26" />
-			</g><line
-   style="fill:#ffffff"
-   x1="133.5"
-   y1="223"
-   x2="133.5"
-   y2="252"
-   id="line30" /><path
-   style="fill:#1c7287"
-   d="m 133.5,267 c -8.284,0 -15,-6.716 -15,-15 v -29 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path32" /><g
-   id="g42">
-				<line
-   style="fill:#ffffff"
-   x1="183.5"
-   y1="223"
-   x2="183.5"
-   y2="252"
-   id="line38" />
-				<path
-   style="fill:#1c7287"
-   d="m 183.5,267 c -8.284,0 -15,-6.716 -15,-15 v -29 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path40" />
-			</g>
-	<g
-   id="g88">
-		<g
-   id="g66"
-   style="fill:#1c7287;fill-opacity:1">
-			<g
-   id="g52"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="45.5"
-   y1="83"
-   x2="16.5"
-   y2="83"
-   id="line48" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="M45.5,98h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S53.784,98,45.5,98z"
-   id="path50" />
-			</g>
-			<g
-   id="g58"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="45.5"
-   y1="133"
-   x2="16.5"
-   y2="133"
-   id="line54" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="M45.5,148h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S53.784,148,45.5,148z"
-   id="path56" />
-			</g>
-			<g
-   id="g64"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="46.5"
-   y1="183"
-   x2="17.5"
-   y2="183"
-   id="line60" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="M46.5,198h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S54.784,198,46.5,198z"
-   id="path62" />
-			</g>
-		</g>
-		<g
-   id="g86">
-			<g
-   id="g72">
-				<line
-   style="fill:#FFFFFF;"
-   x1="249.5"
-   y1="83"
-   x2="220.5"
-   y2="83"
-   id="line68" />
-				<path
-   style="fill:#1C7287;"
-   d="M249.5,98h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S257.784,98,249.5,98z"
-   id="path70" />
-			</g>
-			<g
-   id="g78">
-				<line
-   style="fill:#FFFFFF;"
-   x1="249.5"
-   y1="133"
-   x2="220.5"
-   y2="133"
-   id="line74" />
-				<path
-   style="fill:#1C7287;"
-   d="M249.5,148h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S257.784,148,249.5,148z"
-   id="path76" />
-			</g>
-			<g
-   id="g84">
-				<line
-   style="fill:#FFFFFF;"
-   x1="250.5"
-   y1="183"
-   x2="221.5"
-   y2="183"
-   id="line80" />
-				<path
-   style="fill:#1C7287;"
-   d="M250.5,198h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S258.784,198,250.5,198z"
-   id="path82" />
-			</g>
-		</g>
-	</g>
-	<g
-   id="g92">
-		<path
-   style="fill:#c5c4c4;fill-opacity:1;stroke-width:0.942816"
-   d="M 57.842664,36.503906 H 208.11437 c 11.7852,0 21.33875,9.553557 21.33875,21.338759 V 208.11437 c 0,11.7852 -9.55355,21.33875 -21.33875,21.33875 H 57.842664 c -11.785202,0 -21.338758,-9.55355 -21.338758,-21.33875 V 57.843608 c 0,-11.785202 9.553556,-21.339702 21.338758,-21.339702 z"
-   id="path90" />
-	<text
-   xml:space="preserve"
-   transform="scale(0.52148437)"
-   id="text4770"
-   style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:17.5px;line-height:125%;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect4772)" /><text
-   xml:space="preserve"
-   style="font-style:normal;font-weight:normal;font-size:52.1484px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4b4b4b;fill-opacity:1;stroke:none;stroke-width:0.521484px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-   x="50.999413"
-   y="151.97679"
-   id="text11894"><tspan
-     sodipodi:role="line"
-     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:52.1484px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Bold';fill:#4b4b4b;fill-opacity:1;stroke-width:0.521484px"
-     x="50.999413"
-     y="151.97679"
-     id="tspan25978">x86-64</tspan></text></g>
-	
-	
-	
-</g>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-</svg>
diff --git a/source/images/installation/green-logo-square.png b/source/images/installation/green-logo-square.png
deleted file mode 100644
index 55b53dd17d7..00000000000
Binary files a/source/images/installation/green-logo-square.png and /dev/null differ
diff --git a/source/images/installation/green.jpg b/source/images/installation/green.jpg
index f3fc62dce63..34768c4265a 100644
Binary files a/source/images/installation/green.jpg and b/source/images/installation/green.jpg differ
diff --git a/source/images/installation/macos.svg b/source/images/installation/macos.svg
new file mode 100644
index 00000000000..2359d7614d9
--- /dev/null
+++ b/source/images/installation/macos.svg
@@ -0,0 +1,280 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 442.2133 439.478" style="enable-background:new 0 0 442.2133 439.478;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:#515151;}
+</style>
+<g>
+	<g>
+		
+			<image style="overflow:visible;opacity:0.4;" width="407" height="407" xlink:href="data:image/png;base64,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" transform="matrix(1 0 0 1 17.3897 17.3963)">
+		</image>
+		<g>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="221.1066" y1="416.8998" x2="221.1066" y2="22.5782">
+				<stop  offset="0" style="stop-color:#F2F2F2"/>
+				<stop  offset="0.5963" style="stop-color:#F7F7F7"/>
+				<stop  offset="1" style="stop-color:#FEFEFE"/>
+			</linearGradient>
+			<path class="st0" d="M418.2674,219.739c0-110.0205-87.1308-197.1608-197.1608-197.1608
+				c-110.0205,0-197.1608,87.1403-197.1608,197.1608c0,110.03,87.1403,197.1608,197.1608,197.1608
+				S418.2674,329.769,418.2674,219.739z"/>
+		</g>
+	</g>
+	<g>
+		<path class="st1" d="M241.0412,155.1653h0.1996v6.9268h7.9149v-28.5147c0-2.0619-0.399-3.9337-1.1877-5.606
+			c-0.7886-1.6723-1.9099-3.0975-3.3636-4.2853c-1.4538-1.1877-3.2116-2.0904-5.264-2.7365s-4.3423-0.9597-6.8698-0.9597
+			c-2.3469,0-4.5133,0.3231-6.5087,0.9597c-1.9954,0.6367-3.7151,1.5298-5.1879,2.6795s-2.632,2.499-3.4871,4.0573
+			s-1.3113,3.259-1.3588,5.0929h7.7724c0.1805-0.8931,0.5131-1.7103,0.9977-2.4324c0.4751-0.7316,1.0927-1.3588,1.8339-1.8813
+			s1.5963-0.9217,2.5655-1.2067c0.9691-0.2756,2.0239-0.4181,3.145-0.4181c2.7841,0,4.9315,0.6271,6.4517,1.8718
+			c1.5203,1.2448,2.2804,3.0786,2.2804,5.473v3.2115l-11.212,0.6462c-5.1594,0.3326-9.0931,1.5298-11.8107,3.5822
+			c-2.7175,2.0524-4.0762,4.9028-4.0762,8.5515c0,1.8624,0.342,3.5536,1.0357,5.0739c0.6841,1.5203,1.6533,2.8126,2.8885,3.8862
+			c1.2352,1.0737,2.708,1.9003,4.4373,2.4894c1.7198,0.5891,3.6107,0.8837,5.682,0.8837c1.4063,0,2.7745-0.171,4.1143-0.5131
+			c1.3398-0.342,2.575-0.8361,3.7152-1.4727c1.1307-0.6366,2.1473-1.4158,3.0595-2.3184
+			C239.711,157.3032,240.4521,156.2865,241.0412,155.1653z M237.8772,153.2364c-0.9692,0.8361-2.1284,1.4918-3.4491,1.9573
+			s-2.7556,0.7031-4.2853,0.7031c-2.3945,0-4.3138-0.5226-5.7391-1.5868c-1.4348-1.0547-2.1474-2.4799-2.1474-4.2662
+			c0-1.8339,0.7222-3.2686,2.1664-4.3043c1.4442-1.0262,3.5916-1.6343,6.4517-1.8148l10.1003-0.6936v3.2496
+			c0,1.3777-0.2756,2.6415-0.8267,3.7912C239.6065,151.4216,238.8463,152.4098,237.8772,153.2364z"/>
+		<path class="st1" d="M295.8567,246.0873l-13.73-3.4301c-16.723-4.2188-23.5833-9.6823-23.5833-18.9179
+			c0-11.7062,10.908-19.8016,26.6619-19.8016c15.8489,0,26.4908,8.01,27.726,21.0369h17.8632
+			c-0.7031-21.645-19.0034-36.6957-45.2281-36.6957c-26.8424,0-45.6748,14.9652-45.6748,36.5247
+			c0,17.5117,10.6419,28.1631,34.0542,33.9686l16.2859,4.0477c16.7135,4.2188,23.9348,10.3854,23.9348,20.5903
+			c0,11.7916-11.8867,20.4192-28.4291,20.4192c-17.2457,0-29.8354-8.6276-31.2417-21.6544h-18.0438
+			c1.3112,22.7946,20.1531,37.3132,47.8697,37.3132c29.7499,0,48.4018-14.6992,48.4113-38.2824
+			C332.7329,262.7248,321.9959,252.425,295.8567,246.0873z"/>
+		<path class="st1" d="M205.0487,162.1015v-28.3246c0-2.0714-0.3231-3.9527-0.9597-5.644
+			c-0.6366-1.6913-1.5488-3.1356-2.7365-4.3232c-1.1877-1.1877-2.613-2.0999-4.2853-2.7556
+			c-1.6724-0.6556-3.5251-0.9786-5.5681-0.9786c-1.4822,0-2.8885,0.1805-4.2283,0.5511c-1.3397,0.3706-2.575,0.9026-3.6962,1.6058
+			s-2.1188,1.5583-2.9835,2.5465c-0.8647,0.9882-1.5678,2.1094-2.0999,3.3636h-0.1995c-0.8361-2.6035-2.2614-4.5988-4.2662-5.9861
+			c-1.9954-1.3873-4.4564-2.0809-7.3639-2.0809c-1.3492,0-2.6414,0.171-3.8672,0.5131c-1.2162,0.342-2.3469,0.8361-3.3636,1.4918
+			c-1.0262,0.6556-1.9194,1.4348-2.6985,2.3564c-0.7792,0.9122-1.4158,1.9669-1.9003,3.1356h-0.152v-7.0408h-7.9244v41.5606h7.8389
+			v-25.4932c0-1.3492,0.6841-2.6035,1.1022-3.7437c0.4276-1.1497,1.0357-2.1379,1.8148-2.9835
+			c0.7792-0.8362,1.7103-1.4918,2.7935-1.9669c1.0927-0.4751,2.2709-0.7126,3.5441-0.7126c1.2258,0,2.3279,0.1901,3.3161,0.5606
+			c0.9787,0.3705,1.8243,0.8932,2.5085,1.5868c0.6936,0.6936,1.2162,1.5203,1.5868,2.4894s0.5606,2.0524,0.5606,3.2496v27.0229
+			h8.1525v-25.7972c0-1.3303,0.2186-2.556,0.6556-3.6772c0.4276-1.1212,1.0262-2.0904,1.7958-2.8885
+			c0.7601-0.8076,1.6818-1.4348,2.7365-1.8813c1.0642-0.4466,2.2329-0.6746,3.5062-0.6746c2.6035,0,4.6083,0.7506,6.0051,2.2424
+			c1.4062,1.4918,2.1094,3.6107,2.1094,6.3376v26.3388H205.0487z"/>
+		<path class="st1" d="M164.7424,188.2788c-36.3441,0-59.1387,25.3411-59.1387,65.6475c0,40.3063,22.7946,65.5619,59.1387,65.5619
+			s59.0532-25.2651,59.0532-65.5619C223.7956,213.6199,201.0865,188.2788,164.7424,188.2788z M164.7424,303.2877
+			c-24.9041,0-40.4774-19.0984-40.4774-49.371c0-30.358,15.5733-49.4565,40.4774-49.4565c24.8185,0,40.4869,19.0984,40.4774,49.4565
+			C205.2198,284.1892,189.5609,303.2877,164.7424,303.2877z"/>
+		<path class="st1" d="M269.4704,130.8789c0.9692-1.2352,2.1379-2.1949,3.5062-2.8695c1.3588-0.6746,2.8885-1.0167,4.5703-1.0167
+			c1.4348,0,2.708,0.1901,3.8482,0.5891c1.1307,0.3896,2.1189,0.9312,2.9645,1.6248c0.8362,0.6936,1.5108,1.5107,2.0239,2.4514
+			c0.5131,0.9407,0.8742,1.9669,1.0737,3.0596h7.9149c-0.1805-1.9858-0.7126-3.8767-1.6058-5.663
+			c-0.8931-1.7863-2.1093-3.3446-3.6391-4.6843c-1.5298-1.3398-3.3541-2.404-5.492-3.1926
+			c-2.1284-0.7886-4.5228-1.1877-7.1738-1.1877c-2.936,0-5.606,0.5035-8.0005,1.5107c-2.3944,1.0072-4.4373,2.442-6.1381,4.3043
+			c-1.7008,1.8623-3.012,4.1047-3.9432,6.7177c-0.9312,2.6225-1.3968,5.549-1.3778,8.7701c0,3.2971,0.4656,6.2521,1.3968,8.8841
+			c0.9312,2.632,2.2519,4.8649,3.9622,6.6987c1.7103,1.8338,3.7722,3.2496,6.1666,4.2283c2.404,0.9786,5.074,1.4727,8.0385,1.4727
+			c2.499,0,4.7983-0.3515,6.8887-1.0356s3.9052-1.6628,5.454-2.9266c1.5393-1.2637,2.7935-2.784,3.7627-4.5703
+			s1.5677-3.7627,1.7958-5.9291h-7.9244c-0.5131,2.4514-1.6153,4.3138-3.3256,5.587c-1.7103,1.2732-3.9147,1.9098-6.6227,1.9098
+			c-1.6533,0-3.1735-0.3325-4.5513-0.9786s-2.5655-1.5868-3.5442-2.8125c-0.9882-1.2258-1.7483-2.7175-2.2804-4.4943
+			c-0.5416-1.7673-0.8076-3.7817-0.8076-6.0241c0-2.1664,0.2661-4.1332,0.8076-5.9101
+			C267.7506,133.6248,268.5012,132.1141,269.4704,130.8789z"/>
+	</g>
+</g>
+</svg>
diff --git a/source/images/installation/odroid.jpg b/source/images/installation/odroid.jpg
new file mode 100644
index 00000000000..3729a0d9f81
Binary files /dev/null and b/source/images/installation/odroid.jpg differ
diff --git a/source/images/installation/odroid.png b/source/images/installation/odroid.png
deleted file mode 100644
index 4b89913a6c6..00000000000
Binary files a/source/images/installation/odroid.png and /dev/null differ
diff --git a/source/images/installation/rpi.jpg b/source/images/installation/rpi.jpg
new file mode 100644
index 00000000000..d2a8a103d05
Binary files /dev/null and b/source/images/installation/rpi.jpg differ
diff --git a/source/images/installation/windows.svg b/source/images/installation/windows.svg
new file mode 100644
index 00000000000..d0332d415c3
--- /dev/null
+++ b/source/images/installation/windows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4875 4875"><path fill="#0078d4" d="M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564"/></svg>
\ No newline at end of file
diff --git a/source/images/installation/x86.jpg b/source/images/installation/x86.jpg
new file mode 100644
index 00000000000..417e768c206
Binary files /dev/null and b/source/images/installation/x86.jpg differ
diff --git a/source/images/installation/yellow-logo-square.png b/source/images/installation/yellow-logo-square.png
deleted file mode 100644
index ddcfcaf07c7..00000000000
Binary files a/source/images/installation/yellow-logo-square.png and /dev/null differ
diff --git a/source/images/installation/yellow.jpg b/source/images/installation/yellow.jpg
new file mode 100644
index 00000000000..7d199cb6af4
Binary files /dev/null and b/source/images/installation/yellow.jpg differ
diff --git a/source/installation/index.html b/source/installation/index.html
index 5718537d314..500f6c69ddb 100644
--- a/source/installation/index.html
+++ b/source/installation/index.html
@@ -6,263 +6,535 @@ show_title: true
 toc: true
 ---
 
-{% include installation_survey.html %}
-
 <div class="intro">
-    <p>
-        The first step is to install Home Assistant. We recommend a dedicated system to run Home Assistant.
-        If you are unsure of what to choose, follow <a href="/installation/raspberrypi">the Raspberry Pi guide</a> to
-        install <b>Home Assistant Operating System</b>.
-    </p>
-    <p>
-        Home Assistant offers four different installation methods. We recommend using one of the following two methods:
-    </p>
-    <ul>
-        <li><b>Home Assistant Operating System</b>: Minimal Operating System optimized to power Home Assistant.
-        It comes with Supervisor to manage Home Assistant Core and Add-ons. Recommended installation method.</li>
-        <li><b>Home Assistant Container</b>: Standalone container-based installation of Home Assistant Core (e.g. Docker).</li>
-    </ul>
-    <p>There are two alternative installation methods available for experienced users:</p>
-    <ul>
-        <li><b>Home Assistant Supervised</b>: Manual installation of the Supervisor.</li>
-        <li><b>Home Assistant Core</b>: Manual installation using Python virtual environment.</li>
-    </ul>
-    <p>
-        The list below shows the installation method available based on the device and platform being used.
-    </p>
-
-    <p>
-        If you are using the <a href="/blue">Home Assistant Blue</a>, the Home Assistant Operating System is
-        already installed. <a href="/getting-started/onboarding">Continue to onboarding.</a>
-    </p>
+  <p>
+    The first step to getting started with Home Assistant is to install it on a
+    device. There are many ways to run it for all kinds of scenarios and all
+    kinds of skill levels.
+  </p>
 </div>
 
 <div class="installations">
-    <h2>Home Assistant Green</h2>
-    <a href="/installation/green" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <img src="/images/installation/green-logo-square.png">
-                </div>
-                <div>
-                    <b>Home Assistant Green</b>
-                    <ul>
-                        <li>Home Assistant Operating System</li>
-                    </ul>
-                </div>
-            </div>
-            {% include assets/chevron_right.html %}
-        </div>
-    </a>
-    <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">
-            <div class="content-container">
-                <div>
-                    <svg class="rpi" width="1957" height="2500" viewBox="0 0 256 327" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M69.298.005c-1.653.051-3.433.662-5.453 2.255C58.9.353 54.102-.31 49.813 3.573c-6.623-.859-8.775.914-10.406 2.984-1.454-.03-10.879-1.495-15.202 4.953C13.343 10.225 9.91 17.899 13.8 25.056c-2.219 3.434-4.518 6.827.67 13.375-1.835 3.646-.697 7.602 3.626 12.389-1.14 5.127 1.102 8.743 5.125 11.562-.753 7.015 6.433 11.094 8.578 12.547.824 4.087 2.541 7.945 10.748 10.077 1.354 6.092 6.286 7.144 11.063 8.422-15.787 9.177-29.325 21.25-29.233 50.875l-2.313 4.125c-18.102 11.008-34.388 46.39-8.92 75.148 1.663 9.002 4.453 15.468 6.937 22.624 3.715 28.836 27.962 42.339 34.358 43.936 9.371 7.138 19.352 13.911 32.86 18.656 12.731 13.131 26.525 18.136 40.394 18.128.204 0 28.277-4.996 41.01-18.128 13.506-4.745 23.487-11.518 32.86-18.656 6.394-1.597 30.641-15.1 34.356-43.936 2.484-7.156 5.274-13.622 6.938-22.624 25.466-28.761 9.181-64.144-8.92-75.152l-2.317-4.125c.092-29.622-13.446-41.696-29.233-50.875 4.776-1.278 9.71-2.33 11.062-8.422 8.207-2.133 9.925-5.99 10.748-10.077 2.146-1.453 9.331-5.532 8.58-12.547 4.021-2.819 6.264-6.436 5.123-11.562 4.324-4.787 5.461-8.743 3.626-12.39 5.19-6.544 2.887-9.937.671-13.371 3.888-7.157.457-14.832-10.409-13.546-4.32-6.448-13.744-4.984-15.202-4.954-1.63-2.069-3.782-3.842-10.405-2.983-4.289-3.883-9.085-3.221-14.032-1.313-5.874-4.635-9.76-.92-14.2.485-7.112-2.324-8.739.859-12.233 2.156-7.756-1.639-10.113 1.929-13.83 5.695l-4.326-.086c-11.698 6.894-17.51 20.932-19.57 28.149-2.06-7.218-7.859-21.256-19.555-28.149l-4.325.086c-3.723-3.766-6.079-7.334-13.835-5.695C86.78 3.603 85.16.42 78.042 2.744c-2.914-.922-5.594-2.838-8.749-2.74L-11 141"/><path d="M46.008 30.334c31.036 16.001 49.079 28.945 58.964 39.969-5.062 20.289-31.47 21.215-41.126 20.646 1.977-.92 3.627-2.023 4.212-3.716-2.423-1.722-11.014-.182-17.012-3.551 2.304-.478 3.382-.943 4.459-2.643-5.666-1.807-11.77-3.365-15.36-6.359 1.937.024 3.746.434 6.276-1.321-5.075-2.735-10.491-4.903-14.699-9.084 2.624-.064 5.453-.026 6.276-.991-4.645-2.878-8.565-6.078-11.809-9.579 3.672.443 5.223.062 6.111-.578-3.512-3.597-7.956-6.634-10.075-11.066 2.726.94 5.221 1.3 7.019-.082-1.193-2.692-6.305-4.28-9.249-10.571 2.871.279 5.915.626 6.524 0-1.332-5.428-3.618-8.48-5.86-11.642 6.143-.091 15.451.024 15.03-.495L31.89 15.39c6.001-1.616 12.141.259 16.599 1.651 2.001-1.579-.036-3.576-2.478-5.615 5.1.681 9.708 1.853 13.874 3.468 2.225-2.009-1.445-4.019-3.221-6.028 7.879 1.494 11.217 3.595 14.534 5.698 2.407-2.307.138-4.268-1.486-6.276 5.941 2.2 9.001 5.041 12.222 7.845 1.092-1.474 2.775-2.555.743-6.111 4.218 2.431 7.395 5.296 9.745 8.506 2.61-1.662 1.555-3.934 1.569-6.029 4.384 3.566 7.166 7.361 10.571 11.066.686-.5 1.286-2.193 1.817-4.872 10.457 10.145 25.234 35.7 3.798 45.832-18.243-15.046-40.031-25.983-64.176-34.187l.007-.004M210.686 30.334c-31.032 16.003-49.075 28.943-58.959 39.969 5.062 20.289 31.469 21.215 41.125 20.646-1.977-.92-3.627-2.023-4.211-3.716 2.423-1.722 11.014-.182 17.011-3.551-2.304-.478-3.381-.943-4.459-2.643 5.667-1.807 11.771-3.365 15.36-6.359-1.937.024-3.746.434-6.276-1.321 5.076-2.735 10.492-4.903 14.7-9.084-2.625-.064-5.454-.026-6.276-.991 4.645-2.878 8.565-6.078 11.809-9.579-3.673.443-5.223.062-6.111-.578 3.511-3.597 7.956-6.634 10.075-11.066-2.727.94-5.222 1.3-7.02-.082 1.193-2.692 6.306-4.28 9.249-10.571-2.87.279-5.915.626-6.524 0 1.335-5.43 3.621-8.482 5.863-11.644-6.143-.091-15.451.024-15.03-.495l3.799-3.882c-6.001-1.615-12.141.26-16.599 1.652-2.001-1.579.035-3.576 2.477-5.615-5.099.68-9.708 1.853-13.873 3.468-2.226-2.009 1.445-4.019 3.221-6.028-7.879 1.494-11.217 3.595-14.535 5.698-2.407-2.307-.137-4.268 1.487-6.276-5.941 2.2-9.001 5.041-12.222 7.845-1.093-1.474-2.775-2.555-.744-6.111-4.217 2.431-7.394 5.296-9.744 8.506-2.61-1.662-1.555-3.935-1.569-6.029-4.384 3.566-7.166 7.36-10.571 11.066-.686-.5-1.286-2.193-1.817-4.873-10.457 10.146-25.234 35.701-3.798 45.833 18.233-15.05 40.02-25.985 64.166-34.189h-.004" fill="#75A928"/><path d="M165.933 236.933c.108 18.933-16.449 34.362-36.98 34.461-20.532.1-37.264-15.167-37.372-34.1a21.72 21.72 0 0 1 0-.361c-.108-18.932 16.448-34.361 36.98-34.461 20.532-.1 37.263 15.167 37.372 34.1v.361M107.246 139.004c15.404 10.093 18.181 32.969 6.202 51.095-11.979 18.127-34.177 24.641-49.581 14.549-15.404-10.093-18.18-32.969-6.202-51.095 11.979-18.127 34.177-24.641 49.581-14.549M148.822 137.177c-15.403 10.092-18.18 32.969-6.202 51.095 11.979 18.127 34.177 24.641 49.581 14.548 15.404-10.092 18.181-32.968 6.202-51.095-11.978-18.126-34.176-24.64-49.581-14.548M30.258 155.504c16.631-4.458 5.615 68.803-7.917 62.792-14.885-11.972-19.679-47.033 7.917-62.792M222.453 154.591c-16.633-4.457-5.615 68.807 7.917 62.796 14.885-11.973 19.679-47.038-7.917-62.796M165.946 100.034c28.701-4.846 52.583 12.206 51.619 43.328-.944 11.932-62.193-41.551-51.619-43.328M86.646 99.121c-28.703-4.847-52.583 12.209-51.619 43.329.944 11.931 62.194-41.552 51.619-43.329M127.874 91.863c-17.13-.446-33.57 12.713-33.61 20.346-.047 9.274 13.544 18.77 33.727 19.011 20.61.147 33.762-7.601 33.828-17.172.076-10.844-18.745-22.353-33.945-22.186v.001M128.92 282.043c14.935-.652 34.975 4.81 35.015 12.057.248 7.036-18.175 22.934-36.005 22.627-18.466.797-36.573-15.126-36.336-20.645-.277-8.092 22.484-14.41 37.326-14.039M73.756 239.098c10.633 12.81 15.481 35.316 6.607 41.951-8.395 5.065-28.782 2.979-43.272-17.838-9.773-17.468-8.514-35.243-1.652-40.465 10.261-6.25 26.115 2.193 38.318 16.352h-.001M181.956 235.037c-11.505 13.475-17.911 38.053-9.519 45.969 8.025 6.15 29.567 5.29 45.479-16.789 11.554-14.829 7.683-39.594 1.083-46.17-9.804-7.583-23.879 2.122-37.043 16.986v.004" fill="#BC1142"/></svg>
-                </div>
-                <div>
-                    <b>Raspberry Pi</b>
-                    <ul>
-                        <li>Home Assistant Operating System</li>
-                        <li>Home Assistant Container</li>
-                        <li>Home Assistant Core</li>
-                    </ul>
-                </div>
-            </div>
-            {% include assets/chevron_right.html %}
-        </div>
-    </a>
+  <span class="label easiest">Easiest</span>
 
-    <h2>ODROID</h2>
-    <a href="/installation/odroid" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <img src="/images/installation/odroid.png">
-                </div>
-                <div>
-                    <b>ODROID</b>
-                    <ul>
-                        <li>Home Assistant Operating System</li>
-                        <li>Home Assistant Container</li>
-                        <li>Home Assistant Core</li>
-                    </ul>
-                </div>
-            </div>
-            {% include assets/chevron_right.html %}
-        </div>
-    </a>  
+  <h2>Plug and play with Home Assistant Green</h2>
+  <p>
+    The affordable Home Assistant Green is the easiest way to start using
+    Home Assistant. It's plug-and-play and comes with Home Assistant already
+    installed.
+  </p>
 
-    <h2>Generic x86-64</h2>
-    <a href="/installation/generic-x86-64" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <img src="/images/installation/generic-x86-64.svg">
-                </div>
-                <div>
-                    <b>Generic x86-64 (e.g. Intel NUC)</b>
-                    <ul>
-                        <li>Home Assistant Operating System</li>
-                        <li>Home Assistant Container</li>
-                        <li>Home Assistant Core</li>
-                    </ul>
-                </div>
-            </div>
-            {% include assets/chevron_right.html %}
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="image">
+          <img src="/images/installation/green.jpg" />
         </div>
-    </a>
-
-    <h2>Windows</h2>
-    <a href="/installation/windows" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <svg width="2490" height="2500" viewBox="0 0 256 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M0 36.357L104.62 22.11l.045 100.914-104.57.595L0 36.358zm104.57 98.293l.08 101.002L.081 221.275l-.006-87.302 104.494.677zm12.682-114.405L255.968 0v121.74l-138.716 1.1V20.246zM256 135.6l-.033 121.191-138.716-19.578-.194-101.84L256 135.6z" fill="#00ADEF"/></svg>
-                </div>
-                <div>
-                    <b>Windows</b>
-                    <ul>
-                        <li>Home Assistant Operating System (VM)</li>
-                        <li>Home Assistant Core</li>
-                    </ul>
-                </div>
+        <div class="content">
+          <h3>Home Assistant Green</h3>
+          <p>The easiest way to get started with Home Assistant</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>Interest in setting up a smart home</li>
+              </ul>
             </div>
-            {% include assets/chevron_right.html %}
-        </div>
-    </a>
-
-    <h2>macOS</h2>
-    <a href="/installation/macos" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <svg xmlns="http://www.w3.org/2000/svg" width="2038" height="2500" viewBox="0 0 496.255 608.728"><path d="M273.81 52.973C313.806.257 369.41 0 369.41 0s8.271 49.562-31.463 97.306c-42.426 50.98-90.649 42.638-90.649 42.638s-9.055-40.094 26.512-86.971zM252.385 174.662c20.576 0 58.764-28.284 108.471-28.284 85.562 0 119.222 60.883 119.222 60.883s-65.833 33.659-65.833 115.331c0 92.133 82.01 123.885 82.01 123.885s-57.328 161.357-134.762 161.357c-35.565 0-63.215-23.967-100.688-23.967-38.188 0-76.084 24.861-100.766 24.861C89.33 608.73 0 455.666 0 332.628c0-121.052 75.612-184.554 146.533-184.554 46.105 0 81.883 26.588 105.852 26.588z" fill="#999"/></svg>
-                </div>
-                <div>
-                    <b>macOS</b>
-                    <ul>
-                        <li>Home Assistant Operating System (VM)</li>
-                        <li>Home Assistant Core</li>
-                    </ul>
-                </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Ethernet connection</li>
+              </ul>
             </div>
-            {% include assets/chevron_right.html %}
+          </div>
+          <div class="buttons">
+            <a href="/green" class="button accent"
+              >Get Home Assistant Green {% include assets/chevron_right.html
+              %}</a
+            >
+            <a
+              href="https://green.home-assistant.io"
+              class="button"
+              target="_blank"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
         </div>
-    </a>
+      </div>
+    </div>
+  </div>
 
-    <h2>Linux</h2>
-    <a href="/installation/linux" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <img src="/images/installation/linux.svg">
-                </div>
-                <div>
-                    <b>Linux</b>
-                    <ul>
-                        <li>Home Assistant Operating System (VM)</li>
-                        <li>Home Assistant Container</li>
-                        <li>Home Assistant Core</li>
-                        <li>Home Assistant Supervised</li>
-                    </ul>
-                </div>
+  <span class="label easy">Easy</span>
+
+  <h2>DIY with Raspberry Pi</h2>
+  <p>
+    Raspberry Pi, a mini low-cost computer, is one of the most popular platforms
+    for running Home Assistant. If you want to learn how to DIY, this is a good
+    way to start and gain experience.
+  </p>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="image">
+          <img
+            src="/images/installation/rpi.jpg"
+          />
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on Raspberry Pi</h3>
+          <p>A low-cost DIY solution to get started with Home Assistant</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>Assembling a Raspberry Pi setup</li>
+                <li>Flashing a Raspberry Pi</li>
+              </ul>
             </div>
-            {% include assets/chevron_right.html %}
-        </div>
-    </a>
-
-    <h2>Alternative</h2>
-    <a href="/installation/alternative" class="installations-card">
-        <div class="material-card text">
-            <div class="content-container">
-                <div>
-                    <svg width="24" height="24" viewBox="0 0 24 24"><path d="M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z" /></svg>
-                </div>
-                <div>
-                    <b>Alternative</b>
-                    <p>VM's not covered by other categories, NAS installations and community guides</p>
-                </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Raspberry Pi 3 or 4 with power supply</li>
+                <li>MicroSD card</li>
+                <li>Ethernet connection</li>
+              </ul>
             </div>
-            {% include assets/chevron_right.html %}
+          </div>
+          <div class="buttons">
+            <a href="https://amzn.to/2S0Gcl1" class="button accent"
+              >Get Raspberry Pi {% include assets/chevron_right.html %}</a
+            >
+            <a href="/installation/raspberrypi" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
         </div>
-    </a>
+      </div>
+    </div>
+  </div>
 
+  <span class="label intermediate">Intermediate</span>
+
+  <h2>Extend with Home Assistant Yellow</h2>
+  <p>
+    The extensible Home Assistant Yellow comes with all the ingredients you need
+    to help you build a robust smart home. All you need to do is to bring your
+    own Raspberry Pi Compute Module.
+  </p>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="image">
+          <img src="/images/installation/yellow.jpg" />
+        </div>
+        <div class="content">
+          <h3>Home Assistant Yellow</h3>
+          <p>The powerful way to run Home Assistant</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>You're comfortable following instructions on:</li>
+                <li>Installing a compute module and a heat sink</li>
+                <li>Flashing a Raspberry Pi</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Raspberry Pi Compute Module 4</li>
+                <li>Ethernet connection</li>
+                <li>USB storage drive</li>
+                <li>Screwdriver</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/yellow" class="button accent"
+              >Get Home Assistant Yellow {% include assets/chevron_right.html
+              %}</a
+            >
+            <a
+              href="https://yellow.home-assistant.io"
+              class="button"
+              target="_blank"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <span class="label hard">Hard</span>
+
+  <h2>Install on other hardware</h2>
+  <p>
+    Home Assistant can be repurposed and installed on various hardware, such
+    as an Odroid or a generic x86-64 machine. The Home Assistant Operating System
+    allows you to install Home Assistant on these devices even if you have
+    little to no Linux experience.
+  </p>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="image">
+          <img src="/images/installation/odroid.jpg" />
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on Odroid devices</h3>
+          <p>A more powerful alternative to Raspberry Pi</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>You're comfortable following instructions on:</li>
+                <li>Writing boot images</li>
+                <li>Installing an SD card or eMMC</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>An Odroid device</li>
+                <li>MicroSD card or eMMC</li>
+                <li>Ethernet connection</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/installation/odroid" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="image">
+          <img src="/images/installation/x86.jpg" />
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on x86-64 machines</h3>
+          <p>Repurpose workstation hardware to run Home Assistant</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>You can use a command line and install a boot medium on your hardware</li>
+                <li>You're comfortable configuring the BIOS based on instructions.</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>An x86-64 machine</li>
+                <li>Storage hard drive</li>
+                <li>USB stick</li>
+                <li>Ethernet connection</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/installation/generic-x86-64" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <span class="label expert">Expert</span>
+
+  <h2>Advanced installation methods</h2>
+  <p>
+    Home Assistant offers four different installation methods. We recommend
+    using Home Assistant Operating System, but other methods are available for
+    experienced users for their specific needs, for example, running Home
+    Assistant in a virtualized environment (e.g. Proxmox), or on top of an
+    existing operating system (e.g. Windows, macOS, Linux):
+  </p>
+  <ul>
+    <li>
+      <b>Home Assistant Container:</b> Standalone container-based installation
+      of Home Assistant Core (e.g. Docker).
+    </li>
+    <li>
+      <b>Home Assistant Supervised:</b> Manual installation of the Supervisor.
+    </li>
+    <li>
+      <b>Home Assistant Core:</b> Manual installation using Python virtual
+      environment.
+    </li>
+  </ul>
+  <p>
+    Note that while these installation methods may provide some
+    features for advanced users, they may also have some major limitations.
+    For example, add-ons and other important Home Assistant features may not be available. Compare
+    installation methods here.
+  </p>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="icon">
+          <img src="/images/installation/linux.svg" />
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on Linux</h3>
+          <p>Use Home Assistant OS, Container, Supervised, or Core</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>Advanced knowledge of Linux</li>
+                <li>Using Linux command line</li>
+                <li>Using Docker Compose (for HA Container)</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Machine with Linux installed</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/installation/linux" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="icon">
+            <img src="/images/installation/macos.svg" />
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on macOS</h3>
+          <p>Use Home Assistant OS on a VM, or install Core</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>Advanced knowledge of macOS</li>
+                <li>Using macOS command line</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Machine with macOS installed</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/installation/macos" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="icon">
+            <img src="/images/installation/windows.svg" />
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on Windows</h3>
+          <p>Use Home Assistant OS on a VM, or Core on WSL</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                 <li>Know how to find an IP address on your router</li>
+                <li>Advanced knowledge of Windows</li>
+                <li>Using Linux command line</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Machine with Windows installed</li>
+                <li>VirtualBox (for VM)</li>
+                <li>Windows Subsystem for Linux (for Core)</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/installation/windows" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="installations-card">
+    <div class="material-card text">
+      <div class="content-container">
+        <div class="icon">
+        </div>
+        <div class="content">
+          <h3>Install Home Assistant on other systems</h3>
+          <p>Use Home Assistant on virtual machines, NAS, and more</p>
+          <div class="columns">
+            <div>
+              <b>SKILLS REQUIRED</b>
+              <ul>
+                <li>Know how to find an IP address on your router</li>
+                <li>Advanced knowledge of Windows</li>
+                <li>Using Linux command line</li>
+              </ul>
+            </div>
+            <div>
+              <b>TOOLS REQUIRED</b>
+              <ul>
+                <li>Machine with Windows installed</li>
+                <li>VirtualBox (for VM)</li>
+                <li>Windows Subsystem for Linux (for Core)</li>
+              </ul>
+            </div>
+          </div>
+          <div class="buttons">
+            <a href="/installation/alternative" class="button"
+              >View tutorial {% include assets/chevron_right.html %}</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 
 <h2>Compare installation methods</h2>
 
-<table class="compare-installations">
-    <th></th><th>HA OS<sup>1</sup></th><th>Container<sup>1</sup></th><th>Core<sup>1</sup></th><th>Supervised<sup>1</sup></th>
+<div class="compare-installations">
+  <table>
+    <th></th>
+    <th>HA OS<sup>1</sup></th>
+    <th>Container<sup>1</sup></th>
+    <th>Core<sup>1</sup></th>
+    <th>Supervised<sup>1</sup></th>
     <tr>
-        <td><a href="/docs/automation" target="_blank">Automations</a></td>
-        <td>✅</td><td>✅</td><td>✅</td><td>✅</td>
+      <td><a href="/docs/automation" target="_blank">Automations</a></td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td><a href="/dashboards" target="_blank">Dashboards</a></td>
-        <td>✅</td><td>✅</td><td>✅</td><td>✅</td>
+      <td><a href="/dashboards" target="_blank">Dashboards</a></td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td><a href="/integrations" target="_blank">Integrations</a></td>
-        <td>✅</td><td>✅</td><td>✅</td><td>✅</td>
+      <td><a href="/integrations" target="_blank">Integrations</a></td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td><a href="/docs/blueprint" target="_blank">Blueprints</a></td>
-        <td>✅</td><td>✅</td><td>✅</td><td>✅</td>
+      <td><a href="/docs/blueprint" target="_blank">Blueprints</a></td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td>Uses container</td>
-        <td>✅</td><td>✅</td><td>❌</td><td>✅</td>
+      <td>Uses container</td>
+      <td>✅</td>
+      <td>✅</td>
+      <td>❌</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td><a href="/docs/glossary/#home-assistant-supervisor" target="_blank">Supervisor</a></td>
-        <td>✅</td><td>❌</td><td>❌</td><td>✅</td>
+      <td>
+        <a href="/docs/glossary/#home-assistant-supervisor" target="_blank"
+          >Supervisor</a
+        >
+      </td>
+      <td>✅</td>
+      <td>❌</td>
+      <td>❌</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td><a href="/addons" target="_blank">Add-ons<a></td>
-        <td>✅</td><td>❌</td><td>❌</td><td>✅</td>
+      <td><a href="/addons" target="_blank">Add-ons</a></td>
+      <td>✅</td>
+      <td>❌</td>
+      <td>❌</td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td><a href="/common-tasks/os/#backups" target="_blank">Backups</a></td>
-        <td>✅</td><td>✅<sup>2</sup></td><td>✅<sup>2</sup></td><td>✅</td>
+      <td><a href="/common-tasks/os/#backups" target="_blank">Backups</a></td>
+      <td>✅</td>
+      <td>✅<sup>2</sup></td>
+      <td>✅<sup>2</sup></td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td>Managed Restore</td>
-        <td>✅</td><td>❌<sup>3</sup></td><td>❌<sup>3</sup></td><td>✅</td>
+      <td>Managed Restore</td>
+      <td>✅</td>
+      <td>❌<sup>3</sup></td>
+      <td>❌<sup>3</sup></td>
+      <td>✅</td>
     </tr>
     <tr>
-        <td>Managed OS</td>
-        <td>✅</td><td>❌</td><td>❌</td><td>❌</td>
+      <td>Managed OS</td>
+      <td>✅</td>
+      <td>❌</td>
+      <td>❌</td>
+      <td>❌</td>
     </tr>
-</table>
+  </table>
+</div>
 
-<sub>1: Names are abbreviated. The full names of the installation methods are: <ul>
+<sub
+  >1: Names are abbreviated. The full names of the installation methods are:
+  <ul>
     <li style="margin-top: 0.4em">Home Assistant Operating System</li>
     <li style="margin-top: 15px">Home Assistant Container</li>
     <li style="margin-top: 15px">Home Assistant Core</li>
     <li style="margin-top: 15px">Home Assistant Supervised</li>
-</ul></sub>
+  </ul></sub
+>
 <p>
-<sub>2: Backups for Home Assistant Core and Home Assistant Container is provided by the <a href="/integrations/backup" target="_blank"><code>backup</code> integration</a>.</sub></p>
+  <sub
+    >2: Backups for Home Assistant Core and Home Assistant Container is provided
+    by the
+    <a href="/integrations/backup" target="_blank"
+      ><code>backup</code> integration</a
+    >.</sub
+  >
+</p>
 <p>
-<sub>3: Backups for Home Assistant Core and Home Assistant Container are either a tool to migrate to HAOS or a completely manual restore of the backup.</sub></p>
+  <sub
+    >3: Backups for Home Assistant Core and Home Assistant Container are either
+    a tool to migrate to HAOS or a completely manual restore of the backup.</sub
+  >
+</p>
 <p></p>
+
+<p><i>We get commissions for purchases made through links in this post.</i></p>