[{"data":1,"prerenderedAt":311},["ShallowReactive",2],{"category-design":3},{"slug":4,"title":5,"description":6,"resourceCount":7,"subcategories":8},"design","Design","Icon sets, illustrations, stock photography, typography, and design systems for creating on-brand, visually consistent email campaigns.",64,[9,48,88,121,157,194,229,265,300],{"slug":10,"title":11,"description":12,"resourceCount":13,"preview":14},"design-inspiration","Design Inspiration","Searchable archives of real, sent email campaigns to reference for layout and visual style.",12,[15,22,27,33,38,43],{"name":16,"url":17,"description":18,"type":19,"slug":20,"source":21},"Branding Style Guides","https:\u002F\u002Fbrandingstyleguides.com\u002F","The brand design manual documents directory. Search over our worldwide style assets handpicked collection, access to PDF documents for inspiration.","collection","branding-style-guides","emailresourc-es",{"name":23,"url":24,"description":25,"type":19,"slug":26,"source":21},"Email Love","https:\u002F\u002Femaillove.com\u002F","Curation of the best email designs, templates and tools.","email-love",{"name":28,"url":29,"description":30,"type":19,"slug":31,"source":32},"Email Marketing Examples","https:\u002F\u002Fwww.emailmarketingexamples.com\u002F","A searchable collection of thousands of real, sent email campaigns for design and copy inspiration.","email-marketing-examples","manual-additions",{"name":34,"url":35,"description":36,"type":19,"slug":37,"source":21},"Email Tuna","https:\u002F\u002Femailtuna.com\u002F","Database of email newsletters archived from all over the internet.","email-tuna",{"name":39,"url":40,"description":41,"type":19,"slug":42,"source":21},"HTML Email Designs","http:\u002F\u002Fhtmlemaildesigns.com\u002F","Beautiful emails to help inspire your next email design.","html-email-designs",{"name":44,"url":45,"description":46,"type":19,"slug":47,"source":21},"HTML Email Gallery","https:\u002F\u002Fhtmlemailgallery.com\u002F","A large collection of newsletter and email design inspiration.","html-email-gallery",{"slug":49,"title":50,"description":51,"resourceCount":52,"preview":53},"design-systems","Design Systems","Case studies and starter kits for building a reusable, on-brand email design system.",8,[54,60,66,71,76,82],{"name":55,"url":56,"description":57,"type":58,"slug":59,"source":21},"Bounce by Treehouse","https:\u002F\u002Ftreehouse.github.io\u002Femail-style-guide\u002F","A guide for building on-brand emails at Treehouse.","design system","bounce-by-treehouse",{"name":61,"url":62,"description":63,"type":64,"slug":65,"source":21},"Design Systems for email: bringing order to the chaos","https:\u002F\u002Fuxdesign.cc\u002Fdesign-systems-for-email-bringing-order-to-the-chaos-c9d9c85ee46d","How we started, what we built, and what we learned building our first email design system at Stack Overflow.","article","design-systems-for-email-bringing-order-to-the-chaos",{"name":67,"url":68,"description":69,"type":58,"slug":70,"source":21},"Email design at Stack Overflow","https:\u002F\u002Fstackoverflow.design\u002Femail\u002Fguidelines\u002Fgetting-started\u002F","An email design system that helps Stack Overflow create consistently-designed, properly-rendered email for all their users.","email-design-at-stack-overflow",{"name":72,"url":73,"description":74,"type":58,"slug":75,"source":21},"Email Design System","https:\u002F\u002Fhtmlemail.io\u002Fdesign-system\u002F","Email design system for Figma and Sketch.","email-design-system",{"name":77,"url":78,"description":79,"type":80,"slug":81,"source":21},"Email Design System Guide","https:\u002F\u002Fblocksedit.com\u002Femail-design-system\u002F","Guide from Blocks Edit on how to document your email design workflow for consistency, scalability, and collaboration.","","email-design-system-guide",{"name":83,"url":84,"description":85,"type":86,"slug":87,"source":21},"Making Awesome Email Design Systems w\u002F Crystal Ledesma","https:\u002F\u002Fwww.emailtalk.fm\u002Fepisodes\u002F05-making-awesome-email-design-systems-w-crystal-ledesma","Learn about how Zillow got their email design system off the ground.","podcast","making-awesome-email-design-systems-w-crystal-ledesma",{"slug":89,"title":90,"description":91,"resourceCount":92,"preview":93},"design-tools","Design Tools","Design and prototyping applications commonly used to mock up email campaigns.",5,[94,100,106,111,116],{"name":95,"url":96,"description":97,"type":98,"slug":99,"source":21},"Adobe XD","https:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Fxd.html","An all-in-one powerful UI\u002FUX design solution for websites, apps & more.","service","adobe-xd",{"name":101,"url":102,"description":103,"type":104,"slug":105,"source":21},"Dark mode image editor","https:\u002F\u002Flessonsinemail.com\u002Ftools\u002Fdark-mode-image-editor","A tool to optimise background images, to help them work across email clients in light and darkm mode.","utility","dark-mode-image-editor",{"name":107,"url":108,"description":109,"type":98,"slug":110,"source":21},"Figma","https:\u002F\u002Fwww.figma.com\u002F","Design, prototype, and gather feedback all in a single design tool.","figma",{"name":112,"url":113,"description":114,"type":98,"slug":115,"source":21},"Framer","https:\u002F\u002Fwww.framer.com\u002F","An all-in-one tool that helps teams design every part of the product experience.","framer",{"name":117,"url":118,"description":119,"type":98,"slug":120,"source":21},"Sketch","https:\u002F\u002Fwww.sketch.com\u002F","Sketch is a design toolkit built to help you create your best work.","sketch",{"slug":122,"title":123,"description":124,"resourceCount":125,"preview":126},"icons","Icons","Free icon libraries suitable for use in email-safe image formats.",10,[127,132,137,142,147,152],{"name":128,"url":129,"description":130,"type":19,"slug":131,"source":21},"Amp What","https:\u002F\u002Fwww.amp-what.com\u002F","Fast lookup and reference for HTML entities and Unicode characters. Hex or decimal code for punctuation marks, mathematical symbols, icons and more.","amp-what",{"name":133,"url":134,"description":135,"type":19,"slug":136,"source":21},"Emojipedia","https:\u002F\u002Femojipedia.org\u002F","A fast emoji search experience with options to browse every emoji by name, category, or platform.","emojipedia",{"name":138,"url":139,"description":140,"type":19,"slug":141,"source":21},"Feather Icons","https:\u002F\u002Ffeathericons.com","A collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.","feather-icons",{"name":143,"url":144,"description":145,"type":19,"slug":146,"source":21},"Flaticon","https:\u002F\u002Fwww.flaticon.com","The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.","flaticon",{"name":148,"url":149,"description":150,"type":19,"slug":151,"source":21},"Font Awesome","https:\u002F\u002Ffontawesome.com\u002F","Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.","font-awesome",{"name":153,"url":154,"description":155,"type":19,"slug":156,"source":21},"Hero Icons","https:\u002F\u002Fheroicons.com","Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.","hero-icons",{"slug":158,"title":159,"description":160,"resourceCount":161,"preview":162},"illustrations","Illustrations","Free and licensed illustration sets for adding visual personality to campaigns.",7,[163,168,173,178,183,188],{"name":164,"url":165,"description":166,"type":19,"slug":167,"source":21},"3D Bay","https:\u002F\u002Fclouddevs.com\u002F3dbay\u002F","An extensive collection of 3D stock images available free of charge for personal and commercial creative ventures.","3d-bay",{"name":169,"url":170,"description":171,"type":19,"slug":172,"source":21},"Blush","https:\u002F\u002Fblush.design\u002F","Customize stunning illustrations with collections made by artists across the globe.","blush",{"name":174,"url":175,"description":176,"type":19,"slug":177,"source":21},"Free Userpics Pack","https:\u002F\u002Fuserpics.craftwork.design\u002F","100 free userpics for your design projects are here!","free-userpics-pack",{"name":179,"url":180,"description":181,"type":19,"slug":182,"source":21},"Icons8 Illustrations","https:\u002F\u002Ficons8.com\u002Fillustrations","Explore a beautiful library of royalty-free clipart vector images and illustrations in PNG, SVG formats. Free clipart for commercial use.","icons8-illustrations",{"name":184,"url":185,"description":186,"type":19,"slug":187,"source":21},"LottieFiles","https:\u002F\u002Flottiefiles.com\u002F","The world’s largest online platform for the world’s smallest animation format for designers, developers, and more. Easily export animations as GIFs.","lottiefiles",{"name":189,"url":190,"description":191,"type":192,"slug":193,"source":21},"Pixeltrue Illustrations","https:\u002F\u002Fwww.pixeltrue.com\u002Fscenic-illustrations","A collection of 60+ background scenes from around the globe - illustrated and animated! Free for commercial use without attribution.","collections","pixeltrue-illustrations",{"slug":195,"title":196,"description":197,"resourceCount":161,"preview":198},"placeholder-images","Placeholder Images","Dummy image generators for filling layouts during the design and build process.",[199,204,209,214,219,224],{"name":200,"url":201,"description":202,"type":104,"slug":203,"source":21},"Better Placeholder","https:\u002F\u002Fbetterplaceholder.com\u002F","Quickly generate custom placeholder images for your design and development projects. Created by @dylanatsmith.","better-placeholder",{"name":205,"url":206,"description":207,"type":104,"slug":208,"source":21},"DummyImage.com","https:\u002F\u002Fdummyimage.com\u002F","Dynamic Dummy Image Generato by Russell Heimlich","dummyimage-com",{"name":210,"url":211,"description":212,"type":104,"slug":213,"source":21},"Fill Murray","http:\u002F\u002Fwww.fillmurray.com\u002F","Utility to provide custom-sized placeholder images of Bill Murray.","fill-murray",{"name":215,"url":216,"description":217,"type":104,"slug":218,"source":21},"PlaceCage","http:\u002F\u002Fwww.placecage.com\u002F","Sizable, dynamic placeholder images featuring Nicolas Cage, with additional variations for grayscale and crazy\u002Finsane.","placecage",{"name":220,"url":221,"description":222,"type":104,"slug":223,"source":21},"Placeholder Image Generator","https:\u002F\u002Fparcel.io\u002Ftools\u002Fplaceholder-image","Generate placeholder images with custom text, colors, and fonts.","placeholder-image-generator",{"name":225,"url":226,"description":227,"type":104,"slug":228,"source":21},"PlaceIMG","https:\u002F\u002Fplaceimg.com\u002F","Easy FPO and dummy images for any project.","placeimg",{"slug":230,"title":231,"description":232,"resourceCount":233,"preview":234},"stock-photos","Stock Photos","Free and licensed stock photography libraries for email header and hero images.",6,[235,240,245,250,255,260],{"name":236,"url":237,"description":238,"type":19,"slug":239,"source":21},"Burst","https:\u002F\u002Fburst.shopify.com\u002F","Free stock photos for websites and commercial use.","burst",{"name":241,"url":242,"description":243,"type":19,"slug":244,"source":21},"Pexels","https:\u002F\u002Fwww.pexels.com\u002F","The best free stock photos & videos shared by talented creators.","pexels",{"name":246,"url":247,"description":248,"type":19,"slug":249,"source":21},"PixelSquid","https:\u002F\u002Fwww.pixelsquid.com\u002F","3D content made easy for graphic designers to download at any angle as transparent PNG or PSD.","pixelsquid",{"name":251,"url":252,"description":253,"type":19,"slug":254,"source":21},"remove.bg","https:\u002F\u002Fwww.remove.bg\u002F","Remove image backgrounds automatically in 5 seconds with just one click.","remove-bg",{"name":256,"url":257,"description":258,"type":19,"slug":259,"source":21},"Unsplash","https:\u002F\u002Funsplash.com\u002F","The internet’s source of freely-usable images. Powered by creators everywhere.","unsplash",{"name":261,"url":262,"description":263,"type":19,"slug":264,"source":21},"UserStock","https:\u002F\u002Fuserstock.io\u002F","Free photos of people's faces to use as avatars in UI mockups, prototypes and more.","userstock",{"slug":266,"title":267,"description":268,"resourceCount":52,"preview":269},"typography","Typography","Web-safe and email-safe font resources, plus guides on typography for email design.",[270,275,280,285,290,295],{"name":271,"url":272,"description":273,"type":64,"slug":274,"source":21},"All You Need to Know About Web Fonts in Email","https:\u002F\u002Fwww.campaignmonitor.com\u002Fresources\u002Fguides\u002Fweb-fonts-in-email\u002F","Actionable advice about how to choose the ideal web font in email.","all-you-need-to-know-about-web-fonts-in-email",{"name":276,"url":277,"description":278,"type":64,"slug":279,"source":21},"Best Fonts for Email","https:\u002F\u002Fstripo.email\u002Fblog\u002Fbest-fonts-email-usage-tips-tricks\u002F","Learn to choose email safe fonts, choose the right font size, build accessible emails.","best-fonts-for-email",{"name":281,"url":282,"description":283,"type":104,"slug":284,"source":21},"Font style matcher","https:\u002F\u002Fmeowni.ca\u002Ffont-style-matcher\u002F","A tool to help you match the fallback font and the intended webfont’s by x-heights and widths.","font-style-matcher",{"name":286,"url":287,"description":288,"type":64,"slug":289,"source":21},"Fonts in HTML emails","https:\u002F\u002Fwww.hteumeuleu.com\u002F2020\u002Ffonts-in-emails\u002F","A look at understanding the flaws in the concept of \"safe fonts\" and best practices for setting fonts in emails.","fonts-in-html-emails",{"name":291,"url":292,"description":293,"type":98,"slug":294,"source":21},"Google Fonts","https:\u002F\u002Ffonts.google.com\u002F","Free web fonts to use in your emails, hosted by Google.","google-fonts",{"name":296,"url":297,"description":298,"type":64,"slug":299,"source":21},"The Complete Guide to Web Fonts in Email","https:\u002F\u002Fwebdesign.tutsplus.com\u002Ftutorials\u002Fweb-fonts-for-email--cms-36847","In this tutorial Paul Airy walks you through implementing web fonts into your email campaigns.","the-complete-guide-to-web-fonts-in-email",{"slug":301,"title":302,"description":303,"resourceCount":304,"preview":305},"video","Video","Resources for designing and animating video-style content for email.",1,[306],{"name":307,"url":308,"description":309,"type":104,"slug":310,"source":21},"Video Thumbnail Generator","https:\u002F\u002Fparcel.io\u002Ftools\u002Fvideo-thumbnail","Get the email-ready thumbnails for YouTube, Vimeo, Wistia, and Loom videos.","video-thumbnail-generator",1786453924798]