Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <title>
   Figma
  </title>
  <style type="text/css">
   /* CLIENT-SPECIFIC STYLES */
            body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
            table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
            img { -ms-interpolation-mode: bicubic; }
            h1, h2, h3 { font-weight: 400}
            /* RESET STYLES */
            img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
            table { border-collapse: collapse !important; }
            body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
            /* iOS BLUE LINKS */
            a[x-apple-data-detectors] {
                color: inherit !important;
                text-decoration: none !important;
                font-size: inherit !important;
                font-family: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
            }

            @font-face {
                font-family: "Apercu";
                font-style: normal;
                font-weight: 400;
                src: url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fblog%252Ffonts%252FApercu-Regular.eot%253F%2523iefix/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY) format('embedded-opentype'),
                  url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fblog%252Ffonts%252FApercu-Regular.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY) format('woff2'),
                  url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fblog%252Ffonts%252FApercu-Regular.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY)  format('truetype');
            }

            /* MOBILE STYLES */
            @media screen and (max-width: 600px) {
                .img-max {
                    width: 100% !important;
                    max-width: 100% !important;
                    height: auto !important;
                }

                .max-width {
                    max-width: 100% !important;
                }

                .mobile-wrapper {
                    width: 85% !important;
                    max-width: 85% !important;
                }

                .mobile-padding {
                    padding-left: 5% !important;
                    padding-right: 5% !important;
                }

                /* ADJUST BUTTONS ON MOBILE */
                .mobile-button-container {
                    margin: 0 auto;
                    width: 100% !important;
                }

                .mobile-button {
                    padding: 15px !important;
                    border: 0 !important;
                    font-size: 15px !important;
                    display: block !important;
                }
            }

            /* ANDROID CENTER FIX */
            div[style*="margin: 16px 0;"] { margin: 0 !important; }
  </style>
 </head>
 <body bgcolor="#191919" style="margin: 0 !important; padding: 0; !important background-color: #191919;">
  <!-- HIDDEN PREHEADER TEXT -->
  <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Apercu, Helvetica, Arial, Roboto, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
   <!-- optional preheader text -->
  </div>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tr>
    <td align="center" bgcolor="#191919" class="mobile-padding" style="background: #191919; background-size: cover; background-attachment: fixed; padding: 35px 15px 0 15px; text-align:center" valign="top" width="100%">
     <!--[if (gte mso 9)|(IE)]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="left" valign="top" width="600">
<![endif]-->
     <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:600px;" width="100%">
      <tr>
       <td align="left" style="padding: 0 0 35px 0;" valign="top">
        <a target="_blank">
         <img border="0" height="25" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Flogomark2x-2016-09-25.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" style="display: block;" width="69"/>
        </a>
       </td>
      </tr>
      <tr>
       <td align="left" bgcolor="#f6f6f6" style="padding: 50px; font-family: Apercu, Helvetica, Arial, Roboto, sans-serif; font-size: 15px; line-height: 22px; box-shadow: 0 0 5px rgba(0,0,0,.5); text-align:center" valign="top">
        <!-- EMAIL CONTENT STARTS HERE (within white container) -->
        <!-- HEADER TEXT BLOCK -->
        <h1 style="text-align:center; line-height:38px">
         You know the drill...
        </h1>
        <!-- these can be used for whitespace between blocks -->
        <br/>
        <!-- IMAGE BLOCK WITH LINK -->
        <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252F091317emailconf.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" width="70%"/>
        <!-- END LINKED IMAGE BLOCK -->
        <br/>
        <br/>
        <!-- TEXT BLOCK EXAMPLE -->
        <p style="color: #000000; font-size: 15px; line-height: 22px; margin: 10; text-align:center">
         Before we can get started, we have to confirm your email  address.
         <br/>
         Just click here…
        </p>
        <!--- "BULLETPROOF" RESPONSIVE EMAIL BUTTON -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <tr>
          <td align="center" class="padding" style="padding-top: 25px;">
           <table border="0" cellpadding="0" cellspacing="0" class="mobile-button-container">
            <tr>
             <td align="center" bgcolor="#00d058">
              <a class="mobile-button" style="font-size: 15px; font-family: Apercu, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; display: inline-block;" target="_blank">
               Confirm your email
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <!--- END RESPONSIVE BUTTON -->
        <br/>
        <br/>
        <p style="color: #A9A9A9; font-size: 15px; line-height: 22px; margin: 10; text-align:center">
         Questions about Figma? Check out our
         <a style="text-decoration:none; color: #A9A9A9;" target="_blank">
          <u>
           Help Center.
          </u>
         </a>
        </p>
        <!-- NO EMAIL CONTENT BELOW HERE!  -->
       </td>
      </tr>
      <!-- FOOTER -->
      <tr>
       <td>
        <table width="100%">
         <tr style="font-family: Apercu, Helvetica, Arial, sans-serif; color: #ffffff;">
          <td align="left" style="padding: 20px 0; text-decoration:none">
           <a style="margin-right:8px; text-decoration:none" target="_blank">
            <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Ftwitter2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" width="20"/>
           </a>
           <a style="margin-right:8px; text-decoration:none" target="_blank">
            <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Fmedium2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" width="20"/>
           </a>
           <a style="margin-right:8px; text-decoration:none" target="_blank">
            <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Ffacebook2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" width="20"/>
           </a>
           <a target="_blank">
            <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Flinkedin2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" width="20"/>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td align="center" style="padding: 25px 0; font-family: Apercu, Helvetica, Arial, sans-serif; color: #ffffff;" valign="top">
        <p style="font-size: 12px; line-height: 18px;">
         116 New Montgomery St, Suite 400
         <br/>
         San Francisco, CA 94105
         <br/>
         <br/>
        </p>
       </td>
      </tr>
      <!--- END FOOTER -->
     </table>
     <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
    </td>
   </tr>
  </table>
 </body>
</html>