Zeplin takes and artboard and creates a hosted, interactive styleguide that is clickable. It's the ideal front-end development hand-off tool. FEDs can measure elements, get colors, fonts, etc.
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/chris_holm_email-20150910-1.jpg" width="32" height="32" alt="Chris Holm"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Chris Holm | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Customer Success Manager at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> <span style="color: rgba(0,0,0,.3)">•</span> <a style="color: #1b74b1; text-decoration: none" href="tel:206-388-0872">206-388-0872</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/rachel_gnall_email-20150910-1.jpg" width="32" height="32" alt="Rachel Gnall"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Rachel Gnall | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Customer Success Manager at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> <span style="color: rgba(0,0,0,.3)">•</span> <a style="color: #1b74b1; text-decoration: none" href="tel:206-388-0873">206-388-0873</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/molly_todd_email-20150910-1.jpg" width="32" height="32" alt="Molly Todd"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Molly Todd | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Customer Success Manager at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/thyrus_gorges_email-20150910-1.jpg" width="32" height="32" alt="Thyrus Gorges"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Thyrus Gorges | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Customer Success Manager at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/todd_hager_email-20150910-1.jpg" width="32" height="32" alt="Todd Hager"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Todd Hager | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Manager of Customer Success at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> <span style="color: rgba(0,0,0,.3)">•</span> <a style="color: #1b74b1; text-decoration: none" href="tel:206-388-0874">206-388-0874</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/dawn_hager_email-20150910-1.jpg" width="32" height="32" alt="Dawn Hager"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Dawn Hager | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| New Client Consultant at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/halina-20150908-1.png" width="32" height="32" alt="Halina Moran"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Halina Moran | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Customer Success Manager at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> | |
| </small> |
| <table cellspacing="0" cellpadding="0" border="0" width='100%' style="padding-top: 10px; "> | |
| <tr valign="middle"> | |
| <td><a href="http://frontdeskhq.com"><img src="https://d255l8dnt407au.cloudfront.net/email/signatures/sam_turin_email-20150910-1.jpg" width="32" height="32" alt="Sam Turin"></a></td> | |
| <td width="100%" style="padding-left: 10px"> | |
| <h3 style="margin: 0 0 5px 0; padding: 3px 0 0 0; line-height: 1em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #3e3e3e; font-weight: bold"> | |
| Sam Turin | |
| </h3> | |
| <small style="font-size: 11px; color: #555; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"> | |
| Account Executive at <a style="color: #1b74b1; text-decoration: none" href="http://frontdeskhq.com">Front Desk</a> <span style="color: rgba(0,0,0,.3)">•</span> <a style="color: #1b74b1; text-decoration: none" href="tel:206-388-0881">206-388-0881</a> | |
| </small> |