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>
   Design more than websites in Framer
  </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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3NjE2NzU1NTEuMzczODQ1Nn0:1vDoHn:kob4Y61Z2zrlqInJS7H_npqMZZgDczB6eBSccUf1a5M" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3NjE2NzU1NTEuMzczODQ1Nn0:1vDoHn:kob4Y61Z2zrlqInJS7H_npqMZZgDczB6eBSccUf1a5M);
  </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: 25px !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: 15px !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: 15px !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: 25px !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;">
   Design everything in one place with design pages.
  </div>
  <div aria-label="Design more than websites in Framer" 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%252F0100019a2c0b9d70-c39d5664-27a7-4fe3-952a-1e485302c058-000000%252FnNDBV7ERc_dJRIDXLvIyQWFDcizoz4Ga0pLb7oaJS_0%253D429/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmMudmlhbG9vcHMuYyIsInRpbWUiOjE3NjE2NzU1NTEuMzgyMzY2Mn0:1vDoHn:xJDbGKP8vLgC22MlTpxTNpl-EMxZCNMCakkRczRRK1M" 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%252Fcm1rki22e0174akkvdbsg2yzi%252Fcmghotq67avi0wz0ijifntbjw.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NjE2NzU1NTEuMzgyNjE5NH0:1vDoHn:U3oD-PZoOWrC_kSdaSKNXlQ0RPl1Ub4M3mFhLDoKdh8" 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: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:15px;letter-spacing:0px;line-height:25px !important;text-align:left;color:inherit;">
                       <h3 class="dark-force" style="padding: 0; margin: 0; font-weight: 500; color: inherit; font-size: 15px; line-height: 25px !important; font-size: 15px !important;">
                        <span style="line-height: 25px !important; font-size: 15px; font-size: 15px !important; white-space: pre-wrap;">
                         Icons, social graphics, logos, and more. Go beyond web design with Framer.
                        </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;">
                        When new teammates join Framer, they’re often surprised to find we never touch other design tools. Framer isn’t just for websites. It’s where our team designs everything: product mocks, campaign assets, icons, logos, and 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;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmggo5v2ag5c8un0itno86at1%252Fcmh0l8krg1arfyj0i8yrin0hp.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3NjE2NzU1NTEuMzgyNzQyfQ:1vDoHn:CxnjiUL0jifJFTvXsgwqSl0B07Izwp1YzPXFTp4ukrg" style="border:0;border-radius:16px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </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: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;">
                        We built
                       </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;">
                         Design Pages
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        to make designing as easy as possible. With Design Pages, you get all the tools you need for your full creative process, not just your website.
                       </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:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14.4px;letter-spacing:0px;line-height:23.04px;text-align:left;color:inherit;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 26px;">
                         <li class="outlook-list-fix" style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; margin: 0;" value="1">
                          <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                           Vector sets to draw, edit, and manage icons or illustrations right in the canvas
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14.4px;letter-spacing:0px;line-height:23.04px;text-align:left;color:inherit;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 26px;">
                         <li class="outlook-list-fix" style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; margin: 0;" value="2">
                          <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                           Real animation controls for smooth transitions. No external tools needed
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14.4px;letter-spacing:0px;line-height:23.04px;text-align:left;color:inherit;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 26px;">
                         <li class="outlook-list-fix" style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; margin: 0;" value="3">
                          <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                           Advanced typography with OpenType features, variable fonts, and text styles
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:0;padding-top:0px;padding-right:0px;padding-left:6px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14.4px;letter-spacing:0px;line-height:23.04px;text-align:left;color:inherit;">
                       <mj-raw>
                        <ul style="list-style-type: disc; text-align: left; padding: 0; margin: 0px 0px 2px 26px;">
                         <li class="outlook-list-fix" style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; margin: 0;" value="4">
                          <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                           Precision drawing tools using booleans and paths, perfect for logos and symbols
                          </span>
                         </li>
                        </ul>
                       </mj-raw>
                      </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;">
                        Try the
                       </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;">
                         Design Pages example project
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        and design more in Framer, free.
                       </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="button sh-button" 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:separate;line-height:100%;">
                       <tbody>
                        <tr>
                         <td align="middle" bgcolor="#0099ff" role="presentation" style="border:none;border-radius:10px;cursor:auto;mso-padding-alt:8px 
  12px;background:#0099ff;" valign="middle">
                          <a class="sh-preserve-color" style="display: inline-block; background: #0099ff; color: #ffffff; font-family: Arial, ui-sans-serif, sans-serif; font-weight: normal; margin: 0; text-decoration: none; text-transform: none; padding: 8px 
  12px; mso-padding-alt: 0px; border-radius: 10px; font-size: 14px !important; line-height: 14px !important;" target="_blank">
                           Get started with Design Pages
                          </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: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 email from the list Free Design Tool Campaign 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>