Love Letter #048 - Free texture pack, visual hierarchy, BVBBLZ, my London talk 🇬🇧

I am confident if you have a webpage that is promoting something this 15 min talk will help increase those sign ups, sales or downloads. [Love Letter logo]( [The 48th Love Letter by]( [One Page Love]( Had a hoot vlogging/re-enacting [my Webflow Conf London talk]( about strengthening your Landing Pages. I am confident if you have a webpage that is promoting something this [15 min talk]( will help increase those sign ups, sales or downloads - enjoy! Below are my favorite websites, UI components, templates & finds featured on [One Page Love]( since I last wrote. If the content gets cut off, you can read it online [here](. [Rob Hope]( Much love, [Rob Hope] [Supported by Webflow]( [Sync Figma to Webflow]( With the [Figma to Webflow App](, you can now do more than just import your Figma components and variables — you can also sync changes from Figma into Webflow. That means you can now send your styling, layouts, colors, text, and images to Webflow and transfer them seamlessly. [Try the app]( → [ Sync Figma to Webflow]( [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](. [ACID 2024]( [ACID 2024]( [Visit ➝]( Impressive 3D element overlay in this One Pager (built with [Webflow]() taking registrations for the Amsterdam Chemistry Innovation Day event. [Lisplogics]( [Lisplogics]( [Visit ➝]( Good whitespace in this One Pager taking waitlist requests for the launch of Lisplogics, a mobility operations startup. Nice touch with the friendly face in the sticky CTA button and that's a refreshingly spacious waitlist sign up box. [Get Structure]( [Get Structure]( [Visit ➝]( Neat perspex/glass component branding throughout this One Pager (built with [Webflow]() for Get Structure, a new operations-focused SaaS startup. [Park]( [Park]( [Visit ➝]( Stunning photography One Pager (built with [Framer]() celebrating the beauty of America's National Parks through the lens of Rishad Amarkhel. Great to know all imagery are free for personal use. Please note I cropped the photo collection for screenshot purposes. [Chantal Hoahing]( [Chantal Hoahing]( [Visit ➝]( Lovely personality shown throughout this One Pager for freelance marketing specialist Chantal Hoahing. Note the unique project cards, the letter-stamped contact form and the interactive/sketched bio images. Also want to point out the unique testimonial according with highlighted takeaways at the top level, then the glowing review when you open it up. [Endless]( [Endless]( [Visit ➝]( Minimal redesign of the [Endless]( design subscription service in a simpler, narrow design One Pager (built with [Framer](). They stripped how-it-works, icons and the pricing table. [BodyStack]( [BodyStack]( [Visit ➝]( Clean launching soon page for BodyStack, a new initiative in the health and wellness space. Nice touch adding the social proof (with smiley/healthy looking people) right below the notification form. [Jagoda Kondratiuk]( [Jagoda Kondratiuk]( [Visit ➝]( Stylish One Pager for UI/UX designer Jagoda Kondratiuk featuring teasers of her work when you hover of the portfolio items. The work you do while you procrastinate is probably the work you should be doing for the rest of your life. [Quoter]( [Jessica Hische via No-Code Supply Co.]( [Featured Course]( [Master Gorgeous UI Design]( Pablo Stanley just dropped the first segment of his Master Gorgeous UI Design course. I tucked in a few days ago I was delighted to see One Page Love included in the design inspiration chapter. I'm honestly in awe how he created this course with his team using jazz music and fun multi-cam edits. [ Master Gorgeous UI Design]( [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. [404s]( [404s]( [- Gallery of error 404 page designs. Reuses same layout as the niche Footer Design gallery. Well done on the intro title and tagline. Clever!]( [The Match Group]( [The Match Group]( [- Ultra high quality and unique matchbooks made for your brand. h/t @simplebits]( [Pattern Texture Pack]( [Pattern Texture Pack]( [- 36 free texture patterns for Figma by Mark Bennet.]( [CSS-Tricks vs Digital Ocean]( [CSS-Tricks vs Digital Ocean]( [- Two years later Chris Coyier shares a transparent backstory on the whole CSS-Tricks acquisition.]( [Moments That Define Us]( [Moments That Define Us]( [- The Millennial Business Podcast just dropped a trailer that's super promising. Easy listening storytelling style.]( [Trending Product List]( [Trending Product List]( [- The top 20 most popular products sold by US Shopify merchants.]( [Adfolio]( [Adfolio]( [- Niche inspiration gallery for B2B ads. Love to see these niche ideas ship. Note how they add a ton of value to each post with visuals/arrows to elements in the ad they think are strong.]( Most websites don't need a super robust style guide or naming system. For most simple websites, this is an overkill that is probably slowing you down. Being a "pro" doesn't mean you have to complicate things. Keep it simple. [Quoter]( [@ransegall]( [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](. [BVBBLZ]( [BVBBLZ Framer App Template]( [Demo]( [Clone $34]( [Crafto Product]( [Crafto Product HTML Template]( [Demo]( [Buy $12]( [Universal]( [Universal Landing Page UI Kit for Figma]( [Demo]( [Buy $79]( |￣￣￣￣￣￣￣￣￣￣￣￣￣￣| [Show Them]( |＿＿＿＿＿＿＿＿＿＿＿＿＿＿| \(•◡•)/ \ / --- |_ |_ Featured Image Source [Landing Page Hot Tip]( [Define a visual hierarchy]( Hot Tip #78 is to define a clear visual hierarchy. Step back from your Landing Page, squint your eyes, and take note of the content that appears most prominently. Is this prominent content more important? A visual hierarchy orders content by significance and also suggests the order to follow. If all content was of equal size and weight, we wouldn’t know where to start. Naturally, we want our introduction headline text to be the most prominent as it’s where the visitor’s journey begins: [Private: Define a visual hierarchy]( A visitor’s eyes are also trained to follow a Z-pattern: 1 – 2 3 – 4 Note how you probably followed a Z-pattern when looking at the above image: [Private: Define a visual hierarchy]( A good rule-of-thumb is to increase the prominence of your more important content while decreasing the less important. [Your Curator]( [Yo! I'm Rob Hope 🇿🇦]( [Rob Hope]( If you are enjoying [One Page Love]( and the Love Letter, here are a few ways to help support the work I do: Spread the love using: [onepagelove.com/letter]( or forward [this edition](. Buy my [Landing Page Hot Tips Ebook]( (here is 40% off). Follow [One Page Love]( on [Twitter](, [Instagram](, [Pinterest]( or [LinkedIn](. Review our [Yo! Podcast]( on [Spotify](, [Google]( or [Apple](. Want to build a One Pager with no-code? [Get started free]( using [Webflow]( <3 [Unsubscribe](