Inboxes

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

+New inbox

<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--[if !mso]><!-->
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <!--[if (gte mso 9)|(IE)]>
  <xml>
  <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
  </xml>
  <![endif]-->
  <!--[if (gte mso 9)|(IE)]>
  <style type="text/css">
    body {width: 600px;margin: 0 auto;}
    table {border-collapse: collapse;}
    table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
    img {-ms-interpolation-mode: bicubic;}
  </style>
  <![endif]-->
  <style>
   /* -------------------------------------
  RESPONSIVE AND MOBILE FRIENDLY STYLES
  ------------------------------------- */
  @media only screen and (max-width: 620px) {
    table.body .container {
      padding: 10px !important;
      width: auto !important;
    }
    table.body .content {
      padding: 0 !important;
    }
    table.body .wrapper {
      padding: 0 20px 20px !important;
    }
    table.body .hide-mobile {
      display: none;
    }
    table.body .logo  td {
      padding-bottom: 20px !important;
    }
    table.body .btn table {
      width: 100% !important;
    }
    table.body .btn a {
      display: block !important;
    }
  }

  /* -------------------------------------
      PRESERVE THESE STYLES IN THE HEAD
  ------------------------------------- */
  @media all {
    .ExternalClass {
      width: 100%;
    }

    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }

    .apple-link a {
      color: inherit !important;
      font-family: inherit !important;
      font-size: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
      text-decoration: none !important;
    }

    .btn table td:hover {
      background-color: #1AAE9F !important;
    }

    .btn a:hover {
      background-color: #1AAE9F !important;
      border-color: #1AAE9F !important;
    }

    .btn-violet table td:hover {
      background-color: #7B13D1 !important;
    }

    .btn-violet a:hover {
      background-color: #7B13D1 !important;
      border-color: #7B13D1 !important;
    }
  }
  </style>
 </head>
 <body class="" style="color: #293845; background-color: #EDF1F5; font-family: sans-serif; -ms-text-size-adjust: 100.0%; -webkit-text-size-adjust: 100.0%; -webkit-font-smoothing: antialiased; font-size: 14.0px; line-height: 1.4; margin: 0.0; padding: 0.0;">
  <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;background-color: #EDF1F5; width: 100.0%;">
   <tr>
    <td class="hide-mobile" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
    </td>
    <td class="container" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;display: block; margin: 0.0 auto; max-width: 640.0px; padding: 40.0px; width: 640.0px;">
     <div class="content" style="display: block; margin: 0.0 auto; max-width: 560.0px; padding: 0.0;">
      <table border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;background: #ffffff; border-radius: 3.0px; width: 100.0%;">
       <tr>
        <td class="wrapper" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding: 25.0px 60.0px 50.0px;">
         <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
          <tr>
           <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
            <table border="0" cellpadding="0" cellspacing="0" class="logo" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
             <tbody>
              <tr>
               <td align="left" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-top: 25.0px;">
                <a style="color: #3498db; text-decoration: underline;">
                 <img height="28" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Femail-logo%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1lBvSP:0ed5N3IvrMb0mj3Ip12l5oFEypX6928ROESD4XybsX8" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;width: 166.0px; height: 28.0px;" width="166"/>
                </a>
               </td>
              </tr>
             </tbody>
            </table>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             Do you know that feeling of being in the flow?
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             Creativity flourishes. Work becomes fun. Everything just clicks.
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             That's what our latest product,
             <b>
              Whimsical Docs
             </b>
             , is all about. It's a collaborative document editor that helps you get and stay in the flow.
            </p>
            <p class="image" style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             <a style="color: #3498db; text-decoration: underline;">
              <img alt="Whimsical Docs" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimuc.com%252FVkKKUxEZmT2Kh7wX9TtJ8b%252F6MzdobT3ez5kAh.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltdWMuY29tJSJ9:1lBvSP:Bha0-RqU2a6mQv1koM1yD3AY7VMkCVY7l6KcGyDbBao" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;"/>
             </a>
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             Craft product specs, collaborate on content, share knowledge. Docs can do it all in style with a curated set of features, such as:
            </p>
            <ul style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 5.0px; padding-left: 20.0px;">
             <li style="margin: 5.0px 0.0 0.0 0.0;">
              Enrich text with built-in flowcharts, wireframes and other visual content
             </li>
             <li style="margin: 5.0px 0.0 0.0 0.0;">
              Write at the speed of thought, with just the right amount of styling and keyboard shortcuts
             </li>
             <li style="margin: 5.0px 0.0 0.0 0.0;">
              Collaborate in realtime or async, Docs will work the way you do
             </li>
            </ul>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
            </p>
            <table border="0" cellpadding="0" cellspacing="0" class="btn btn-violet" style="margin-bottom: 20px;border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;width: 100.0%;">
             <tbody>
              <tr>
               <td align="left" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-bottom: 10.0px;">
                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;width: auto;">
                 <tbody>
                  <tr>
                   <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;background-color: #31B6A8; border-radius: 3.0px; text-align: center;background-color: #8313DD;">
                    <a style="color: #3498db; text-decoration: underline;border: 1.0px solid #31B6A8; background-color: #31B6A8; border-radius: 3.0px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14.0px; line-height: 18.0px; font-weight: bold; margin: 0.0; padding: 11.0px 20.0px; text-decoration: none;background-color: #8313DD; border: 1.0px solid #8313DD; color: #ffffff;">
                     See Docs in Action
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             Please give it a spin and let us know what you think (as always, you can simply reply to this email).
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             Cheers,
             <br/>
             Kaspars
            </p>
            <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
             PS. We're on Product Hunt today,
             <a style="color: #3498db; text-decoration: underline;">
              check it out
             </a>
             and perhaps leave a review 🙏
            </p>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
      <!-- START FOOTER -->
      <div class="footer" style="clear: both; margin-top: 10.0px; text-align: center; width: 100.0%;">
       <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
        <tr>
         <td class="content-block" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-bottom: 10.0px; padding-top: 10.0px;color: #999999; font-size: 12.0px; text-align: center;">
          <table align="center" class="social-icons" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;width: auto;">
           <tbody>
            <tr>
             <td class="social-cell" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;color: #999999; font-size: 12.0px; text-align: center;padding: 5.0px 5.0px 0.0 5.0px;">
              <a class="social-link" style="color: #999999; font-size: 12.0px; text-align: center;display: inline-block;color: #3498db; text-decoration: underline;" target="_blank" title="Twitter">
               <img alt="Twitter" class="social-icon" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Ftwitter-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1lBvSP:0ed5N3IvrMb0mj3Ip12l5oFEypX6928ROESD4XybsX8" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;width: 40.0px; height: 40.0px;"/>
              </a>
             </td>
             <td class="social-cell" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;color: #999999; font-size: 12.0px; text-align: center;padding: 5.0px 5.0px 0.0 5.0px;">
              <a class="social-link" style="color: #999999; font-size: 12.0px; text-align: center;display: inline-block;color: #3498db; text-decoration: underline;" target="_blank" title="LinkedIn">
               <img alt="LinkedIn" class="social-icon" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Flinkedin-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1lBvSP:0ed5N3IvrMb0mj3Ip12l5oFEypX6928ROESD4XybsX8" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;width: 40.0px; height: 40.0px;"/>
              </a>
             </td>
             <td class="social-cell" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;color: #999999; font-size: 12.0px; text-align: center;padding: 5.0px 5.0px 0.0 5.0px;">
              <a class="social-link" style="color: #999999; font-size: 12.0px; text-align: center;display: inline-block;color: #3498db; text-decoration: underline;" target="_blank" title="Facebook">
               <img alt="Facebook" class="social-icon" src="https://inboxflows.com/_/image/https%253A%252F%252Fwhimsical.com%252Femail%252Ffacebook-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3aGltc2ljYWwuYyJ9:1lBvSP:0ed5N3IvrMb0mj3Ip12l5oFEypX6928ROESD4XybsX8" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100.0%;width: 40.0px; height: 40.0px;"/>
              </a>
             </td>
            </tr>
           </tbody>
          </table>
         </td>
        </tr>
        <tr>
         <td class="content-block" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;padding-bottom: 10.0px; padding-top: 10.0px;color: #999999; font-size: 12.0px; text-align: center;">
          <span class="apple-link" style="color: #999999; font-size: 12.0px; text-align: center;">
           Whimsical, Inc.
           <br/>
           1630 Welton Street, 7th Floor
           <br/>
           Denver, CO 80202
          </span>
         </td>
        </tr>
       </table>
      </div>
      <!-- END FOOTER -->
      <div class="unsubscribe" style="">
       <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0.0pt; mso-table-rspace: 0.0pt; width: 100.0%;">
        <tr>
         <td style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
          <div data-role="module-unsubscribe" data-type="unsubscribe" style="color:#9eadba;font-size:12px;line-height:20px;padding:0px 0px 18px 0px;text-align:center">
           <p style="font-family: sans-serif; font-size: 14.0px; font-weight: normal; margin: 0.0;margin-top: 25.0px;">
            <a class="unsubscribe-link" style="color: #3498db; text-decoration: underline;color: #9187f6; font-size: 12.0px;">
             Unsubscribe
            </a>
           </p>
          </div>
         </td>
        </tr>
       </table>
      </div>
     </div>
    </td>
    <td class="hide-mobile" style="font-family: sans-serif; font-size: 14.0px; line-height: 1.4; vertical-align: top; color: #293845;">
    </td>
   </tr>
  </table>
 </body>
</html>