diff --git a/app/design/adminhtml/Magento/backend/Magento_Email/email/footer.html b/app/design/adminhtml/Magento/backend/Magento_Email/email/footer.html
new file mode 100644
index 0000000000000..f938e45bde854
--- /dev/null
+++ b/app/design/adminhtml/Magento/backend/Magento_Email/email/footer.html
@@ -0,0 +1,25 @@
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<!--@subject {{trans "Footer"}} @-->
+<!--@vars {
+"var store.getFrontendName()":"Store Name"
+} @-->
+
+<!-- End Content -->
+</td>
+</tr>
+<tr>
+    <td class="footer">
+        <p class="closing">{{trans "Thank you, %store_name" store_name=$store.getFrontendName()}}!</p>
+    </td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+<!-- End wrapper table -->
+</body>
diff --git a/app/design/adminhtml/Magento/backend/Magento_Email/email/header.html b/app/design/adminhtml/Magento/backend/Magento_Email/email/header.html
new file mode 100644
index 0000000000000..48f4e12057070
--- /dev/null
+++ b/app/design/adminhtml/Magento/backend/Magento_Email/email/header.html
@@ -0,0 +1,59 @@
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<!--@subject {{trans "Header"}} @-->
+<!--@vars {
+"var logo_height":"Email Logo Image Height",
+"var logo_width":"Email Logo Image Width",
+"var template_styles|raw":"Template CSS"
+} @-->
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <style type="text/css">
+        {{var template_styles|raw}}
+
+        {{css file="css/email.css"}}
+    </style>
+</head>
+<body>
+{{inlinecss file="css/email-inline.css"}}
+
+<!-- Begin wrapper table -->
+<table class="wrapper" width="100%">
+    <tr>
+        <td class="wrapper-inner" align="center">
+            <table class="main" align="center">
+                <tr>
+                    <td class="header">
+                        <a class="logo" href="{{store url=""}}">
+                        <img
+                                {{if logo_width}}
+                                width="{{var logo_width}}"
+                                {{else}}
+                                width="180"
+                                {{/if}}
+
+                        {{if logo_height}}
+                        height="{{var logo_height}}"
+                        {{else}}
+                        height="52"
+                        {{/if}}
+
+                        src="{{var logo_url}}"
+                        alt="{{var logo_alt}}"
+                        border="0"
+                        />
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="main-content">
+                        <!-- Begin Content -->
