Love Letter #059 - Beautiful Charts, Designer Playlists, Better YouTube Embeds

Back in action after a little break to reset after Season 3 of the Yo! Podcast. [Love Letter logo]( [The 59th Love Letter by]( [One Page Love]( Took a little break to reset after Season 3 of the [Yo! Podcast]( wrapped up. Next up: all-in on my debut Landing Page course called [Show Them]( — proper announcement and pre-sale in a few weeks. Below are my favorite websites, templates & finds featured on [One Page Love]( since I last wrote. [Rob Hope]( Much love, [Rob Hope] [Supported by Webflow]( [Take control of HTML5, CSS3, and JavaScript in a completely visual canvas]( Let [Webflow]( translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers. [Get started — it's free]( → [ Take control of HTML5, CSS3, and JavaScript in a completely visual canvas]( [Get Inspired]( [One Page website inspiration.]( Get inspired with these hand-picked Single Page websites I really enjoyed since I last wrote. View [all recent entries](. [Chesney Buitendijk]( [Chesney Buitendijk]( [Visit ➝]( Impressive 3D elements and parallax effects throughout this One Pager for front-end dev Chesney Buitendijk. [AWIN]( [AWIN]( [Visit ➝]( Neat little One Pager (built with WordPress) for AWIN, a water and wastewater service for new-build residential developments. Great to see these clean micro sites for niche industries. I'm always hunting for more! [Pillowtalk]( [Pillowtalk]( [Visit ➝]( Unique dreamy hero effect that drifts through the marketing narratives for Pillowtalk audio journaling app. [Easyfast]( [Easyfast]( [Visit ➝]( So many lovely on-brand touches throughout this One Pager (built with [Framer]() for Easyfast agency led by Nick Stepuk. The CTA button has a carrot icon, the load-website custom cursor has rabbit ears and the FAQs have 2 dedicated questions covering "how easy" and "how fast". Really fun! [Two Hands]( [Two Hands]( [Visit ➝]( Beautiful redesign of the One Pager (built with [Webflow]() for Two Hands design/dev studio led by Andy Hook. [Shift Happens]( [Shift Happens]( [Visit ➝]( Wonderful, interactive One Pager promoting the (sold out) Shift Happens book by Marcin Wichary. I was so impressed by [his 2024 Config talk]( that I had to learn everything about him and stumbled upon this incredible Landing Page for his book. The 3D preview of the book is unreal but he also includes fun keyboard-themed games further down the page. The amount of effort gone in this page must be 100s of hours. [tinyPod]( [tinyPod]( [Visit ➝]( Masterful animations and transitions as you scroll this One Pager (built with [Framer]() promoting tinyPod. [Slé]( [Slé]( [Visit ➝]( Clean One Pager (built with [Webflow]() for Slé, a social fitness app promoting healthier commutes and exercise. [Hillary Coe]( [Hillary Coe]( [Visit ➝]( Bold and spacious One Pager for Hillary Coe who specializes in design and communications for human-based spaceflight. Hillary is also a commercial pilot, astronaut candidate, drag racing record holder and advocate for young women and men entering STEM fields. Great to have her here! Don't overvalue being busy and undervalue being organized. Your company shouldn't rely on you to be executing 24/7. But it does rely on you to create structure and strategy. [Quoter]( [@_hunterhammonds]( [Digital Snacks]( [My favorite online finds.]( A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [Animated iPhone Mockup]( [Animated iPhone Mockup]( [- Neat panning frame. 4k 30fps. Customizable background. Free for an email address.]( [Playlists]( [Playlists]( [- Discover what top designers are listening to while they design. Nice one Fons on this idea! I have been jamming Jorn's playlist.]( [typespiration]( [typespiration]( [- Relaunch (I think) now with weekly updates of fresh color/type combos with a bonus Figma file for each.]( [Webflow Conf]( [Webflow Conf]( [- Full speaker list just dropped. I'm heading to the London event in Oct. Around Eng? Let's hang... I'll be there 10 days.]( [Desigeist]( [Desigeist]( [- Daily Design Inspiration by Pablo Stanley.]( [Public Work]( [Public Work]( [- Search engine for public domain content. Very smart marketing move by the Cosmos team. Bravo!]( [Beautiful Charts]( [Beautiful Charts]( [- Copy and paste neat charts into your apps. Open Source freebie by shadcn crew.]( [Better YouTube Embeds]( [Better YouTube Embeds]( [- They are heavy (1.3mb) but its fixable.]( [Free UI logos]( [Free UI logos]( [- 180+ logos for your designs by the Untitled UI crew. One click copy-to-clipboard vibes.]( [New Mozilla Logo]( [New Mozilla Logo]( [- Clever!]( [Surfboard Backdrop]( [Surfboard Backdrop]( [- Parkway Drive play secret show at Download Festival — don't have a back drop, use the bassists surfboard (he was bringing for Portugal) with PWD duct taped, hung up by leash strung across to nose and chained up. Awesome. Fun story: I saw a small Metallica secret show at Download Fest in 2008. Just like this. Good times those.]( [Featured Image]( [Source]( Want: a local AI that looks through all my various communication (email, iMessage, Messenger, twitter, WhatsApp, Slack, Matrix, etc) and prints me a daily digest, like a news paper I can read in the morning of the messages received/participated in over the past few days. [Quoter]( [@rsms]( [Validate Faster]( [Landing Page Templates.]( Here are the Landing Page templates I really enjoyed recently. These are great to validate your next idea quicker. View [all recent templates](. [92 Rhys]( [92 Rhys Webflow Template]( [Demo]( [Clone $29]( '92 Rhys' is a Landing Page [Webflow]( template crafted by [Marion & Co]( for property developers, architecture firms, leasing agencies and real estate companies. The long-scrolling layout features fancy animations on scroll, property video showreel modal and ends with an enquiry form. [Joop]( [Joop Wix Template]( [Demo]( [Clone Free]( 'Joop' is a free, minimal launching soon template crafted for the [Wix]( website builder. The colourful page design features a simple email sign up, social links and standout graphic. [Listen]( [Echo Wolf]( Designer [Trent Walton]( been creating some synth vibes under Echo Wolf alias. Really decent so I wanted share for inspiration for your creative project. His artwork is always super fun too. [Tune in →]( [ Echo Wolf]( [Landing Page Hot Tip]( [Define container width]( Hot Tip #81 is to set a maximum width for your content. [Hot Tip #19]( referred to setting a max-width for your typography — but what about defining your Landing Page container width? [Define container width]( Audiences differ but over 20% of my Landing Page desktop visitors use a 1920px wide monitor. W3Schools' [stats]( also indicate bigger resolution browsing is on the rise. Containing your Landing Page with a max-width will keep elements from floating on big resolutions, preventing a rugged reading experience. [Behind-the-scenes]( [What it takes to create the Yo! Podcast]( Recent interview I did with Design Discipline featuring a [super transparent convo]( on the Yo! Podcast. Why I started it. Designing the format with games. Being creative. The intense research. The leverage I created with One Page Love to ask guests. The recording dates that fall through... [ What it takes to create the Yo! Podcast]( [Unsubscribe](