diff --git a/README.md b/README.md
index 0c746480..d5d61301 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
     <a href="https://simplelogin.io">
-        <img src="./docs/diagram.png" height="300px">
+        <img src="./docs/hero.svg" height="300px">
     </a>
 </p>
 
diff --git a/docs/hero.svg b/docs/hero.svg
new file mode 100644
index 00000000..2fa718c1
--- /dev/null
+++ b/docs/hero.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1105" height="1131" viewBox="0 0 1105 1131">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#e3156a"/>
+      <stop offset="1" stop-color="#91187f"/>
+    </linearGradient>
+    <clipPath id="clip-Artboard_3">
+      <rect width="1105" height="1131"/>
+    </clipPath>
+  </defs>
+  <g id="Artboard_3" data-name="Artboard – 3" clip-path="url(#clip-Artboard_3)">
+    <rect width="1105" height="1131" fill="#fff"/>
+    <path id="Icon_simple-groupon" data-name="Icon simple-groupon" d="M7.6,46.6A26.694,26.694,0,0,0,27.527,55,27.933,27.933,0,0,0,50.394,43.168,26.235,26.235,0,0,0,55,27.688c0-1.109-.073-2.305-.144-3.5H24.28V34.748H39.6A13.689,13.689,0,0,1,27.527,41.9c-7.4,0-14.036-6.472-14.036-14.889A13.963,13.963,0,0,1,27.527,13.1c4.226,0,7.689,1.716,11.025,5.131H53.494C49.2,6.919,39.151,0,27.69,0A27.308,27.308,0,0,0,8.142,7.812,26.319,26.319,0,0,0,0,26.936,27.257,27.257,0,0,0,7.6,46.6Z" transform="translate(181 141)" fill="rgba(66,150,56,0.69)"/>
+    <text id="groupon_alias.com" data-name="groupon@alias.com" transform="translate(91.809 596.283)" fill="#c11672" font-size="26" font-family="HelveticaNeue, Helvetica Neue" opacity="0.997"><tspan x="0" y="0">groupon@alias.com</tspan></text>
+    <text id="meetup_alias.com" data-name="meetup@alias.com" transform="translate(800.967 594.607)" fill="#b91674" font-size="26" font-family="HelveticaNeue, Helvetica Neue" opacity="0.997"><tspan x="0" y="0">meetup@alias.com</tspan></text>
+    <text id="facebook_alias.com" data-name="facebook@alias.com" transform="translate(444.654 594.565)" fill="#bc1673" font-size="26" font-family="HelveticaNeue, Helvetica Neue" opacity="0.997"><tspan x="0" y="0">facebook@alias.com</tspan></text>
+    <path id="Icon_simple-meetup" data-name="Icon simple-meetup" d="M54.948,44.712c-.7-4.425-8.878-1.017-9.386-5.864-.717-6.87,9.51-21.676,8.7-27.435C53.546,6.245,50.044,5.157,47.01,5.1c-2.942-.046-3.719.417-4.716,1A1.772,1.772,0,0,1,39.746,6c-.765-.729-1.276-1.228-2.074-1.877a4.388,4.388,0,0,0-2.166-.905,7.109,7.109,0,0,0-3.419.383,9.429,9.429,0,0,0-2.351,1.716c-.74.649-2.628,2.745-4.379,1.968-.768-.332-3.341-1.618-5.207-2.418-3.582-1.551-8.759.962-10.624,4.276-2.78,4.925-8.25,24.3-9.084,26.846-1.854,5.734,2.365,10.4,8.041,10.138,2.411-.117,4.01-.985,5.527-3.754.88-1.588,9.118-23.115,9.735-24.16a2.7,2.7,0,0,1,3.185-1.089,2.916,2.916,0,0,1,1.331,3.256c-.312,2.051-6.116,15.191-6.35,16.671-.371,2.528.823,3.928,3.453,4.065,1.8.094,3.591-.543,5-3.231.8-1.494,9.966-19.859,10.775-21.087.894-1.343,1.611-1.785,2.528-1.737.708.034,1.831.22,1.554,2.328-.28,2.074-7.661,15.537-8.424,18.839a9.752,9.752,0,0,0,5.365,10.835c2.548,1.251,13.681,3.382,12.78-2.353Z" transform="translate(902 139.845)" fill="rgba(237,65,65,0.81)"/>
+    <path id="Icon_awesome-facebook-square" data-name="Icon awesome-facebook-square" d="M49.107,2.25H5.893A5.893,5.893,0,0,0,0,8.143V51.357A5.893,5.893,0,0,0,5.893,57.25h16.85v-18.7H15.008v-8.8h7.734V23.042c0-7.63,4.542-11.845,11.5-11.845a46.856,46.856,0,0,1,6.816.594V19.28H37.22c-3.782,0-4.962,2.347-4.962,4.755V29.75H40.7l-1.35,8.8H32.257v18.7h16.85A5.893,5.893,0,0,0,55,51.357V8.143A5.893,5.893,0,0,0,49.107,2.25Z" transform="translate(550 136.75)" fill="rgba(78,85,165,0.79)"/>
+    <path id="Icon_awesome-toggle-on" data-name="Icon awesome-toggle-on" d="M30,4.5H15a15,15,0,1,0,0,30H30a15,15,0,1,0,0-30Zm0,25a10,10,0,1,1,10-10A9.994,9.994,0,0,1,30,29.5Z" transform="translate(251 512.5)" fill="#aa1778"/>
+    <path id="Icon_awesome-toggle-on-2" data-name="Icon awesome-toggle-on" d="M30,4.5H15a15,15,0,1,0,0,30H30a15,15,0,1,0,0-30Zm0,25a10,10,0,1,1,10-10A9.994,9.994,0,0,1,30,29.5Z" transform="translate(965 503.5)" fill="#b91674"/>
+    <path id="Icon_awesome-toggle-off" data-name="Icon awesome-toggle-off" d="M30,4.5H15a15,15,0,1,0,0,30H30a15,15,0,1,0,0-30ZM5,19.5a10,10,0,1,1,10,10A9.995,9.995,0,0,1,5,19.5Zm25,10H26.179a14.994,14.994,0,0,0,0-20H30a10,10,0,0,1,0,20Z" transform="translate(625 511.5)" fill="#c61671"/>
+    <path id="Icon_material-mail-outline" data-name="Icon material-mail-outline" d="M57,6H9a5.992,5.992,0,0,0-5.97,6L3,48a6.018,6.018,0,0,0,6,6H57a6.018,6.018,0,0,0,6-6V12A6.018,6.018,0,0,0,57,6Zm0,42H9V18L33,33,57,18ZM33,27,9,12H57Z" transform="translate(173 502)" fill="#7bb674"/>
+    <path id="Icon_material-mail-outline-2" data-name="Icon material-mail-outline" d="M57,6H9a5.992,5.992,0,0,0-5.97,6L3,48a6.018,6.018,0,0,0,6,6H57a6.018,6.018,0,0,0,6-6V12A6.018,6.018,0,0,0,57,6Zm0,42H9V18L33,33,57,18ZM33,27,9,12H57Z" transform="translate(547 499)" fill="#7379b8"/>
+    <path id="Icon_material-mail-outline-3" data-name="Icon material-mail-outline" d="M57,6H9a5.992,5.992,0,0,0-5.97,6L3,48a6.018,6.018,0,0,0,6,6H57a6.018,6.018,0,0,0,6-6V12A6.018,6.018,0,0,0,57,6Zm0,42H9V18L33,33,57,18ZM33,27,9,12H57Z" transform="translate(887 499)" fill="#f06565"/>
+    <line id="Line_1" data-name="Line 1" x1="1" y2="258" transform="translate(205.5 218.5)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <line id="Line_4" data-name="Line 4" x1="1" y2="258" transform="translate(931.5 204.5)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <line id="Line_2" data-name="Line 2" y2="85" transform="translate(580.5 217.5)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <line id="Line_3" data-name="Line 3" y2="108" transform="translate(580.5 361.5)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <path id="Path_186" data-name="Path 186" d="M-164.529,1669.5l16.008,14.3,17.483-14.3" transform="translate(729 -1202)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <path id="Path_191" data-name="Path 191" d="M-164.529,1669.5l16.008,14.3,17.483-14.3" transform="translate(354 -1201)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <path id="Path_192" data-name="Path 192" d="M-164.529,1669.5l16.008,14.3,17.483-14.3" transform="translate(1080 -1215)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <path id="Icon_ionic-md-paper-plane" data-name="Icon ionic-md-paper-plane" d="M3.375,27.487l12.862,4.825,1.6,16.064,8.037-11.25,11.25,11.25,11.25-45Zm31.9,13.63-8.968-9.032L38.737,14.625,19.125,29.531l-7.431-2.683,31.478-16.9Z" transform="matrix(-0.174, 0.985, -0.985, -0.174, 203.577, 332.524)" fill="#c11672"/>
+    <path id="Icon_ionic-md-paper-plane-2" data-name="Icon ionic-md-paper-plane" d="M3.375,27.487l12.862,4.825,1.6,16.064,8.037-11.25,11.25,11.25,11.25-45Zm31.9,13.63-8.968-9.032L38.737,14.625,19.125,29.531l-7.431-2.683,31.478-16.9Z" transform="matrix(-0.174, 0.985, -0.985, -0.174, 929.577, 318.524)" fill="#c11672"/>
+    <g id="Icon_ionic-md-mail-unread" data-name="Icon ionic-md-mail-unread" transform="translate(529.75 896.5)">
+      <path id="Path_187" data-name="Path 187" d="M34.875,9a4.5,4.5,0,1,1-4.5-4.5,4.5,4.5,0,0,1,4.5,4.5Z" transform="translate(57.375)" fill="#af1677"/>
+      <path id="Path_188" data-name="Path 188" d="M71.852,30.254,46.681,47.139,11.771,23.727V15.205l34.91,23.411L66.735,25.164A18.039,18.039,0,0,1,66.5,5.625H10.72a8.517,8.517,0,0,0-8.47,8.522V67.376A8.517,8.517,0,0,0,10.72,75.9H82.662a8.517,8.517,0,0,0,8.47-8.522V30.393a17.762,17.762,0,0,1-19.28-.14Z" transform="translate(0 0)" fill="#af1677"/>
+    </g>
+    <path id="Path_189" data-name="Path 189" d="M-147.165,1816s-43.6,110.247,31.553,178.6,104.424,7.328,185.53,15.373S171,2081.49,171,2081.49" transform="translate(353 -1200)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <path id="Path_190" data-name="Path 190" d="M152,2079.774l22.535,5.764v-20.9" transform="translate(355.277 -1200)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 4"/>
+    <text id="X" transform="translate(567 352)" fill="#b11777" font-size="44" font-family="HelveticaNeue, Helvetica Neue"><tspan x="0" y="0">X</tspan></text>
+    <text id="my-real-email_example.com" data-name="my-real-email@example.com" transform="translate(397 1006)" fill="#ae0721" font-size="30" font-family="HelveticaNeue, Helvetica Neue"><tspan x="0" y="0">my-real-email@example.com</tspan></text>
+    <path id="Icon_map-locksmith" data-name="Icon map-locksmith" d="M31.075,15.12H29.52V8.9c0-4.088-4.1-8.185-8.189-8.185H14.5C10.418.72,6.48,4.817,6.48,8.9V15.12H4.759a1.544,1.544,0,0,0-1.159,1.2v18.33c0,.431.672.635,1.159.635H31.075c.489,0,1.325-.2,1.325-.635V16.315a1.76,1.76,0,0,0-1.325-1.2ZM21.393,32.4H14.445L15.9,25.224a3.723,3.723,0,0,1-1.458-2.956,3.527,3.527,0,0,1,3.474-3.524,3.428,3.428,0,0,1,3.475,3.406,4,4,0,0,1-1.457,3.094ZM24.48,15.12H11.52V8.9A2.944,2.944,0,0,1,14.574,5.76h6.688A3.076,3.076,0,0,1,24.48,8.9Z" transform="translate(285.93 767)" fill="url(#linear-gradient)"/>
+    <path id="Icon_map-locksmith-2" data-name="Icon map-locksmith" d="M31.075,15.12H29.52V8.9c0-4.088-4.1-8.185-8.189-8.185H14.5C10.418.72,6.48,4.817,6.48,8.9V15.12H4.759a1.544,1.544,0,0,0-1.159,1.2v18.33c0,.431.672.635,1.159.635H31.075c.489,0,1.325-.2,1.325-.635V16.315a1.76,1.76,0,0,0-1.325-1.2ZM21.393,32.4H14.445L15.9,25.224a3.723,3.723,0,0,1-1.458-2.956,3.527,3.527,0,0,1,3.474-3.524,3.428,3.428,0,0,1,3.475,3.406,4,4,0,0,1-1.457,3.094ZM24.48,15.12H11.52V8.9A2.944,2.944,0,0,1,14.574,5.76h6.688A3.076,3.076,0,0,1,24.48,8.9Z" transform="translate(713.93 709)" fill="url(#linear-gradient)"/>
+    <path id="Path_195" data-name="Path 195" d="M852.538,1776.159s-40.43,11.784-54.916,60,0,81.47,0,81.47,11.734,48.231,48.454,32.742,6.461-52.778,6.461-52.778-32.971-17.76-73.978,14.531-92.788,152.565-92.788,152.565" transform="translate(-37.825 -1155.685)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 6"/>
+    <path id="Path_196" data-name="Path 196" d="M294.5,2009.748l-2.011,17.9,15.542-6.695" transform="translate(351 -1114)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 4"/>
+    <path id="Path_197" data-name="Path 197" d="M-159.743,1740.307l15.2-15.786,7.495,20.667" transform="translate(354 -1119)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 4"/>
+    <path id="Path_198" data-name="Path 198" d="M453.9,1730.937l19.345,3.03-10.607,18.592" transform="translate(353 -1119)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="4 4"/>
+  </g>
+</svg>