<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta name="twitter:image:src" content="https://d7natbl5lhry0.cloudfront.net/media/resource_image/pull-down.gif"><meta name="twitter:description" content="The five most upvoted UI designs from this week on UI Movement"><meta name="twitter:title" content="Top UI designs this week"><meta name="twitter:card" content="summary_large_image"><meta property="og:type" content="article"><meta property="og:description" content="The five most upvoted UI designs from this week on UI Movement"><meta property="og:image" content="https://d7natbl5lhry0.cloudfront.net/media/resource_image/pull-down.gif"><meta property="og:title" content="Top UI designs this week"><meta property="og:url" content="http://eepurl.com/bzF-Fj"><meta name="twitter:image:src" content="http://dpsw0u986h694.cloudfront.net/wp-content/uploads/2015/07/egg.gif"><meta name="twitter:description" content="This week's edition features Boiled Egg Timer, Travalex Money, and the best designs from this week."><meta name="twitter:title" content="This week's design inspiration"><meta name="twitter:card" content="summary_large_image"><meta property="og:type" content="article"><meta property="og:description" content="This week's edition features Boiled Egg Timer, Travalex Money, and the best designs from this week."><meta property="og:image" content="http://dpsw0u986h694.cloudfront.net/wp-content/uploads/2015/07/egg.gif"><meta property="og:title" content="This week's design inspiration"><meta property="og:url" content="http://eepurl.com/buhy7L"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Top 5 UI designs this week</title> <style type="text/css"> /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */ .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */ body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */ table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */ img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */ a{ text-decoration: none; color: #0067b1; } /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */ body{margin:0; padding:0;} img{border: 1px solid #eeeeee; height:auto; line-height:100%; outline:none; text-decoration:none; display: block; border-radius: 2px; margin-bottom: 1em;} table{border-collapse:collapse !important;} body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;} /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */ /* ========== Page Styles ========== */ #bodyCell{padding:5px;} #templateContainer{width:500px;} /** * @tab Page * @section background style * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding. * @theme page */ body, #bodyTable{ /*@editable*/ background-color:#ffffff; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ color: #555555; /*@editable*/ line-height: 160%; } p{ /*@editable*/ line-height: 160%; /*@editable*/ margin-top: 3px; /*@editable*/ margin-bottom: 10px; } #social{ padding-top: 25px; /*@editable*/ border:0; } #social div{ /*@editable*/ text-align:center; } #social div a{ background: #0067b1; color: white; display: inline-block; font-size: 14px; padding: 3px 10px; margin: 10px 5px; border-radius: 2px; } #social div a.inboxpixels{ background: #0067b1; } #social div a.uigifs{ background: #ff712b; } #social div a.userflowpatterns{ background: #2980b9; } #social div a.alwayslearning{ background: #385b8f; } #social div a:hover, #social div a:focus{ background: #666666; } /** * @tab Page * @section background style * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding. * @theme page */ #bodyCell{ } /** * @tab Page * @section email border * @tip Set the border for your email. */ #templateContainer{ /*@editable*/ border:none; } /** * @tab Page * @section heading 1 * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. * @style heading 1 */ h1{ /*@editable*/ color:#222222 !important; /*@editable*/ display:block; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:26px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:bold; /*@editable*/ line-height:150%; /*@editable*/ letter-spacing:normal; /*@editable*/ margin-top:0; /*@editable*/ margin-right:0; /*@editable*/ margin-bottom:10px; /*@editable*/ margin-left:0; /*@editable*/ text-align:left; } /** * @tab Page * @section heading 2 * @tip Set the styling for all second-level headings in your emails. * @style heading 2 */ h2{ /*@editable*/ color:#222222 !important; /*@editable*/ display:block; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:20px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:bold; /*@editable*/ line-height:150%; /*@editable*/ letter-spacing:normal; /*@editable*/ margin-top:0; /*@editable*/ margin-right:0; /*@editable*/ margin-bottom:10px; /*@editable*/ margin-left:0; /*@editable*/ text-align:left; } /** * @tab Page * @section heading 3 * @tip Set the styling for all third-level headings in your emails. * @style heading 3 */ h3{ /*@editable*/ color:#0067b1 !important; /*@editable*/ display:block; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:18px; /*@editable*/ font-weight:bold; /*@editable*/ line-height:150%; /*@editable*/ letter-spacing:normal; /*@editable*/ margin-top:15px; /*@editable*/ margin-right:0; /*@editable*/ margin-bottom:0px; /*@editable*/ margin-left:0; /*@editable*/ text-align:left; } /** * @tab Page * @section heading 4 * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. * @style heading 4 */ h4{ /*@editable*/ color:#333333; /*@editable*/ display:block; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:16px; /*@editable*/ font-weight:bold; /*@editable*/ line-height:150%; /*@editable*/ letter-spacing:normal; /*@editable*/ margin-top:10px; /*@editable*/ margin-right:0; /*@editable*/ margin-bottom:0px; /*@editable*/ margin-left:0; /*@editable*/ text-align:left; } /* ========== Header Styles ========== */ /** * @tab Header * @section preheader style * @tip Set the background color and bottom border for your email's preheader area. * @theme header */ #templatePreheader{ /*@editable*/ background-color:#ffffff; /*@editable*/ border-bottom:none; } /** * @tab Header * @section preheader text * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read. */ .preheaderContent{ /*@editable*/ color:#dddddd; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:10px; /*@editable*/ line-height:125%; /*@editable*/ text-align:left; } /** * @tab Header * @section preheader link * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text. */ .preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#606060; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } /** * @tab Header * @section header style * @tip Set the background color and borders for your email's header area. * @theme header */ #templateHeader{ /*@editable*/ background-color:#ffffff; /*@editable*/ border-top:1px solid #FFFFFF; } /** * @tab Header * @section header text * @tip Set the styling for your email's header text. Choose a size and color that is easy to read. */ .headerContent{ /*@editable*/ color:#555555; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:20px; /*@editable*/ font-weight:bold; /*@editable*/ line-height:150%; /*@editable*/ padding-top:0; /*@editable*/ padding-right:0; /*@editable*/ padding-bottom:0; /*@editable*/ padding-left:0; /*@editable*/ text-align:left; /*@editable*/ vertical-align:middle; } /** * @tab Header * @section header link * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text. */ .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#0067b1; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } #headerImage{ /*@editable*/ height:auto; /*@editable*/ max-width:600px; } /* ========== Body Styles ========== */ /** * @tab Body * @section body style * @tip Set the background color and borders for your email's body area. */ #templateBody{ /*@editable*/ background-color:#ffffff; } /** * @tab Body * @section body text * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read. * @theme main */ .bodyContent{ /*@editable*/ color:#555555; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:16px; /*@editable*/ line-height:150%; /*@editable*/ padding-top:20px; /*@editable*/ padding-right:20px; /*@editable*/ padding-bottom:20px; /*@editable*/ padding-left:20px; /*@editable*/ text-align:left; } /** * @tab Body * @section body link * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text. */ .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#0067b1; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } .bodyContent img{ /*@editable*/ display:inline; /*@editable*/ height:auto; /*@editable*/ max-width:560px; } /* ========== Column Styles ========== */ .templateColumnContainer{display:inline; width:50%;} /** * @tab Columns * @section column style * @tip Set the background color and borders for your email's column area. */ .fixed_table{ table-layout: fixed; } #templateColumns{ /*@editable*/ border-top: 20px solid #ffffff; /*@editable*/ border-bottom: 20px solid #ffffff; } #templateColumns h4{ /*@editable*/ color: #333333 !important; } #templateColumns img{ /*@editable*/ width: 100%; /*@editable*/ border: 1px solid #eeeeee; } #templateColumns th{ text-align:left; } #templateColumns h1{ text-align:left; margin-bottom: 1em; } #templateColumns a{ text-decoration: none; color: #0067b1; } #templateColumns>tr>td>p>a{ text-decoration: none; color: #0067b1; } #templateColumns>thead>tr>th{ padding-bottom: 5px; } #templateColumns.intro_section>tbody>tr>td{ padding-bottom: 5px; } /** * @tab Columns * @section left column text * @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read. */ .leftColumnContent{ /*@editable*/ color:#555555; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:14px; /*@editable*/ line-height:150%; padding-top:0; padding-right:0; padding-bottom:20px; padding-left:0; /*@editable*/ text-align:left; } /** * @tab Columns * @section left column link * @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text. */ .leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#0067b1; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } /** * @tab Columns * @section right column text * @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read. */ .rightColumnContent{ /*@editable*/ color:#555555; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:14px; /*@editable*/ line-height:150%; padding-top:0; padding-right:0; padding-bottom:20px; padding-left:0; /*@editable*/ text-align:left; } /** * @tab Columns * @section right column link * @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text. */ .rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#0067b1; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } .leftColumnContent img, .rightColumnContent img{ /*@editable*/ display:inline; /*@editable*/ height:auto; /*@editable*/ width: 100%; } /* ========== Footer Styles ========== */ /** * @tab Footer * @section footer style * @tip Set the background color and borders for your email's footer area. * @theme footer */ #templateFooter{ /*@editable*/ background-color:#ffffff; } /** * @tab Footer * @section footer text * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read. * @theme footer */ .footerContent{ /*@editable*/ color:#999999; /*@editable*/ font-family: Helvetica, Arial, Verdana, sans-serif; /*@editable*/ font-size:10px; /*@editable*/ line-height:150%; padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px; /*@editable*/ text-align:left; } /** * @tab Footer * @section footer link * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text. */ .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{ /*@editable*/ color:#999999; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:none; } .sponsorbox{ background: #eeeeee; text-align: center; } .sponsorbox td{ padding: 10px; } .sponsorbox a{ text-decoration: none; } /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */ @media only screen and (max-width: 710px){ /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */ body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */ body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */ /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */ /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */ /* ======== Page Styles ======== */ /** * @tab Mobile Styles * @section template width * @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead. */ #templateContainer{ max-width:500px !important; /*@editable*/ width:100% !important; } /** * @tab Mobile Styles * @section heading 1 * @tip Make the first-level headings larger in size for better readability on small screens. */ h1{ /*@editable*/ font-size:24px !important; /*@editable*/ line-height:150% !important; } /** * @tab Mobile Styles * @section heading 2 * @tip Make the second-level headings larger in size for better readability on small screens. */ h2{ /*@editable*/ font-size:20px !important; /*@editable*/ line-height:150% !important; } /** * @tab Mobile Styles * @section heading 3 * @tip Make the third-level headings larger in size for better readability on small screens. */ h3{ /*@editable*/ font-size:18px !important; /*@editable*/ line-height:150% !important; } /** * @tab Mobile Styles * @section heading 4 * @tip Make the fourth-level headings larger in size for better readability on small screens. */ h4{ /*@editable*/ font-size:16px !important; /*@editable*/ line-height:150% !important; } /* ======== Header Styles ======== */ #templatePreheader .preheaderContent.teaser{display:none !important;} /* Hide the template preheader to save space */ #templatePreheader .preheaderContent{padding: 10px !important;} /** * @tab Mobile Styles * @section header text * @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px. */ .headerContent{ /*@editable*/ font-size:20px !important; /*@editable*/ line-height:150% !important; } /* ======== Body Styles ======== */ /** * @tab Mobile Styles * @section body image * @tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead. */ #bodyImage{ height:auto !important; /*@editable*/ max-width:560px !important; /*@editable*/ width:100% !important; } /** * @tab Mobile Styles * @section body text * @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px. */ .bodyContent{ /*@editable*/ font-size:18px !important; /*@editable*/ line-height:150% !important; } /* ======== Column Styles ======== */ /** * @tab Mobile Styles * @section column image * @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead. */ .columnImage{ height:auto !important; /*@editable*/ max-width:100% !important; /*@editable*/ width:100% !important; } /** * @tab Mobile Styles * @section left column text * @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px. */ .leftColumnContent{ /*@editable*/ font-size:16px !important; /*@editable*/ line-height:150% !important; } /** * @tab Mobile Styles * @section right column text * @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px. */ .rightColumnContent{ /*@editable*/ font-size:16px !important; /*@editable*/ line-height:150% !important; } /* ======== Footer Styles ======== */ /** * @tab Mobile Styles * @section footer text * @tip Make the body content text larger in size for better readability on small screens. */ .footerContent{ /*@editable*/ font-size:14px !important; /*@editable*/ line-height:150% !important; } .footerContent a{} /* Place footer social and utility links on their own lines, for easier access */ } </style> </head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #ffffff;font-family: Helvetica, Arial, Verdana, sans-serif;color: #555555;line-height: 160%;width: 100% !important;min-width: 100% !important;height: 100% !important;"><div itemscope="" itemtype="http://schema.org/EmailMessage"><div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization"><meta itemprop="name" content="Silkpixels"><link itemprop="url" content="http://silkpixels.com"></div><div itemprop="about" itemscope="" itemtype="http://schema.org/Offer"><link itemprop="image" href="https://d7natbl5lhry0.cloudfront.net/media/resource_image/pull-down.gif"></div></div><div itemscope="" itemtype="http://schema.org/EmailMessage"><div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization"><meta itemprop="name" content="Silkpixels"><link itemprop="url" content="http://silkpixels.com"></div><div itemprop="about" itemscope="" itemtype="http://schema.org/Offer"><link itemprop="image" href="http://dpsw0u986h694.cloudfront.net/wp-content/uploads/2015/07/egg.gif"></div></div> <center> <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #ffffff;font-family: Helvetica, Arial, Verdana, sans-serif;color: #555555;line-height: 160%;border-collapse: collapse !important;height: 100% !important;width: 100% !important;"> <tr> <td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 5px;height: 100% !important;width: 100% !important;">  <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border: none;border-collapse: collapse !important;width: 100% !important;max-width: 500px !important;"> <tr> <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #ffffff;border-bottom: none;border-collapse: collapse !important;"> <tr> <td valign="top" class="preheaderContent teaser" style="padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #dddddd;font-family: Helvetica, Arial, Verdana, sans-serif;font-size: 10px;line-height: 125%;text-align: left;padding: 10px !important;display: none !important;" mc:edit="preheader_content00"> The most upvoted UI designs from UI Movement this past week. </td>  <td valign="top" width="180" class="preheaderContent" style="padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #dddddd;font-family: Helvetica, Arial, Verdana, sans-serif;font-size: 10px;line-height: 125%;text-align: left;padding: 10px !important;" mc:edit="preheader_content01"> Email not displaying correctly?<br><a href="http://us8.campaign-archive1.com/?u=63cd2bd395af9db9e390fe262&id=382c3ae791&e=86f2e41a8b" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: underline;color: #606060;font-weight: normal;">View it in your browser</a>. </td>  </tr> </table>  </td> </tr> <tr> <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">  <table border="0" cellpadding="5" cellspacing="0" width="100%" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #ffffff;border-collapse: collapse !important;"> <tr> <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" class="app_showcase fixed_table" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;table-layout: fixed;border-top: 20px solid #ffffff;border-bottom: 20px solid #ffffff;border-collapse: collapse !important;"> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <a href="http://us8.campaign-archive1.com/?u=63cd2bd395af9db9e390fe262&id=382c3ae791&e=86f2e41a8b" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;"><h2 style="text-align: left;display: block;font-family: Helvetica, Arial, Verdana, sans-serif;font-style: normal;font-weight: bold;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;color: #222222 !important;font-size: 20px !important;line-height: 150% !important;">Top 5 UI designs this week</h2></a> </td> </tr> <tr> <th colspan="2" style="text-align: left;"><h4 style="text-align: left;color: #333333 !important;display: block;font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;letter-spacing: normal;margin-top: 10px;margin-right: 0;margin-bottom: 0px;margin-left: 0;font-size: 16px !important;line-height: 150% !important;"><a href="http://uimovement.com/ui/316/pull-to-refresh/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">Pull to Refresh</a> <small style="color: #999"> - 22 votes</small></h4></th> </tr> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <a href="http://uimovement.com/ui/316/pull-to-refresh/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;"><img src="https://d7natbl5lhry0.cloudfront.net/media/resource_image/pull-down.gif" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" alt="uigifs app showcase two" style="-ms-interpolation-mode: bicubic;border: 1px solid #eeeeee;height: auto !important;line-height: 100%;outline: none;text-decoration: none;display: block;border-radius: 2px;margin-bottom: 1em;width: 100% !important;max-width: 100% !important;"></a> </td> </tr> <tr> <th colspan="2" style="text-align: left;"><h4 style="text-align: left;color: #333333 !important;display: block;font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;letter-spacing: normal;margin-top: 10px;margin-right: 0;margin-bottom: 0px;margin-left: 0;font-size: 16px !important;line-height: 150% !important;"><a href="http://uimovement.com/ui/335/add-recent-image/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">Add Recent Image</a> <small style="color: #999"> - 14 votes</small></h4></th> </tr> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <a href="http://uimovement.com/ui/335/add-recent-image/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;"><img src="https://d7natbl5lhry0.cloudfront.net/media/resource_image/addrecent.gif" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" alt="uigifs app showcase two" style="-ms-interpolation-mode: bicubic;border: 1px solid #eeeeee;height: auto !important;line-height: 100%;outline: none;text-decoration: none;display: block;border-radius: 2px;margin-bottom: 1em;width: 100% !important;max-width: 100% !important;"></a> </td> </tr> <tr> <th colspan="2" style="text-align: left;"><h4 style="text-align: left;color: #333333 !important;display: block;font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;letter-spacing: normal;margin-top: 10px;margin-right: 0;margin-bottom: 0px;margin-left: 0;font-size: 16px !important;line-height: 150% !important;"><a href="http://uimovement.com/ui/326/e-commerce-concept/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">E-commerce concept</a> <small style="color: #999"> - 11 votes</small></h4></th> </tr> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <a href="http://uimovement.com/ui/326/e-commerce-concept/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;"><img src="https://d7natbl5lhry0.cloudfront.net/media/resource_image/ecommerce.gif" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" alt="uigifs app showcase two" style="-ms-interpolation-mode: bicubic;border: 1px solid #eeeeee;height: auto !important;line-height: 100%;outline: none;text-decoration: none;display: block;border-radius: 2px;margin-bottom: 1em;width: 100% !important;max-width: 100% !important;"></a> </td> </tr> <tr> <th colspan="2" style="text-align: left;"><h4 style="text-align: left;color: #333333 !important;display: block;font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;letter-spacing: normal;margin-top: 10px;margin-right: 0;margin-bottom: 0px;margin-left: 0;font-size: 16px !important;line-height: 150% !important;"><a href="http://uimovement.com/ui/336/pull-down-to-refresh/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">Pull down to refresh </a> <small style="color: #999"> - 11 votes</small></h4></th> </tr> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <a href="http://uimovement.com/ui/336/pull-down-to-refresh/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;"><img src="https://d7natbl5lhry0.cloudfront.net/media/resource_image/pulldown.gif" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" alt="uigifs app showcase two" style="-ms-interpolation-mode: bicubic;border: 1px solid #eeeeee;height: auto !important;line-height: 100%;outline: none;text-decoration: none;display: block;border-radius: 2px;margin-bottom: 1em;width: 100% !important;max-width: 100% !important;"></a> </td> </tr> <tr> <th colspan="2" style="text-align: left;"><h4 style="text-align: left;color: #333333 !important;display: block;font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;letter-spacing: normal;margin-top: 10px;margin-right: 0;margin-bottom: 0px;margin-left: 0;font-size: 16px !important;line-height: 150% !important;"><a href="http://uimovement.com/ui/330/find-nearby-users-concept/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">Find Nearby Users Concept</a> <small style="color: #999"> - 10 votes</small></h4></th> </tr> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <a href="http://uimovement.com/ui/330/find-nearby-users-concept/?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;"><img src="https://d7natbl5lhry0.cloudfront.net/media/resource_image/Untitled-6.gif" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" alt="uigifs app showcase two" style="-ms-interpolation-mode: bicubic;border: 1px solid #eeeeee;height: auto !important;line-height: 100%;outline: none;text-decoration: none;display: block;border-radius: 2px;margin-bottom: 1em;width: 100% !important;max-width: 100% !important;"></a> </td> </tr> <tr> <td colspan="2" valign="top" class="footerContent" mc:edit="footer_content00" style="text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 60px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #999999;font-family: Helvetica, Arial, Verdana, sans-serif;padding-top: 20px;padding-right: 20px;padding-left: 20px;font-size: 14px !important;line-height: 150% !important;"> <a href="http://uimovement.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" style="border: 1px solid #666666;border-radius: 40px;padding: 5px 10px;text-decoration: none;color: #666666;margin: 10px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;"><strong>VIEW MORE</strong></a> </td> </tr> <tr mc:repeatable=""> <td colspan="2" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;line-height: 160%;margin-top: 3px;margin-bottom: 10px;">Thanks again for your contributions. <a href="http://uimovement.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">Submit and vote on UI designs</a> now to decide what goes in next week's email.</p> <p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;line-height: 160%;margin-top: 3px;margin-bottom: 10px;"><a href="https://twitter.com/ramykhuffash?utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_source=uimovement&utm_term=0_6b644220d1-382c3ae791-270295101" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #0067b1;">Ramy</a></p> </td> </tr> </table>  </td> </tr> </table>  </td> </tr> <tr> <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #ffffff;border-collapse: collapse !important;"> <tr> <td colspan="2" valign="middle" id="social" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;padding-top: 25px;border: 0;"> <div mc:edit="std_social" style="text-align: center;"> <a href="http://inboxpixels.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" class="inboxpixels" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: white;background: #0067b1;display: inline-block;font-size: 14px;padding: 3px 10px;margin: 10px 5px;border-radius: 2px;">Inbox Pixels</a> <a href="http://uigifs.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" class="uigifs" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: white;background: #ff712b;display: inline-block;font-size: 14px;padding: 3px 10px;margin: 10px 5px;border-radius: 2px;">uiGIFs</a> <a href="http://userflowpatterns.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" class="userflowpatterns" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: white;background: #2980b9;display: inline-block;font-size: 14px;padding: 3px 10px;margin: 10px 5px;border-radius: 2px;">User Flow Patterns</a> <a href="http://uimovement.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" target="_blank" class="alwayslearning" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: white;background: #385b8f;display: inline-block;font-size: 14px;padding: 3px 10px;margin: 10px 5px;border-radius: 2px;">UI Movement</a> </div> </td> </tr> <tr> <td valign="top" class="footerContent" mc:edit="footer_content02" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #999999;font-family: Helvetica, Arial, Verdana, sans-serif;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;font-size: 14px !important;line-height: 150% !important;"> You get these emails because you signed up to on <a href="http://uimovement.com?utm_source=uimovement&utm_campaign=382c3ae791-UI_Movement_weekly_05&utm_medium=email&utm_term=0_6b644220d1-382c3ae791-270295101" style="color: blue;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;font-weight: normal;">UI Movement.</a> </td> </tr> <tr> <td valign="top" class="footerContent" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #999999;font-family: Helvetica, Arial, Verdana, sans-serif;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;font-size: 14px !important;line-height: 150% !important;" mc:edit="footer_content02"> Want more UI design goodness? <a href="http://silkpixels.us8.list-manage.com/profile?u=63cd2bd395af9db9e390fe262&id=6b644220d1&e=86f2e41a8b" style="text-decoration: underline;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #999999;font-weight: normal;"><strong>Switch to daily emails.</strong></a> </td> </tr> <tr> <td valign="top" class="footerContent" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #999999;font-family: Helvetica, Arial, Verdana, sans-serif;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;font-size: 14px !important;line-height: 150% !important;" mc:edit="footer_content02"> Not enjoying these emails? Click the following link to <a href="http://silkpixels.us8.list-manage.com/unsubscribe?u=63cd2bd395af9db9e390fe262&id=6b644220d1&e=86f2e41a8b&c=382c3ae791" style="text-decoration: underline;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #999999;font-weight: normal;"><strong>stop receiving them.</strong></a> </td> </tr> </table>  </td> </tr> </table>  </td> </tr> </table> </center> <img src="http://silkpixels.us8.list-manage.com/track/open.php?u=63cd2bd395af9db9e390fe262&id=382c3ae791&e=86f2e41a8b" height="1" width="1"></body> </html>

We’ve successfully exported your scoped email into builder.

We just opened a brand new tab in your browser, in there you’ll find your scoped email ready to be edited.

Take me back to scope

k Hide Sensitive Information

Litmus ID

We’ve successfully exported your scoped email into builder.