The 120 tools, galleries, and reads referenced across the tips.
1200px - The original grid systems we all used to reference.
8pt Grid System - Very good visual breakdown by Elliot Dahl of the benefits an 8pt system give a design. Includes 8px ratio infographics.
960px - The original grid systems we all used to reference.
Accessible Color Generator - Useful to find the nearest accessible-passing color based on your color inputs (that are failing).
Aerial View Inspiration - A collection of 80+ Landing Pages I've curated with aerial view shot.
Artlist - One of the best video stock libraries out there. I used them for the explainer video for this Ebook. If you struggle with speaking clearly, they also have a very respectable AI text-to-voice generator. This could help give your video that professional edge you need.
Avataaars - Online avatar generator for when customer imagery isn't available or poor quality. Try not mix animated with real customer images. So choose a style for consistency.
BGJar - Free online tool to create colorful SVG blobs.
Blush - Online tool to create, mix, and customize illustrations made by artists around the world.
Carousels - Brad Frost goes into why carousals are a poor choice.
Carrd - Your go-to option if you want to build a basic Landing Page online for free. Then only $9/year if you want to use a custom domain. Founder AJ is a real legend in the template-building space.
Character Count Online - These two online character counting tools are semi-decent (only a little spammy vs. the rest) and fast.
Characters Per Line - Excellent article on fine-tuning typography based on characters per line.
Charcounter - These two online character counting tools are semi-decent (only a little spammy vs. the rest) and fast.
Clever in-page demos - An article featuring 12 Landing Pages with brilliant in-page demos.
Color Scheme Inspiration - A collection of 700+ Landing Pages I've curated featuring colorful schemes.
Contrast for Mac - Great tool I've been using to to ensure my text color hierarchies are within Accessibility standards.
Crazy Egg Form UI UX - Crazy Egg published a brilliant Form UI and UX visual guideline.
Creative Market Mock-Ups - The device mock-ups category is filled with unique options by their community.
Dark Scheme Inspiration - A collection of 25 Landing Pages I've curated featuring beautifully crafted dark color schemes.
Date Countdown - The one I used on the Hot Tips Landing Page
Depth Inspiration - A collection of 50+ Landing Pages I've curated featuring a perception of depth within the page.
Designmodo - A wonderful Landing Page builder solution (for you to host yourself) utilising the Bootstrap framework. The design is definitely up there with the best and features over 300 components to interchange and customize.
Diagonal Line References - A collection of 30+ Landing Pages I've curated featuring diagonal line separators.
Facebook Devices - Monster collection of mock-up devices in both PNG and Sketch. Ridiculous this is free.
FAQ Examples - A more specific collection I've put together of well-designed or interesting FAQ sections in Landing Pages
FAQ Inspiration - A collection of 70+ Landing Pages I've curated featuring helpful FAQs near the bottom.
Fiverr Explainer Videos - Great to outsource 2–3 cheap concepts to help brainstorm the final product.
Fiverr Signatures - Get an animation of your signature commissioned for $5.
Flexbox order - A neat way to add context with only a few lines of additional code.
Focus Styles - Solid article by Eric Bailey covering :focus and :active CSS selectors.
Font Awesome - Another quality library. I backed them on Kickstarter in 2017 and still using the odd icon. The site UI is very impressive and continuously being worked on.
Font Smoothing Explained - This 11-year-old piece by Krzysztof Szafranek is still the best explanation of font smoothing I've read.
Gradient Inspiration - A collection of 100+ Landing Pages I've curated featuring colorful gradients.
GRT Calculator - The Golden Ratio Typography (GRT) calculator helps perfect typography for your Landing Page by entering your current font, font size, and content width.
Headlime - A headline generator to help brainstorm dozens of possibilities.
Hicks Law - Beautifully illustrated representation on Laws of UX
How A/B Testing works - Comprehensive guide by the CXL team where they encourage testing over two business cycles, so it mitigates external events.
How it Works Examples - An ongoing collection I've put together of well-designed or interesting How it Works sections in Landing Pages
How to request testimonials - A three-step method to help generate great Landing Page testimonials from your customers.
Humaaans - Free library to mix and match illustrations of people. Made for Sketch, Figma, InVision Studio and Adobe XD.
Iconinder - Solid resource for finding and icon style you like first, then purchasing. Lots of free ones in sets in here too.
Illustration Inspiration - A collection of 1500+ Landing Pages I've curated featuring a mix of illustrations.
ImageOptim - My go-to for image size optimization for JPG, GIF, PNG and SVG.
IMGIX - Image CDN's are a bit excessive in most Landing Pages but I use IMGIX for my full network of sites. The real benefit is you can upload a big image once, then manipulate (size, compression) the output using only code. I cannot recommend it enough and I do use it for Landing Pages within my bigger sites.
Kerning Tips - An older but solid piece by Rebecca Creger with 10 kerning tips for improving your typography.
Landed – Video Editors - A service to help pair you with a great video editor. Pricing starts at $3k for a full month with a junior video editor. They could also help produce a full fleet of social media vids to align with the Landing Page.
Landing Page Templates - A collection of 300+ Landing Page templates I've reviewed over the past few years. About 80 of them are free to test a few ideas at low cost.
Marketing Examples Titles - A fun Landing Page title breakdown by Annie Maguire from Marketing Examples.
Material columns-gutters-and-margins - Google's Material Design initiative does a great job of explaining the differences between columns, gutters, and margins.
Medialuv - An animation studio specializing in explainer videos. I've worked with Ryan in the past. Very professional.
Metatags - A great tool to generate them and to see how your Landing Pages look on all platforms.
New Window Links - A strong Counterargument by Jesse including several use-cases and additional UX reads. Always healthy to question UX decisions. I still vote for opening demos, support portals and blogs in new tabs - all 3 in my experience offer poor navigations to return to the primary page.
Noun Project Photos - Just launched so a good resource of less-used, quality stock imagery. Pricing is around $33/image for commercial use.
Optimage - An alternative image size optimization tool by Vlad Danilov. Conveniently optimizes MP4 too.
Parity Bar - Neat service to offer parity pricing coupons within your Landing Page header. It's free for the first 10k views.
Parity Pricing Landing Pages - A very young collection of Landing Pages I've kicked off featuring parity pricing.
Payment Method Logos - A brilliant free set (pictured above) on IconFinder in PNG and SVG formats.
Pexels - Both good free stock image alternatives if a search term isn't winning on Unsplash. Both include stock video too.
Pingdom Speed Test - My go-to speed testing tool, I prefer the UI over the above.
Pixabay - Both good free stock image alternatives if a search term isn't winning on Unsplash. Both include stock video too.
Podcast Parity Pricing - Check out this 'Purchasing Power Parity' podcast episode with Wes Bos and Scott Tolinski. Wes is a developer and teacher and offers parity pricing on all of his courses.
Pricing Psychology - Help Scout breakdown 10 popular pricing strategies.
Pricing Table Examples - A more specific collection I've put together of well-designed or interesting Pricing Tables in Landing Pages.
Pricing Table Inspiration - A collection of 150+ Landing Pages I've curated featuring a wide range of different pricing tables.
Purchasing Power Parity - A Purchasing Power Parity API built by Robin Wieruch to help integrate parity pricing into your Landing Pages.
Rags-widows-orphans - Kinda inappropriate naming but a good read on certain paragraph shapes and styles to avoid.
Ray - Useful little web app to generate beautiful images of your code snippets. Supports a bunch of languages and features a neat UI options panel including dark + light modes.
Responsive Images - Developer Eric Portis details exactly how to deliver @2x images on Retina screens.
Rewriting Landing Page Copy - Fun case-study over at Marketing Examples where they spice up generic Landing Page copy.
Rotato - macOS app to generate fancy rotating device mock-ups. Free to try, then $40.
Screenflow - My absolute favorite screen recording tool I probably use every day. Exports to GIF and lite-sized MP4 (used in this book) for Landing Pages.
Scroll Hint Inspiration - A collection of 150+ Landing Pages I've curated integrating scroll hints.
Share Link Creator - My go-to-tool for populating social share links in my Landing Pages. I used this tool for the links below this. Kick off the Tweet link to see it in action.
shotsnapp - Brilliant device mock-up tool that works in your browser.
Shoutout - A service that taps into your existing social proof online and turns it into an embeddable "Wall of Love" to embed in your Landing Pages.
Sign Your Work - Little 2014 nugget blog post by Seth Godin.
Smartmockups - Tool with a more diverse (tees, cups, devices) set of mock-ups. Free for 200 mock-ups then $9/month.
Smooth Scroll Inspiration - A collection of 2000+ Landing Pages I've curated featuring smooth scroll.
Squareshot - Service to send your physical product and they'll send back top quality photos of it for your Landing Page.
Squarespace - Your best hosted solution if you would like to build a Landing Page online with an alongside blog for content marketing. It is also worth noting if design is your weak point, Squarespace design is perhaps the best out there and will give you a better first impression than the other online website builders.
Stocksy - My favorite premium resource for stock images. If you only need a single authentic image for your Landing Page, seriously consider starting here.
Streamline Icons - My personal favorite (pictured above). Owner Vincent and his team have spent a zillion hours putting together this comprehensive 30,000+ resource with 3 weights.
Streamline UX - Vincent and his team have launched an illustration tier to their icon library.
System Font Stack - Good breakdown with code snippets by Geoff Graham on CSS-Tricks.
Team Examples - A more specific collection I've put together of well-designed or interesting Team sections in Landing Pages.
Typewolf - My go-to for typography inspiration. Jeremiah Shoaf has done a fantastic job with the resource.
Typewolf Google Fonts - Quality curation by Typewolf with font previews and direct download links.
unbounce - Online Landing Page builder who encourage duplicating your best performing templates to save time. A quick shoutout to them who have been super supportive of this book online.
Unboxshot - A service specializing in stop-motion unboxing animations for your products. Instant delight in your Landing Page.
Undraw - Royalty-free illustration resource by Katerina Limpitsouni.
Unsplash - High quality, well curated free stock images.
UserWay - A website accessibility solution for ADA & WCAG Compliance. Their widget sits in the corner of the browser where users can customize their browsing experience.
VideoTouch - An alternative approach to adding personality where you can have fun explaining the product or service in the corner of the Landing Page. The service is free for up to 5k visits a month.
Wavy Line References - A collection of 10+ Landing Pages I've curated featuring wavy line separators.
Wes Bos Courses - Check out this 'Purchasing Power Parity' podcast episode with Wes Bos and Scott Tolinski. Wes is a developer and teacher and offers parity pricing on all of his courses.
Whitespace Inspiration - A collection of 1000+ Landing Pages I've curated featuring healthy whitespace.
Witzenhausen - This tip was taken from my WordCamp Berlin talk on Landing Page optimization.
