Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html style="background-color: #fff;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Framer Monthly
  </title>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   #outlook a { padding:0; }
      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
      p { display:block;margin:13px 0; }
  </style>
  <!--[if mso]>
    <noscript>
    <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
  <!--[if lte mso 11]>
    <style type="text/css">
      .mj-outlook-group-fix { width:100% !important; }
    </style>
    <![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
        .mj-column-per-100 { width:100% !important; max-width: 100%; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:479px) {
      table.mj-full-width-mobile { width: 100% !important; }
      td.mj-full-width-mobile { width: auto !important; }
    }
  </style>
  <style type="text/css">
   .wfix {
          max-width: 2400px !important;
        }
        @media(max-width: 599px) {
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }

         
         
         .ShadowHTML.isMarketing { background-color: #fff !important; }
         

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    u + .body a {
      text-decoration: underline !important;
      color: #000000 !important;
    }
    u + .body .button a {
      text-decoration: none !important;
    }
  
          
    a:not(.link-nostyle) {
      text-decoration: underline;
      color: #000000 !important;
    }
    @media (prefers-color-scheme: dark) {
      a:not(.link-nostyle) {
        
    color: #ffffff !important;
  
      }
    }
  </style>
  <meta content="light" name="color-scheme"/>
  <meta content="light" name="supported-color-schemes"/>
 </head>
 <body class="body" style="word-spacing:normal;background-color:#ffffff;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   3D Transforms, Variables, Masking, and Deleting Projects
  </div>
  <div class="email-body" style="background-color:#ffffff;">
   <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F0100018f2a59e048-707f8221-a7ba-4562-8b4f-cd78847b135c-000000%252FKAfaNrgKEr6ifHSH1BtKldpD42cIgqNWu7sh7kP4c6c%253D350/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3MTQ0MDI0ODYuNDY1MjgyfQ:1s1SP0:Jo49NQRf_gOBSsrlw-FgRQtxjQgcpc0vPxdd352l7eE" style="display: none; width: 1px; height: 1px;"/>
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
͏ ‌     ­ ͏ ‌     ­
   </div>
   <!--[if mso]><style type="text/css"> .outlook-list-fix { margin-left:4px !important; } .outlook-break-full-link { word-break: break-all !important; } .outlook-hide-social-icon { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon * { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon table { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tbody { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tr { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon td { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon img { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon a { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; }
</style><table align="center" border="0" cellpadding="0" cellspacing="0" class="ml-outlook wfix-outlook gmail-no-padding-outlook wrapper-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="ml wfix gmail-no-padding wrapper" style="margin: 0px auto; max-width: 600px; margin-left: 0px !important;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="wfix-outlook" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
        <div class="wfix" style="margin:0px auto;max-width:600px;">
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
          <tbody>
           <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:24px;padding-left:0px;padding-right:0px;padding-top:24px;text-align:center;">
             <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" class="wfix-outlook rounded-corners-outlook styled-primary-column-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-per-100 mj-outlook-group-fix wfix rounded-corners styled-primary-column" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; max-width: 600px !important;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:#ffffff;border-radius:0px;vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:40px;">
                          <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclvc4w43t038k13ypmqts4wai%252Fclvc4w47u038l13ypm8d05eph.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTQ0MDI0ODYuNDY2MTY1fQ:1s1SP0:O8mPNXv1SAw8-q9ILv41ARmmgXRE4hSQAOoNu7C_WFQ" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="40"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        It has been a big month at Framer, filled with new creative capabilities and the launch of one of our most requested features. Here’s a recap.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#444444;">
                       <span class="bold dark-force" style="font-weight: 600; color: #000; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        3D Transforms
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        Earlier this month at our
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Spring Event
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        we released
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         3D Transforms
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        , our biggest creative leap forward yet. Place any layer in 3D space by editing properties like Rotation, Skew, Origin, Depth, and Perspective. All 3D layers remain selectable and editable, resulting in an unparalleled experience unique to Framer. These new features work seamlessly with Effects, Components, Cursors, and Overlays, letting you craft animations and interactions of the highest fidelity. In the few weeks since the release, we are already blown away with what the community has created. Get started with
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline dark-force" style="color: #000; font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         the video
                        </span>
                       </a>
                       <span class="dark-force" style="color: #000; line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                       </span>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        or explore
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         the demos
                        </span>
                       </a>
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        to learn more.
                       </span>
                       <br/>
                       <br/>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:580px;">
                          <a style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclvc4w43t038k13ypmqts4wai%252Fclvkxe09l020apq9pbzjscrw1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTQ0MDI0ODYuNDY2Mzg3N30:1s1SP0:CJeDw9MCqkaf96efBP639X2_nvIZL5DhZrQjFUJyviA" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                         Masking
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        Our most recent update this month brought Masking to Framer. Enabling you to add masks to your layers with a single click, then customize using gradients and images. Push your layouts further by stacking multiple masks on top of one another to achieve new creative layouts. Framer supports alpha masking, luminance masking, and compositing with multiple masks. With this release the possibilities are endless, and you can add masks to any type of layer, such as images, videos, components, and more.
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Watch the video here.
                        </span>
                       </a>
                       <br/>
                       <br/>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:580px;">
                          <a style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclvc4w43t038k13ypmqts4wai%252Fclvky2a8x02qeb5sdmxdmxl0g.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTQ0MDI0ODYuNDY2NTExfQ:1s1SP0:RwiYtuKHOm6NzgPNEHJ7uvwhezjMiV9DoARxWyWaP0Q" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:12px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:16px;line-height:26px !important;text-align:left;color:#000000;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; font-size: 16px; color: #000000 !important; line-height: 26px !important; font-size: 16px !important;">
                        <span class="bold" style="font-weight: 600; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                         Variables
                        </span>
                       </h3>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        This month we also introduced Variable support for all Styles, making Components more flexible and customizable. We added support for many new visual styles, like Borders and Shadows, as well as properties you’ll often need in your Navigations and Footers, such as Overflow, Transition, and Scrollbars. See the full list of Variables we added in the
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         update post.
                        </span>
                       </a>
                       <br/>
                       <br/>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:580px;">
                          <a style="text-decoration: underline; color: #000000 !important;" target="_blank">
                           <img height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fclvc4w43t038k13ypmqts4wai%252Fclvkyota10069e7137oogvxp2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3MTQ0MDI0ODYuNDY2NjI3NH0:1s1SP0:TwRTVqMTCHieCSWhlVepaz-ackCd79SP6trMVP-h0Vs" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="580"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span class="dark-force" style="color: #444; line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        Last but not least, you can now
                       </span>
                       <span class="underline dark-force" style="color: #000000; font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                        d
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline dark-force" style="color: #000000; font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         elete Projects
                        </span>
                       </a>
                       <span class="dark-force" style="color: #444; line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        ! That’s it for now, and we are looking forward to seeing what layouts you all dream up with these new features. Please let us know what you think in the
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline dark-force" style="color: #000000; font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Community
                        </span>
                       </a>
                       <span class="dark-force" style="color: #444; line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        . See you soon!
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span style="line-height: 22px !important; font-size: 14px; font-size: 14px !important;">
                        ✌️
                       </span>
                       <a class="body-link dark-force" rel="noopener noreferrer" style="text-decoration: underline; color: #000000 !important;" target="_blank">
                        <span class="underline" style="font-size: 14px; text-decoration: underline !important; line-height: 22px !important; font-size: 14px !important;">
                         Hunter
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:14px;line-height:22px !important;text-align:left;color:#444444;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:sans-serif;font-size:12px;line-height:19px !important;text-align:left;color:#9ca3af;">
                       <span class="opt-in-explanation" style="color: #9ca3af !important; font-size: 12px !important; line-height: 19px !important;">
                        You are receiving this email because you opted-in to receive updates from Framer
                        <br/>
                        Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands
                        <br/>
                        <a class="bold link-nostyle link-unsubscribe" rel="noopener noreferrer" style="font-weight: 600; text-decoration: none !important; color: #9ca3af !important; font-size: 12px !important; line-height: 19px !important;" target="_blank">
                         Unsubscribe
                        </a>
                       </span>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
 </body>
</html>