Inboxes List

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html dir="auto" lang="en" style="background-color: transparent;" 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]-->
  <!--[if !mso]><!-->
  <link href="https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DArial%253A400%252C600/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3NjUyMDU4NzIuMjAzOTE5Mn0:1vScgS:PrtMzIqTM0XZ8FbiseQYlIEYh7K5BzYzyAYorQQ54gc" rel="stylesheet" type="text/css"/>
  <style type="text/css">
   @import url(https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DArial%253A400%252C600/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3NjUyMDU4NzIuMjAzOTE5Mn0:1vScgS:PrtMzIqTM0XZ8FbiseQYlIEYh7K5BzYzyAYorQQ54gc);
  </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: 600px !important;
        }
        
        @media(max-width: 480px) {
          .body-image-mobile-width-42 td { width: 42px !important; } .body-image-mobile-width-600 td { width: 600px !important; }
          .body-image td  { max-width: 100% !important; }
          .body-image img  { box-sizing: border-box; }
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
        
    .mobile-only { display: none !important; } .desktop-only { display: block !important; }
    @media(max-width: 480px) { .column-stack { width: 100% !important; max-width: 100% !important; display: block !important; } .column-stack td,.column-stack th { padding-left: 0 !important; padding-right: 0 !important; } .mobile-only { display: block !important; } .desktop-only { display: none !important; } }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }
         
         
  .ShadowHTML .styleUnquotedContent .unquoted-content a[href]:not(.sh-preserve-color), .ShadowHTML .styleUnquotedContent .sh-unquoted-content a[href]:not(.sh-preserve-color), .ShadowHTML .styleQuotedContent .sh-quoted-content a[href]:not(.sh-preserve-color), .ShadowHTML .sh-signature a[href]:not(.sh-preserve-color), .ShadowHTML .Signature-settings a[href]:not(.sh-preserve-color) {
    color: inherit;
  }
  .ShadowHTML .styleUnquotedContent .unquoted-content .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .styleUnquotedContent .sh-unquoted-content .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .styleQuotedContent .sh-quoted-content .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .sh-signature .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .Signature-settings .opt-in-explanation a[href]:not(.sh-preserve-color) {
    color: #9ca3af !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

         
    .ShadowHTML .styleUnquotedContent .unquoted-content *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings *:not(.sh-preserve-line-height) {
      line-height: 21px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings *:not(.sh-preserve-font-size) {
      font-size: 14px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-line-height) {
      line-height: 36px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-font-size) {
      font-size: 30px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-line-height) {
      line-height: 32px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-font-size) {
      font-size: 24px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-line-height) {
      line-height: 26px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-font-size) {
      font-size: 16px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size) h1 *, .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size) h1 *, .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size) h1 *, .sh-signature *:not(.sh-preserve-font-size) h1 *, .Signature-settings *:not(.sh-preserve-font-size) h1 * {
      font-size: 30px !important;
    }

    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-line-height) {
      line-height: 36px !important;
    }
  
    .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size) h2 *, .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size) h2 *, .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size) h2 *, .sh-signature *:not(.sh-preserve-font-size) h2 *, .Signature-settings *:not(.sh-preserve-font-size) h2 * {
      font-size: 24px !important;
    }

    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-line-height) {
      line-height: 32px !important;
    }
  
    .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size) h3 *, .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size) h3 *, .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size) h3 *, .sh-signature *:not(.sh-preserve-font-size) h3 *, .Signature-settings *:not(.sh-preserve-font-size) h3 * {
      font-size: 16px !important;
    }

    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-line-height) {
      line-height: 26px !important;
    }
  
         
  .ShadowHTML :is(.styleUnquotedContent .unquoted-content, .styleUnquotedContent .sh-unquoted-content, .styleQuotedContent .sh-quoted-content, .sh-signature, .Signature-settings) :is(td.column-container, div[class^="mj-column-per-"]){font-size:0!important}
  html.sh-color :is(td.column-container, div[class^="mj-column-per-"], div.mj-column-per-100.mj-outlook-group-fix){font-size:0!important}
  @media(max-width:480px){
    html.sh-color .column-stack{width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack td,.column-stack th){padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack, .column-stack *){word-break:break-word!important;overflow-wrap:anywhere!important}
    html.sh-color :is(.column-persist, .column-persist *){word-break:break-word!important;overflow-wrap:anywhere!important}
  }
  html.sh-color a[href^="tel:"]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important}

         
         
  .ShadowHTML .styleUnquotedContent .unquoted-content .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings .social-icons *:not(.sh-preserve-font-size) {
    font-size: unset !important;
  }

         [class~="x_social-icon-dark-mode"] { display: none !important; mso-hide:all;  width: 0px !important; padding: 0px !important; }

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a { text-decoration: none; color: inherit; }
    @media (prefers-color-scheme: dark) {
    a { 
    color: inherit;
   }
  }
  
          
    
  .Theme-carbon .divider.dark-force p { border-color: #ffffff !important; }
  .Theme-carbon .powered-by-image-dark { display: block !important; }
  .Theme-carbon .powered-by-image { display: none !important; }
  .Theme-carbon .social-icon.social-icon-hide-dark-mode { display: none !important; }
  .Theme-carbon .social-icon-dark-mode { display: block !important; }
  .Theme-carbon * { color: #ffffff !important; }

    
  .Theme-carbon .styleQuotedContent.styleUnquotedContent .sh-color-grey.link-custom-footer-dark-force, .Theme-carbon .Editor-inner .sh-color-grey.link-custom-footer-dark-force, .Theme-carbon .Signature-settings .sh-color-grey.link-custom-footer-dark-force {
    color: #ffffff !important;
  }

    @media (prefers-color-scheme: dark) {
      
#root[data-shadow-root-container-id] .body { background-color: Canvas !important; }
td.dark-force div { color: #FFFFFF !important; }
span.dark-force { color:#FFFFFF !important; }
a.dark-force, a.dark-force span { color: #FFFFFF; }
h1.dark-force, h1.dark-force > span,
h2.dark-force, h2.dark-force > span,
h3.dark-force, h3.dark-force > span { color: #FFFFFF; }
.divider.dark-force p { border-color: #FFFFFF !important; }
.powered-by-image { display: none !important; }
.powered-by-image-dark { display: block !important; }
.social-icon.social-icon-hide-dark-mode { display: none !important; }
.social-icon-dark-mode { display: block !important; }
.link-custom-footer-dark-force { color: #FFFFFF !important; }
.code { background-color: rgb(243, 244, 246, 0.2) !important; }
.powered-by-loops-text a.dark-force, .powered-by-loops-text a.dark-force span { color:#FFFFFF !important; }

[class~="x_email-body"] td.dark-force div { color: #000000 !important; }
[class~="x_email-body"] span.dark-force { color:#000000 !important; }
[class~="x_email-body"] a.dark-force, [class~="x_email-body"] a.dark-force span { color: #000000; }
[class~="x_email-body"] h1.dark-force, [class~="x_email-body"] h1.dark-force > span,
[class~="x_email-body"] h2.dark-force, [class~="x_email-body"] h2.dark-force > span,
[class~="x_email-body"] h3.dark-force, [class~="x_email-body"] h3.dark-force > span { color: #000000; }
[class~="x_email-body"] .divider.dark-force p { border-color: #000000 !important; }
[class~="x_email-body"] .powered-by-image { display: none !important; }
[class~="x_email-body"] .powered-by-image-dark { display: block !important; }
[class~="x_email-body"] .social-icon.social-icon-hide-dark-mode { display: none !important; }
[class~="x_email-body"] .social-icon-dark-mode { display: block !important; }
[class~="x_email-body"] .link-custom-footer-dark-force { color: #000000 !important; }
[class~="x_email-body"] .code { background-color: rgb(243, 244, 246, 0.2) !important; }
[class~="x_email-body"] .powered-by-loops-text a.dark-force, [class~="x_email-body"] .powered-by-loops-text a.dark-force span { color:#000000 !important; }


    }
          
          .link-unsubscribe { color: #9ca3af !important; }
  </style>
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
 </head>
 <body class="body" style="word-spacing:normal;background-color:transparent;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Masonry Grids, Ticker Effect, Relative Dates, Auto Rename, and more
  </div>
  <div aria-label="Framer Monthly" aria-roledescription="email" class="email-body" dir="auto" lang="en" role="article" style="background-color:transparent;">
   <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Fc.vialoops.com%252FCI0%252F0100019afe7808d0-e0830d00-93d9-44e7-aab4-a18768b3908a-000000%252FtBfMJ3NmAgP7YiuCyj8YSHl-eApDWXinEETjAYOzPR4%253D434/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3NjUyMDU4NzIuMjE1MDk2NX0:1vScgS:y5gs3txLmpdwLflNmNUNw4687vyxhWTRFT8c10Wm0K8" style="display: none; width: 1px; height: 1px;"/>
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­
   </div>
   <!--[if mso]><style type="text/css"> a { text-decoration: underline !important; } .button a { text-decoration: none !important; } .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="middle" border="0" cellpadding="0" cellspacing="0" class="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="wfix gmail-no-padding wrapper" style="margin:0px auto;max-width:600px;">
    <table align="middle" 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="middle" 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="middle" 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="middle" 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%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:transparent;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" class="body-image body-image-mobile-width-42" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;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:42px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Framer Logo" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmhj0ny900lhfyp0i72vrlzin%252Fcmhj2of1y1f3c0a0ilruldka2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NjUyMDU4NzIuMjE1Mjg0fQ:1vScgS:i7GofRH_NewPKxfSsxG_asutE93T4yMXwCf0XdCl-FE" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="42"/>
                          </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Explore new ways to showcase your content with Masonry Grids and the Ticker Effect, and boost your site’s speed with our performance update. November was a packed month with plenty of exciting releases. Check out everything new below…
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Masonry Grids
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Turn any grid into a packed Masonry Grid with a single click. The Masonry toggle is available under the grid properties, and enabling it lets you craft masonry layouts. These types of layouts use fixed columns but flexible row heights, so items stack tightly, creating a brick-like pattern driven by each layer’s content size.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Watch the video
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        to learn to use Masonry Grids in Framer.
                       </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" 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:600px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Masonry Grids" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmiwwee2v1yki160itiha37rz%252Fcmiwwmcl101shzf0ibz7jciwl.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3NjUyMDU4NzIuMjE1NDQ4fQ:1vScgS:Ld5AWELYpHlELcXmvEeoRFGqz21mi4bwutiArS3rwLU" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Ticker Effect
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Meet the Ticker Effect, a new way to design continuous animations for text, images, and beyond. We’ve completely re-imagined Tickers in Framer. This new Ticker Effect now works with the CMS, can be applied to any stack, supports unique settings for each breakpoint, and is even faster and more accessible. You can find it in the Effects menu, and it can be applied to any CMS collection list or stack. We think you will love it.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Watch the video
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        on YouTube to learn more.
                       </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" 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:600px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Ticker Effect" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmiwwee2v1yki160itiha37rz%252Fcmiwwnnrv0oi90y0i3pgvh5et.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3NjUyMDU4NzIuMjE1NTk5NX0:1vScgS:DhIoVJ7rn_-ZU5yz0KdU-j_YiC7OxxnvRMX5HeoHNzs" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Relative Dates
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Introducing Relative Dates, a popular feature request for the CMS. You can now display dynamic date values like “Today”, “Yesterday”, or “1 week ago”, making your content feel more natural and up to date. To give it a try, select any date connected to your CMS Collection, open the Text Transform popout, and choose Relative as the Display type. You can also fine-tune the look by adjusting Capitalization and picking between Short, Medium, or Long styles.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Learn more.
                        </span>
                       </a>
                      </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" 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:600px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Relative Dates" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmiwwee2v1yki160itiha37rz%252Fcmiwwsg13232t3g0ij0fk1r8m.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3NjUyMDU4NzIuMjE1NzE0Mn0:1vScgS:JAYUGTq4atwoiUcyuf7ardDCgUDJ-YHLieAO65hG3lc" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Auto Rename
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Introducing Auto Rename, a new AI-powered way to rename your layers. Just select the layers you wish to rename, and hit
                       </span>
                       <span class="code" style="font-family: monospace; background-color: rgb(243, 244, 246, 0.75); padding: 1px 4px; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        ⌥ + R
                       </span>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        on macOS or
                       </span>
                       <span class="code" style="font-family: monospace; background-color: rgb(243, 244, 246, 0.75); padding: 1px 4px; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        ALT + R
                       </span>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        on Windows, and we’ll magically rename the layers. This helps keep your projects clean and manageable, without any manual effort required. Framer checks what your layers represent, and comes up with clean names. See our
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         short overview video
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        on YouTube to get a sense of the layer names this can generate.
                       </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" 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:600px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Auto Rename" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmiwwee2v1yki160itiha37rz%252Fcmiwwrs290o581f0icqi7idbz.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3NjUyMDU4NzIuMjE1ODQwOH0:1vScgS:nVfHFIkjgiIJOAB59BYTAcGE6T4OfNc-vEbf8ZPQEls" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                          </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Faster Interactivity
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         This performance update
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        makes interactivity on all CMS-based Framer sites up to 150% faster. For your visitors, it means features like buttons and scroll effects start working much sooner after page load. It also reduces bandwidth usage of JavaScript and other network resources per visitor. We’ve achieved this by intelligently embedding data into the final HTML during the optimization step, which React then re-uses during
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         page hydration
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        to skip data fetching.
                       </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" 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:600px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Faster Interactivity" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmiwwee2v1yki160itiha37rz%252Fcmiwwu0xn0o8n1f0isij4ticl.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3NjUyMDU4NzIuMjE1OTczfQ:1vScgS:ZQ2oOFdADPwmlL9a8M8_wVfqZcHIpLWQY4t1woWBfHo" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </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:Arial, ui-sans-serif, sans-serif;font-size:16px;letter-spacing:0px;line-height:26px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 16px; line-height: 26px !important; font-size: 16px !important;">
                        <br/>
                        <span style="line-height: 26px !important; font-size: 16px; font-size: 16px !important; white-space: pre-wrap;">
                         Custom Fonts
                        </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        The November Update reimagines how Custom Fonts work in Framer. Now with family grouping, realtime previews, better variable property support, improved management flows, and more. All custom fonts are now grouped by family, instead of font file, making it infinitely easier to find the font you’re looking for. Plus, they now all get realtime previews, like other Web Fonts in Framer.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Watch the video
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        to learn more, and see a changelog of everything else on
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         the update post
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        .
                       </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" 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:600px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Custom Fonts" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmiwwee2v1yki160itiha37rz%252Fcmiwwrdqt1suqzr0ig5eodh1i.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3NjUyMDU4NzIuMjE2MDczOH0:1vScgS:WqLZ41GfYm9Bih08R7Igo8REEc7SfMf0nTHaX00MMsk" style="border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="start" 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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:start;color:inherit;">
                       <br/>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        That’s a wrap. Stay tuned for more updates coming soon and let us know what you think on
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         X
                        </span>
                       </a>
                       <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                        !
                       </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        👋🏻
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Andreas
                        </span>
                       </a>
                      </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:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <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:Arial, ui-sans-serif, sans-serif;font-size:12px;letter-spacing:0px;line-height:18px !important;text-align:left;color:#9ca3af;">
                       <span class="opt-in-explanation" style="color: #9ca3af !important; font-size: 12px !important; line-height: 18px !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-unsubscribe" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af !important; text-decoration: none !important; font-size: 12px !important; line-height: 18px !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>