January 31, 2024 7:56 AM
-
kate@framer.com
Framer Digest — top templates, product announcements, and more ✨
Highlights of recent updates, templates, and tutorials by Framer, including new features and showcases of community projects.
Check out the coolest Framer sites, top tutorials, and best templates from the past few weeks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
January 31, 2024 7:56 AM
-
kate@framer.com
Framer Digest — top templates, product announcements, and more ✨
Highlights of recent updates, templates, and tutorials by Framer, including new features and showcases of community projects.
Check out the coolest Framer sites, top tutorials, and best templates from the past few weeks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
<html style="background-color:#000000"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><style type="text/css">
<!--
#outlook a
{padding:0}
body
{margin:0;
padding:0}
table, td
{border-collapse:collapse}
img
{border:0;
height:auto;
line-height:100%;
outline:none;
text-decoration:none}
p
{display:block;
margin:13px 0}
-->
</style><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:2400px!important}
-->
</style><style>
<!--
.wrapper
{padding:0 12px}
.ShadowHTML .wrapper
{padding:0!important}
u + .body .wrapper
{padding:0!important}
div > u + .body .wrapper
{padding:0!important}
@media (prefers-color-scheme: dark) {
}
-->
</style><meta name="color-scheme" content="light"><meta name="supported-color-schemes" content="light"></head><body class="body" style="word-spacing:normal; background-color:#000000"><div style="display:none; font-size:1px; color:#ffffff; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden">Check out the coolest Framer sites, top tutorials, and best templates from the past few weeks</div><div style="background-color:#000000"><div style="display:none; max-height:0px; overflow:hidden">͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div><div class="ml wfix gmail-no-padding wrapper" style="margin:0px auto; max-width:600px; margin-left:0px!important"><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"><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"><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%; max-width:600px!important"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate"><tbody><tr><td style="background-color:#000000; border-radius:0px; vertical-align:top; padding-top:0px; padding-right:10px; padding-bottom:0px; padding-left:10px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style=""><tbody><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" 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:110px"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/cls1s5ahd00hqurtadpgru3d5.png" width="110" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" 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:sans-serif; font-size:30px; line-height:36px!important; text-align:left; color:#ffffff"><h1 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:30px; color:#ffffff!important; line-height:36px!important; font-size:30px!important"><span class="bold" style="font-weight:600; font-size:30px; line-height:36px!important; font-size:30px!important">In case you missed it</span></h1></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span style="line-height:25px!important; font-size:14px; font-size:14px!important">As you might have seen, </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">we wrapped up 2023</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> with 67 updates! And we’re not slowing down. Over the last few weeks, we launched:</span></div></td></tr><tr><td align="left" style="font-size:0px; padding:0; padding-top:0px; padding-right:0px; padding-left:6px; word-break:break-word"><div style="font-family:sans-serif; font-size:14.4px; line-height:23.04px; text-align:left; color:#ffffff"><ul style="list-style-type:disc; text-align:left; padding:0; margin:0px 0px 2px 20px"><li value="1" class="outlook-list-fix
style="><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Creative Section</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> – a new section of the Insert Panel filled with fun components and presets that you can use to bring your sites to life.</span> </li></ul></div></td></tr><tr><td align="left" style="font-size:0px; padding:0; padding-top:0px; padding-right:0px; padding-left:6px; word-break:break-word"><div style="font-family:sans-serif; font-size:14.4px; line-height:23.04px; text-align:left; color:#ffffff"><ul style="list-style-type:disc; text-align:left; padding:0; margin:0px 0px 2px 20px"><li value="2" class="outlook-list-fix
style="><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Patterns in Framer</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> – this release adds a </span><span class="bold" style="font-weight:600; font-size:14px; line-height:25px!important; font-size:14px!important">Tile</span><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> option to Image Fills, allowing you to create </span><span class="bold" style="font-weight:600; font-size:14px; line-height:25px!important; font-size:14px!important">seamless background patterns</span><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> for your sites.</span> </li></ul></div></td></tr><tr><td align="middle" class="divider" style="font-size:0px; padding:10px 25px; padding-top:24px; padding-right:0px; padding-bottom:24px; padding-left:0px; word-break:break-word"><p style="border-top:solid 1px #282828; font-size:1px; margin:0px auto; width:100%"></p></td></tr><tr><td align="left" 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:sans-serif; font-size:30px; line-height:36px!important; text-align:left; color:#ffffff"><h1 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:30px; color:#ffffff!important; line-height:36px!important; font-size:30px!important"><span class="bold" style="font-weight:600; font-size:30px; line-height:36px!important; font-size:30px!important">Hot templates</span></h1></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Messenger</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> by Justin Farrugia</span></div></td></tr><tr><td align="left" 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:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#ffffff!important"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/clryxxw4v00pb6i4wep66bk5o.png" width="580" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Messenger is a super unique (free) portfolio template featuring an interactive conversational style designed for creatives to show their work and experience. The project pages are designed the same way and provide a conversational way to showcase your work.</span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">SmartBot</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> by Zara</span></div></td></tr><tr><td align="left" 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:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#ffffff!important"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/clryxzpiq00gefqevzfvuj1gl.png" width="580" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span style="line-height:25px!important; font-size:14px; font-size:14px!important">SmartBot is a powerful Framer template for AI-powered products. It seamlessly enhances your startup or SaaS offering. This dynamic template gives startups a versatile website to easily showcase AI-powered products.</span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Atomic</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> by Andrea Montini</span></div></td></tr><tr><td align="left" 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:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#ffffff!important"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/clryy06x000gxh661q78ipz3b.png" width="580" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Atomic is a free one-pager site that can be used by various audiences – from design agencies to SaaS startups. It’s filled with useful elements like testimonials and FAQ, and contains everything a business needs for an MVP site.</span></div></td></tr><tr><td align="middle" class="divider" style="font-size:0px; padding:10px 25px; padding-top:24px; padding-right:0px; padding-bottom:24px; padding-left:0px; word-break:break-word"><p style="border-top:solid 1px #282828; font-size:1px; margin:0px auto; width:100%"></p></td></tr><tr><td align="left" 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:sans-serif; font-size:30px; line-height:36px!important; text-align:left; color:#ffffff"><h1 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:30px; color:#ffffff!important; line-height:36px!important; font-size:30px!important"><span class="bold" style="font-weight:600; font-size:30px; line-height:36px!important; font-size:30px!important">New tutorials 📚</span></h1></div></td></tr><tr><td align="left" style="font-size:0px; padding:0; padding-top:0px; padding-right:0px; padding-left:6px; word-break:break-word"><div style="font-family:sans-serif; font-size:14.4px; line-height:23.04px; text-align:left; color:#ffffff"><ul style="list-style-type:disc; text-align:left; padding:0; margin:0px 0px 2px 20px"><li value="1" class="outlook-list-fix
style="><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Read: </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">10 Ways Designers Can Make $1–10k+ Per Month with Framer in 2024</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> by Danny Sapio</span> </li></ul></div></td></tr><tr><td align="left" style="font-size:0px; padding:0; padding-top:0px; padding-right:0px; padding-left:6px; word-break:break-word"><div style="font-family:sans-serif; font-size:14.4px; line-height:23.04px; text-align:left; color:#ffffff"><ul style="list-style-type:disc; text-align:left; padding:0; margin:0px 0px 2px 20px"><li value="2" class="outlook-list-fix
style="><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Watch: </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Turn Your Website Into A Digital Store</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> by Framer University</span> </li></ul></div></td></tr><tr><td align="left" style="font-size:0px; padding:0; padding-top:0px; padding-right:0px; padding-left:6px; word-break:break-word"><div style="font-family:sans-serif; font-size:14.4px; line-height:23.04px; text-align:left; color:#ffffff"><ul style="list-style-type:disc; text-align:left; padding:0; margin:0px 0px 2px 20px"><li value="3" class="outlook-list-fix
style="><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Watch: </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Animated Card section tutorial</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> by Toni Järvinen</span> </li></ul></div></td></tr><tr><td align="left" style="font-size:0px; padding:0; padding-top:0px; padding-right:0px; padding-left:6px; word-break:break-word"><div style="font-family:sans-serif; font-size:14.4px; line-height:23.04px; text-align:left; color:#ffffff"><ul style="list-style-type:disc; text-align:left; padding:0; margin:0px 0px 2px 20px"><li value="4" class="outlook-list-fix
style="><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Book: </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">a free 15-minute one-on-one session with one of our product specialists</span></a> </li></ul></div></td></tr><tr><td align="middle" class="divider" style="font-size:0px; padding:10px 25px; padding-top:24px; padding-right:0px; padding-bottom:24px; padding-left:0px; word-break:break-word"><p style="border-top:solid 1px #282828; font-size:1px; margin:0px auto; width:100%"></p></td></tr><tr><td align="left" 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:sans-serif; font-size:30px; line-height:36px!important; text-align:left; color:#ffffff"><h1 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:30px; color:#ffffff!important; line-height:36px!important; font-size:30px!important"><span class="bold" style="font-weight:600; font-size:30px; line-height:36px!important; font-size:30px!important">Great Framer sites</span></h1></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Perplexity Blog</span></a></div></td></tr><tr><td align="left" 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:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#ffffff!important"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/clryy1m4e0076lghslfxcs7i1.png" width="580" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Perplexity</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> is a platform that delivers precise, user-focused answers in an era where time is a premium. They’re utilizing Framer’s </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">CMS</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> to manage and host their blog – which contains beautiful, simple inline blog pages to keep the reader focused on each article.</span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Knob.design</span></a></div></td></tr><tr><td align="left" 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:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#ffffff!important"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/clryy295i00jrz954w6db6lok.jpg" width="580" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Knob</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> is a low-profile mechanical keyboard that is set for release later in 2024. This uses great product imagery, combined with a minimal layout to highlight the product’s features and unique elements.</span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Pearpop</span></a></div></td></tr><tr><td align="left" 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:580px"><a href="#" target="_blank" style="text-decoration:underline; color:#ffffff!important"><img src="https://d3b9kr64nievew.cloudfront.net/clrywh303001cbr28ab3z576m/clryy2l2o00irfs9oljqf83y7.png" width="580" height="auto" style="border:0; border-radius:0px; display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:13px"> </a></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Pearpop</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important"> is the largest (and fastest growing) Creator Community, and their site is really playful - reflecting the friendly nature of their brand. It’s filled with fun and engaging animations that make the site a joy to scroll through.</span></div></td></tr><tr><td align="middle" class="divider" style="font-size:0px; padding:10px 25px; padding-top:24px; padding-right:0px; padding-bottom:24px; padding-left:0px; word-break:break-word"><p style="border-top:solid 1px #282828; font-size:1px; margin:0px auto; width:100%"></p></td></tr><tr><td align="left" 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:sans-serif; font-size:30px; line-height:36px!important; text-align:left; color:#ffffff"><h1 class="dark-force" style="padding:0; margin:0; font-weight:500; font-size:30px; color:#ffffff!important; line-height:36px!important; font-size:30px!important"><span class="bold" style="font-weight:600; font-size:30px; line-height:36px!important; font-size:30px!important">Creator spotlight</span></h1></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span style="line-height:25px!important; font-size:14px; font-size:14px!important">This newsletter’s creator spotlight is shining on Danny Sapio and Joel Whitaker – co-creators of </span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important">Framer Auth</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important">, a no-code solution for membership functionality in Framer. Check out the recording of our recent</span><a href="#" style="text-decoration:underline; color:#ffffff!important"><span class="underline" style="font-size:14px; text-decoration:underline!important; line-height:25px!important; font-size:14px!important"> Show and Tell</span></a><span style="line-height:25px!important; font-size:14px; font-size:14px!important">, where Danny and Joel demoed how to build a membership site in Framer, and also gave us a sneak peek under the hood of how they built FramerAuth. </span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span> </span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><span style="line-height:25px!important; font-size:14px; font-size:14px!important">✌️ Kate</span><br><span style="line-height:25px!important; font-size:14px; font-size:14px!important">Community & Partnerships at Framer</span></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:14px; line-height:25px!important; text-align:left; color:#ffffff"><br></div></td></tr><tr><td align="left" style="font-size:0px; padding:10px 25px; padding-top:24px; padding-right:0px; padding-left:0px; word-break:break-word"><div style="font-family:sans-serif; font-size:12px; line-height:16px; text-align:left; color:#9ca3af"><span style="color:#9ca3af!important; font-size:12px!important; line-height:20px!important">You're receiving this email because you opted-in to receive updates from Framer<br>Framer, Rozengracht 207B 1016 LZ Amsterdam Netherlands<br><a href="#" target="_blank" rel="noopener noreferrer" class="bold link-nostyle" style="font-weight:600; color:#9ca3af!important; text-decoration:none!important; font-size:12px!important; line-height:20px!important">Unsubscribe </a></span></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div><img alt="" src="http://c.vialoops.com/CI0/0100018d6005202d-77e3df00-703b-43ec-ab2b-53e4a6e236d1-000000/3SSRoMkKjGuuuXr5GxEZcpOhEGLBuZ0p3WCc0p0h7p4=338" style="display:none; width:1px; height:1px"> </body></html>
Try
Similar Emails
Who What Wear
It's going to be the summer of cool-girl elegance—29 pieces destined to sell out
Content Sharing
Other
National Geographic
Our Top 10: Corpse flowers; a supersized shark mystery; Brad Pitt's face problem; why voices change with age
Content Sharing
Books & Publishing
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save to Board
This is some text inside of a div block.
This is some text inside of a div block.
1 selected
DoneYou have reached your plans limit
To create or access more boards you need to upgrade.