Love Letter #056 - Droppable scroll demo, Hydrant directory, Ghostly time lapse 👻

Wonderful animated demo as you scroll this One Pager for Droppable, an app to help send large files from your Mac desktop. [Love Letter logo]( [The 56th Love Letter by]( [One Page Love]( Great news — [UX Love]( has found a new home with [Denis]( from UI Learn. I've just seen a sneak peak of his direction and it's exactly what I would have wanted for the idea. ICYMI - I parted ways with [Email Love]( and UX Love to focus full-time on OPL, the [Yo! Podcast]( and my upcoming [Landing Page course](. 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](. [Droppable]( [Droppable]( [Visit ➝]( Wonderful animated demo as you scroll this One Pager (built with [Webflow]() for Droppable, an app to help send large files from your Mac desktop. Also what a fun Easter Egg! ps. you got mail... [All You Can Design]( [All You Can Design]( [Visit ➝]( A TON of love has gone into this One Pager (built with [Framer]() for productised design service, All You Can Design. The all-you-can-eat related branding and copywriting is so fun! [Carl Barenbrug LAB]( [Carl Barenbrug LAB]( [Visit ➝]( Minimal, modular Landing Page promoting LAB, the product design services of Carl Barenbrug. [The Other Glasses]( [The Other Glasses]( [Visit ➝]( Clean design and superb product visuals throughout this One Pager (built with WordPress) for The Other Glasses. Also lovely touch with the red line animations as you scroll, highlighting key bits of copy. [Quin]( [Quin]( [Visit ➝]( Perfectly curated photography throughout this launching soon page (built with [Webflow]() for Quin, a client engagement tool to help recommended timely, unique gestures to your clients. [AVOCA]( [AVOCA]( [Visit ➝]( Lovely color scheme in this Landing Page (built with [Shopify]() for AVOCA, an avocado oil from Mexico. [bauplan]( [bauplan]( [Visit ➝]( Landing Page (built with [Framer]() taking private alpha requests for bauplan. This is a good reference how adding a few bits of color behind components can really bring a page to life. [Yasffir Almeida]( [Yasffir Almeida]( [Visit ➝]( Stylish One Page portfolio for front-end dev Yasffir Almeida featuring parallax scrolling. better to be an average designer that markets well. than a great designer that no one knows about [Quoter]( [@darylginn]( [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. [Boston Celtics nonstop]( [Boston Celtics nonstop]( [- This social media video edit is so buttery I want to pack it all up and hide offline in the mountains.]( [The Hydrant Directory]( [The Hydrant Directory]( [- 100s of curated fire hydrants with extracted color palettes, aerial views and sorting functions by longitude and latitude. Wild stuff. h/t @realvjy]( [Site sections catalog]( [Site sections catalog]( [- The Curated Design team added a dedicated area for webpage sections. It's a pity it's mostly behind a paywall but I can respect why.]( [Avaaatars]( [Avaaatars]( [- Free avatars library by Nicolaj Reck with transparent PNG support. So each person has the background removed around their hair etc.]( [How to master storytelling]( [How to master storytelling]( [- Shaan Puri dropped nugget after nugget on the How I Write podcast.]( [Deblank Colors]( [Deblank Colors]( [- Fresh AI color palette generator. TBH I don't think the AI lands quality schemes BUT I wanted to share this as an impressive way to output schemes. Within multiple visual products.]( [Fluid Gradients]( [Fluid Gradients]( [- Free pack of 8 designs with 2 dust textures to overlay.]( [Featured Image]( [Source]( [Noteworthy]( [Interesting UI components.]( Some recent page components ([full archive]() I thought were really well designed or found interesting. Each is captured in full HD and links to the original page source. Hit me up if you scroll into something fresh. [Portfolio Final Final Bio]( [Portfolio Final Final Book Bio]( [Enlarge ➝]( Clear image, holding product, short bio, client logos, awards, stack of paper design, personal touch signature ...plus his WHY he created the product. One of the best bio sections I've stumbled upon. An embarrassing first version is better than no version. [Quoter]( [@lmsqueezy]( [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](. [Watch Party]( [Watch Party Webflow Template]( [Demo]( [Clone Free]( 'Watch Party' is an event Landing Page template cloneable for free using [Webflow](. The design is fresh and even brutalist at times. Features include date countdown timer, speakers, sponsor logos, agenda timeline and a map to the location. [Kaven]( [Kaven WordPress Theme]( [Demo]( [Buy $59]( 'Kaven' is a One Page portfolio WordPress theme crafted by [CocoBasic](. The long-scrolling template features a fixed header navigation that scrolls to the portfolio sections. Also worth noting how the project can load extensive case studies within the page, keeping the visitor within the same scrolling experience. [Landing Page Hot Tip]( [Align with a grid]( Hot Tip #36 is to align with a grid. Layout grids keep your Landing Page tidy by positioning within constraints. [Private: Align with a grid]( [ICYMI]( [Ghost character design time lapse]( Need a little design inspiration? Make a brew, sit back and enjoy this 15min time-lapse of Vijay Verma designing a colorful ghost. He starts in Procreate then brings it to life in Figma. Enjoyed? Learn more about his process in my [Yo! Podcast interview]( with him. [ Ghost character design time lapse]( [Vijay Verma]( is a talented designer renowned for his intricate Figma art and his extensive portfolio of free digital resources. Our Yo! S3 Guests: 28 Mar - [Dann Petty]( ([watch]() 09 Apr - [Rogie King]( ([watch]() 24 Apr - [Grace Walker]( ([watch]() 09 May - [Mike McAlistair]( ([watch]() 22 May - [Gal Shir]( ([watch]() 05 Jun - [Vijay Verma]( ([watch]() 26 Jun - [Rasmus Andersson]( 18 Jul - [Pablo Stanley]( [Unsubscribe]( |￣￣￣￣￣￣￣￣￣￣￣￣￣￣| [Show Them]( |＿＿＿＿＿＿＿＿＿＿＿＿＿＿| \(•◡•)/ \ / --- |_ |_