Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <title>
   Figma
  </title>
  <style type="text/css">
   /* CLIENT-SPECIFIC STYLES */

            body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

            table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }

            img { -ms-interpolation-mode: bicubic; }



            /* RESET STYLES */

            img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }

            table { border-collapse: collapse !important; }

            body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

            /* iOS BLUE LINKS */

            a[x-apple-data-detectors] {

                color: inherit !important;

                text-decoration: none !important;

                font-size: inherit !important;

                font-family: inherit !important;

                font-weight: inherit !important;

                line-height: inherit !important;

            }



            @font-face {

                font-family: "Apercu";

                font-style: normal;

                font-weight: 400;

                src: url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fblog%252Ffonts%252FApercu-Regular.eot%253F%2523iefix/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY) format('embedded-opentype'),

                  url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fblog%252Ffonts%252FApercu-Regular.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY) format('woff2'),

                  url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fblog%252Ffonts%252FApercu-Regular.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY)  format('truetype');

            }



            /* MOBILE STYLES */

            @media screen and (max-width: 600px) {

                .img-max {

                    width: 100% !important;

                    max-width: 100% !important;

                    height: auto !important;

                }



                .max-width {

                    max-width: 100% !important;

                }



                .mobile-wrapper {

                    width: 85% !important;

                    max-width: 85% !important;

                }



                .mobile-padding {

                    padding-left: 5% !important;

                    padding-right: 5% !important;

                }



                /* ADJUST BUTTONS ON MOBILE */

                .mobile-button-container {

                    margin: 0 auto;

                    width: 100% !important;

                }



                .mobile-button {

                    padding: 15px !important;

                    border: 0 !important;

                    font-size: 16px !important;

                    display: block !important;

                }

            }



            /* ANDROID CENTER FIX */

            div[style*="margin: 16px 0;"] { margin: 0 !important; }
  </style>
 </head>
 <body bgcolor="#191919" style="margin: 0 !important; padding: 0; !important background-color: #191919;">
  <!-- HIDDEN PREHEADER TEXT -->
  <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Apercu, Helvetica, Arial, Roboto, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
  </div>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tbody>
    <tr>
     <td align="center" bgcolor="#191919" class="mobile-padding" style="background: #191919; background-size: cover; background-attachment: fixed; padding: 35px 15px 0 15px; text-align:center" valign="top" width="100%">
      <!--[if (gte mso 9)|(IE)]>

<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">

<tr>

<td align="center" valign="top" width="600">

