Initial Made for ESPHome page and logos (#1448)

Co-authored-by: Joakim Sørensen <ludeeus@ludeeus.dev>

guides/made_for_esphome.rst

@@ -0,0 +1,62 @@
+.. _made_for_esphome:
+
+Made for ESPHome
+================
+
+.. seo::
+    :description: Information about the "Made for ESPHome" logo
+    :image: /_static/made-for-esphome-black-on-white.png
+
+ESPHome has a great and active community that loves creating and sharing projects.
+You can apply for your project to get the Made for ESPHome stamp of approval.
+This ensures that your project is powered by ESPHome and guarantees a
+minimum level of customizability to users.
+
+Requirements
+------------
+
+Your product has to match the following requirements:
+ - Your project is powered by ESPHome
+ - Your ESPHome configuration is open source
+ - Users should be able to apply updates if your project sells ready-made devices
+ - Your product name cannot contain **ESPHome** except in the case of *ending with* **for ESPHome**
+
+When your project matches all requirements of the Made for ESPHome program,
+you can apply for permission to carry the logo by emailing esphome@nabucasa.com
+
+Logos
+-----
+
+.. raw:: html
+
+    <style>
+        .transparent-background img {
+            background: repeating-conic-gradient(#999 0% 25%, transparent 10% 50%) 50% / 10px 10px;
+        }
+    </style>
+
+.. figure:: /_static/made-for-esphome-black-on-white.png
+    :align: center
+    :width: 100%
+
+    Made with ESPHome black on white
+
+.. figure:: /_static/made-for-esphome-white-on-black.png
+    :align: center
+    :width: 100%
+
+    Made with ESPHome white on black
+
+.. figure:: /_static/made-for-esphome-black-on-transparent.png
+    :align: center
+    :width: 100%
+    :class: transparent-background
+
+    Made with ESPHome black on transparent
+
+.. figure:: /_static/made-for-esphome-white-on-transparent.png
+    :align: center
+    :width: 100%
+    :class: transparent-background
+
+    Made with ESPHome white on transparent

index.rst

@@ -70,6 +70,11 @@ ESPHome is a system to control your ESP8266/ESP32 by simple yet powerful configu
                         Creating a Project
                     </a>
                 </li>
+                <li>
+                    <a class="reference" href="/guides/made_for_esphome.html">
+                        Made for ESPHome program
+                    </a>
+                </li>
             </ul>
         </div>
         <div class="guide-card">