Inboxes List

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<!-- IMPORTANT:
Do not include route helpers (`root_url`), because the URL options (e.g. the hostname) won't be correct. -->
<html style='--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; height: 100%; width: 100%; overflow-wrap: anywhere; color-scheme: light; --accent: 54 169 174; --contrast-accent: 255 255 255; --font-family: "ABC Favorit", "ABC Favorit", sans-serif; --color: 0 0 0; --primary: var(--color); --contrast-primary: 255 255 255; --filled: 255 255 255; --contrast-filled: var(--color); --body-bg: #ffffff; --active-bg: rgb(var(--color) / var(--gray-1)); --border-alpha: 1; margin: 0; padding: 0; border-style: solid; border-width: 0;'>
 <head>
  <title>
   You can now sign in with a passkey
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="initial-scale = 1.0, width=device-width" name="viewport"/>
  <style>
   @font-face {
font-family: ABC Favorit; src: url(https://inboxflows.com/_/image/%252Ffonts%252FABCFavorit-Regular.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiJTJGZm9udHMlMkZBQkNGYXZvcml0LVJlZyIsInRpbWUiOjE3ODE4MTg5OTEuNDIxMzQzNn0:1waKVz:BcheijCHBEpMdm7ZTKEgesLXz1VV-NK4WIEtpEh2yPE);
}
@font-face {
font-family: ABC Favorit; src: url(https://inboxflows.com/_/image/%252Ffonts%252FABCFavorit-RegularItalic.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiJTJGZm9udHMlMkZBQkNGYXZvcml0LVJlZyIsInRpbWUiOjE3ODE4MTg5OTEuNDIxOTIwNX0:1waKVz:myNmVXoIiFvxJRkFJ1j3V4yKQxIztEhsdCvC5mSjUqY); font-style: italic;
}
@font-face {
font-family: ABC Favorit; src: url(https://inboxflows.com/_/image/%252Ffonts%252FABCFavorit-Bold.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiJTJGZm9udHMlMkZBQkNGYXZvcml0LUJvbCIsInRpbWUiOjE3ODE4MTg5OTEuNDIyMDY4fQ:1waKVz:RgNmvrdFjjS4spJVUQFSCBfDb1hw8hTI6OftljmTTmo); font-weight: 700;
}
@font-face {
font-family: ABC Favorit; src: url(https://inboxflows.com/_/image/%252Ffonts%252FABCFavorit-BoldItalic.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiJTJGZm9udHMlMkZBQkNGYXZvcml0LUJvbCIsInRpbWUiOjE3ODE4MTg5OTEuNDIyMTg0N30:1waKVz:1Z6N--89940GuwVV17sqi6n4KnLGvHHHUIb8uzFRPEM); font-weight: 700; font-style: italic;
}
@layer base {

}
body {
height: 100%; width: 100%; overflow-wrap: anywhere;
}
body {
font-size: 16px; line-height: 1.375; font-family: var(--font-family); font-feature-settings: "ss11","ss04"; background-color: var(--body-bg); -webkit-font-smoothing: antialiased; color: rgb(var(--color));
}
.rich-text pre:hover .copy-wrapper {
display: initial;
}
.rich-text .embed .content>.thumbnail:hover .placeholder {
border-color: rgb(var(--accent)); color: rgb(var(--accent));
}
.rich-text .embed .content>.thumbnail:not(:hover) img+.placeholder {
opacity: 0;
}
.email>.main [role=alert]:before {
content: unset !important;
}
.email>.main [role=status]:before {
content: unset !important;
}
.email>.footer [role=alert]:before {
content: unset !important;
}
.email>.footer [role=status]:before {
content: unset !important;
}
body {
height: auto; min-height: 100%;
}
body {
background-color: #ffffff; color: #000; font-family: "ABC Favorit", "ABC Favorit", sans-serif;
}
@media (min-width:640px) {
  .email>.main table.two-product-card-table>tbody>tr>td {
    display: revert !important; width: 50% !important;
  }
  .email>.footer table.two-product-card-table>tbody>tr>td {
    display: revert !important; width: 50% !important;
  }
  .email>.main table.two-product-card-table>tbody>tr>td:first-child {
    padding-right: 8px !important; padding-bottom: 0 !important;
  }
  .email>.footer table.two-product-card-table>tbody>tr>td:first-child {
    padding-right: 8px !important; padding-bottom: 0 !important;
  }
  .email>.main table.two-product-card-table>tbody>tr>td:last-child {
    padding-left: 8px !important;
  }
  .email>.footer table.two-product-card-table>tbody>tr>td:last-child {
    padding-left: 8px !important;
  }
  .email>.main>* {
    padding: 24px !important;
  }
  .announcement .main>.header {
    padding: 0 !important;
  }
  .announcement .main>*:not(.header) {
    padding: 32px !important;
  }
  .post .main>* {
    padding: 0 !important;
  }
}
@media (min-width:1024px) {
  .product-card .header h4 {
    font-size: 18.4px; line-height: 1.375;
  }
}
  </style>
 </head>
 <body bgcolor="#ffffff" style='--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; height: auto; width: 100%; overflow-wrap: anywhere; font-size: 16px; line-height: 1.375; font-family: "ABC Favorit", "ABC Favorit", sans-serif; font-feature-settings: "ss11","ss04"; background-color: #ffffff; -webkit-font-smoothing: antialiased; color: #000; min-height: 100%; margin: 0; padding: 0; border-style: solid; border-width: 0;'>
  <div class="email post" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; font-size: 16px; line-height: 1.375; margin: 0; padding: 12px; border-style: solid; border-width: 0;">
   <div class="main" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 560px; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 16px auto; padding: 0; border-style: none; border-width: 1px;">
    <div style="display: none; max-height: 0; overflow: hidden; --parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 24px; padding: 0; border-style: solid solid none; border-width: 0 0 1px;">
     Hi creator, Signing in should be the easy part of your day. So we've made it simpler: you can now sign in to Gumroad with a passkey. A passkey uses the fingerprint, face, or screen lock you already use on your phone or laptop. It's quicker than a passw...
    </div>
    <div style="display: none; max-height: 0; overflow: hidden; --parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 24px; padding: 0; border-style: solid solid none; border-width: 0 0 1px;">
     ͏
    </div>
    <div style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 24px; padding: 0; border-style: solid solid none; border-width: 0 0 1px;">
     <h2 style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; font-size: 20px; line-height: 1.3; font-weight: 400; margin: 0; padding: 0; border-style: solid; border-width: 0;">
      <a class="title" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; color: var(--color); text-decoration: none; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;" target="_blank">
       You can now sign in with a passkey
      </a>
     </h2>
    </div>
    <div class="rich-text" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 24px; padding: 0; border-style: solid solid none; border-width: 0 0 1px;">
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
      Hi creator,
     </p>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0; border-style: solid; border-width: 0;">
      Signing in should be the easy part of your day. So we've made it simpler: you can now sign in to Gumroad with a passkey.
     </p>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0; border-style: solid; border-width: 0;">
      A passkey uses the fingerprint, face, or screen lock you already use on your phone or laptop. It's quicker than a password, and it can't be phished.
     </p>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0; border-style: solid; border-width: 0;">
      To add one:
     </p>
     <ol style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0 0 0 16px; border-style: solid; border-width: 0;">
      <li style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 16px; padding: 0; border-style: solid; border-width: 0;">
       Go to Settings, then Password and authentication
      </li>
      <li style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 16px; padding: 0; border-style: solid; border-width: 0;">
       Find the Passkeys section
      </li>
      <li style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
       Click Add a passkey
      </li>
     </ol>
     <figure style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0; padding: 0; border-style: solid; border-width: 0;">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fpublic-files.gumroad.com%252Fz52bqz7tyt49w7ix2jew4ok58gwq/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZwdWJsaWMtZmlsZSIsInRpbWUiOjE3ODE4MTg5OTEuNDI0NzF9:1waKVz:p8k_5ZnOE3FXfztKjXzZDdrnfpd60rnt9DheUG2zyFY" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; width: 100%; object-fit: contain; border-radius: 4px; display: block; margin: 0; padding: 0; border-style: solid; border-width: 0;"/>
      <p class="figcaption" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 12px 0 0; padding: 0 0 0 4px; border-style: solid; border-width: 0;">
      </p>
     </figure>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0; border-style: solid; border-width: 0;">
      It takes about ten seconds. Your password still works too, so you can use whichever way you like to sign in.
      <br style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0; padding: 0; border-style: solid; border-width: 0;"/>
      <br style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0; padding: 0; border-style: solid; border-width: 0;"/>
      We hope this makes getting back to your work a little faster. As always, thanks for building with us.
     </p>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0; border-style: solid; border-width: 0;">
      Thanks for building on Gumroad.
     </p>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 24px 0 0; padding: 0; border-style: solid; border-width: 0;">
      — The Gumroad team
     </p>
    </div>
   </div>
   <div align="center" class="footer" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 560px; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; text-align: center; margin: 32px auto 16px; padding: 24px 0 0; border-style: solid; border-width: 1px 0 0;">
    <div class="paragraphs" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; display: block; margin: 0; padding: 0; border-style: solid; border-width: 0;">
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 12px; padding: 0; border-style: solid; border-width: 0;">
      <a style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;">
       Unsubscribe
      </a>
     </p>
     <p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
      548 Market St, San Francisco, CA 94104-5401, USA
     </p>
    </div>
    <a class="wordmark" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; color: var(--color); text-decoration: none; cursor: pointer; display: inline-block; margin: 32px 0 0; padding: 0; border-style: solid; border-width: 0;">
     Powered by
     <img alt="Gumroad" height="18" src="https://inboxflows.com/_/image/https%253A%252F%252Fassets.gumroad.com%252Fimages%252Femail%252Fwordmark_logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc3NldHMuZ3VtciIsInRpbWUiOjE3ODE4MTg5OTEuNDI0ODMwN30:1waKVz:MVbUjZpJdJ42UPPCBXpaix61l862G5yDSkoTkZhSnSM" style="width: 138px; height: 18px; --parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: text-bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: .1; --gray-2: .2; --gray-3: .5; margin: 0 0 0 4px; padding: 0; border-style: solid; border-width: 0;" width="138"/>
    </a>
   </div>
  </div>
  <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Ftrack.gumroad.com%252FCI0%252F0100019edcb01ff9-f34aa06f-ed67-4bbc-8fcd-996849f60592-000000%252FZIWQZHXd0s-0nk_B73U3EgA79qPgKS9V2NnX0KEVoAY%253D452/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnRyYWNrLmd1bXJvYSIsInRpbWUiOjE3ODE4MTg5OTEuNDI0OTU1MX0:1waKVz:JIe_4Otrp9ys5r9uQTwbHx7RmLtdFGhSwILGvJ8bohI" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>