<![endif]-->
      <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:600px;" width="100%">
       <tbody>
        <tr>
         <td align="left" style="padding: 0 0 35px 0;" valign="top">
          <span class="sg-image" data-imagelibrary="%7B%22width%22%3A%2269%22%2C%22height%22%3A%2225%22%2C%22alignment%22%3A%22%22%2C%22border%22%3A0%2C%22src%22%3A%22https%3A//cdn.figma.com/images-email/brand-2016/logomark2x-2016-09-25.png%22%2C%22link%22%3A%22https%3A//www.figma.com%22%2C%22classes%22%3A%7B%22sg-image%22%3A1%7D%7D">
           <a target="_blank">
            <img border="0" height="25" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Flogomark2x-2016-09-25.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" style="width: 69px; height: 25px;" width="69"/>
           </a>
          </span>
         </td>
        </tr>
        <tr>
         <td align="left" bgcolor="#f6f6f6" style="padding: 50px; font-family: Apercu, Helvetica, Arial, Roboto, sans-serif; font-size: 15px; line-height: 26px; box-shadow: 0 0 5px rgba(0,0,0,.5);" valign="top">
          <!-- EMAIL CONTENT STARTS HERE (within white container) -->
          <!-- HEADER TEXT BLOCK -->
          <h1 style="text-align:center; line-height:38px; font-weight:normal">
           Ramy Khuffash has invited you to join the team
           <br/>
           "Page Flows".
          </h1>
          <!-- these can be used for whitespace between blocks -->
          <br/>
          <!--- "BULLETPROOF" RESPONSIVE EMAIL BUTTON -->
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
           <tbody>
            <tr>
             <td align="center" class="padding" style="padding-top: 25px;">
              <table border="0" cellpadding="0" cellspacing="0" class="mobile-button-container">
               <tbody>
                <tr>
                 <td align="center" bgcolor="#00d058">
                  <a class="mobile-button" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; display: inline-block;" target="_blank">
                   Accept Invite
                  </a>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <!--- END RESPONSIVE BUTTON -->
          <br/>
          <br/>
          <p style="text-align:center; line-height:24px; color: #828282">
           Figma is the first design tool with real-time collaboration available to anyone online. With Figma, you can keep the entire team on the same page. It's time to focus on your work instead of fighting your tools.
          </p>
          <!-- NO EMAIL CONTENT BELOW HERE!  -->
         </td>
        </tr>
        <!-- FOOTER -->
        <tr>
         <td>
          <table width="100%">
           <tbody>
            <tr style="font-family: Helvetica, Arial, sans-serif; color: #ffffff;">
             <td align="left" style="padding: 20px 0; text-decoration:none">
              <span class="sg-image" data-imagelibrary="%7B%22width%22%3A%2220%22%2C%22height%22%3A%2220%22%2C%22alignment%22%3A%22%22%2C%22border%22%3A0%2C%22src%22%3A%22https%3A//cdn.figma.com/images-email/brand-2016/twitter2x-2016-09-27.png%22%2C%22link%22%3A%22https%3A//twitter.com/figmadesign%22%2C%22classes%22%3A%7B%22sg-image%22%3A1%7D%7D">
               <a style="margin-right:8px; text-decoration:none" target="_blank">
                <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Ftwitter2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" style="width: 20px; height: 20px;" width="20"/>
               </a>
              </span>
              <span class="sg-image" data-imagelibrary="%7B%22width%22%3A%2220%22%2C%22height%22%3A%2220%22%2C%22alignment%22%3A%22%22%2C%22border%22%3A0%2C%22src%22%3A%22https%3A//cdn.figma.com/images-email/brand-2016/medium2x-2016-09-27.png%22%2C%22link%22%3A%22https%3A//medium.com/figma-design%22%2C%22classes%22%3A%7B%22sg-image%22%3A1%7D%7D">
               <a style="margin-right:8px; text-decoration:none" target="_blank">
                <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Fmedium2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" style="width: 20px; height: 20px;" width="20"/>
               </a>
              </span>
              <span class="sg-image" data-imagelibrary="%7B%22width%22%3A%2220%22%2C%22height%22%3A%2220%22%2C%22alignment%22%3A%22%22%2C%22border%22%3A0%2C%22src%22%3A%22https%3A//cdn.figma.com/images-email/brand-2016/facebook2x-2016-09-27.png%22%2C%22link%22%3A%22https%3A//www.facebook.com/figmadesign%22%2C%22classes%22%3A%7B%22sg-image%22%3A1%7D%7D">
               <a style="margin-right:8px; text-decoration:none" target="_blank">
                <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Ffacebook2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" style="width: 20px; height: 20px;" width="20"/>
               </a>
              </span>
              <span class="sg-image" data-imagelibrary="%7B%22width%22%3A%2220%22%2C%22height%22%3A%2220%22%2C%22alignment%22%3A%22%22%2C%22border%22%3A0%2C%22src%22%3A%22https%3A//cdn.figma.com/images-email/brand-2016/linkedin2x-2016-09-27.png%22%2C%22link%22%3A%22https%3A//www.linkedin.com/company/figma%22%2C%22classes%22%3A%7B%22sg-image%22%3A1%7D%7D">
               <a target="_blank">
                <img height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.figma.com%252Fimages-email%252Fbrand-2016%252Flinkedin2x-2016-09-27.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uZmlnbWEuYyJ9:1kXPEf:D_0vs7CCNIDTaXN_5pG93HuebqpdV_5G2896Ts8KiaY" style="width: 20px; height: 20px;" width="20"/>
               </a>
              </span>
             </td>
            </tr>
           </tbody>
          </table>
         </td>
        </tr>
        <tr>
         <td align="center" style="padding: 25px 0; font-family: Helvetica, Arial, sans-serif; color: #ffffff;" valign="top">
          <p style="font-size: 12px; line-height: 20px;">
           116 New Montgomery Street, Suite 400
           <br/>
           San Francisco, CA 94105
           <br/>
          </p>
         </td>
        </tr>
        <!--- END FOOTER -->
       </tbody>
      </table>
      <!--[if (gte mso 9)|(IE)]>

</td>

</tr>

</table>

<![endif]-->
     </td>
    </tr>
   </tbody>
  </table>
 </body>
</html>