Love Letter #043 - Syosa pixel art, Off-Grid CTA button, 16px micro icons

43 sends in 44 weeks. Happy with that! Going to spend a bit of time offline and recharge for the new year. [Love Letter logo]( [Love Letter]( [#043]( 43 sends in 44 weeks. Happy with that! Going to spend a bit of time offline and recharge for the new year. 2024 is already set to be a big one with a major focus on video content. An online course. A new season of the Yo! Podcast with full video episodes. And a bunch of YouTube vids already scripted to help you strengthen your One Pagers. Thanks for being a part of my journey online. See you again Jan 10th. [Rob Hope]( Much love, [Rob Hope] [Supported by Webflow]( [Take your site worldwide]( Big shout-out to website builder [Webflow]( for sponsoring this edition of the Love Letter. From design to translation to SEO, Webflow Localization unlocks full customization of your site for a global audience. No code required. [Preview Webflow Localization for free]( → [ Take your site worldwide]( [Get Inspired]( [One Page website inspiration.]( Get inspired with these unique Single Page websites ([full archive]() featured on One Page Love over the past week. [Time To Refokus]( [Time To Refokus]( [Visit ➝]( Unique 3D animation in the hero area of this One Pager (built with [Webflow]() taking early access requests for the Time To Refokus mentoring program, launching early 2024. [Refokus]( [Refokus]( [constant performance®]( [constant performance®]( [Visit ➝]( Gorgeous hero 3D animation (created with Spline) in this One Pager showcasing the work by constant performance® digital agency. [Vyatcheslav Tikhonov]( [Vyatcheslav Tikhonov]( [Mo Rashidi]( [Mo Rashidi]( [Visit ➝]( One Page portfolio for product designer Mo Rashidi featuring projects laid out in a modular grid. Fun touch adding a memoji-style character of himself in the header navigation. [Mo Rashidi]( [Mo Rashidi]( [Glyph Supply]( [Glyph Supply]( [Visit ➝]( Clean One Pager (built with [Framer]() providing the shortcuts for our most loved glyphs that are uncommon on standard keyboards. Can really appreciate this whitespace! [Rishad Amarkhel]( [Rishad AmarkhelPro]( [Figue]( [Figue]( [Visit ➝]( Dark-schemed One Pager (built with [Framer]() promoting the unlimited design service of Figue. Fun touch popping out cartridges when hovering the pricing table. [Figue]( [FiguePro]( [Fontanello]( [Fontanello]( [Visit ➝]( One Pager for Fontanello - a browser extension for Chrome and Firefox that displays typographic styles of text by right-clicking. Lovely extra effort making the demo interactive just like your browser in-page menu would look. Big fan of One Pagers demonstrating the product within itself. [Fred Bergman]( [Fred Bergman]( [Lars Wästfelt]( [Lars Wästfelt]( [Oktavilla]( [Oktavilla]( Building something worth copying is a milestone all on its own. [Quoter]( [@graceongrid]( [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. [Off-Grid CTA Button]( [Off-Grid CTA Button]( [Hover ➝]( What a wild and wonderful CTA button, mid-page. I'd highly recommend taking it for a spin. I think we’re about to see the traditional small - mid size design agencies slowly fade away. Design subscriptions will continue to become more affordable and higher quality. Agencies that don’t rebrand retainer to subscription effectively will be affected the most. [Quoter]( [@DannPetty]( [Validate Faster]( [Landing Page Templates.]( Long-scrolling Landing Page templates ([full archive]() to kickstart and validate your next idea quicker. [Pizza Guy]( [Pizza Guy Webflow Template]( [Demo]( [Clone $24]( 'Pizza Guy' is a fun Single Page Restaurant template crafted by [Pema]( for the [Webflow]( website builder. The exciting design features bold typography, image scroll animations, text scrollers, visual card menu, newsletter sign up and a vibrant customer review section. [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. [Bonus]( [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. [Wedges]( [- An open-source collection of UI components for React (and Figma) by the Lemon Squeezy crew.]( [Syosa Pixel Art]( [- Syosa is a Japanese artist breathing life into pixel art, creating lush naturalistic diagrams of animal processes that range from food poisoning to digestive functions in herbivores. Wow those pixel birds!]( [Cool Loaders by Vijay Verma]( [- Retro and fun loader animations using prototyping and smart components in Figma.]( [Heroicons Micro]( [- Three hundred 16×16 icons for high density UIs. New update from the Tailwind CSS crew.]( [Krispy ($29)]( [- Fun set of 15 Santa illustrations by Craftwork. Santa smoking a pipe with no shirt pm is quite a vibe.]( Featured Image Source [Landing Page Hot Tip]( [Reassure during checkout]( Hot Tip #72 is to reassure your visitors during the checkout process. Nerves are high. Settle them with these small reminders, strategically positioned near the checkout form: ⭐️ The average customer star rating 🍏 A small stack of well-known client logos 💳 A payment-related FAQ 💬 A short but comforting testimonial Also, try to include anything that adds transparency to the experience. This can alleviate any lingering doubts the visitor may have. Note how [LearnUX]( reassures by showing you exactly how the payment will appear on your statement — including the renewal date differences between tiers: [Private: Reassure during checkout]( If checkout customization isn’t possible in your Landing Page, the above would still apply to the area around your pricing table or final CTA button. [Your Curator]( [Hey! I'm Rob Hope.]( If you are enjoying [One Page Love]( and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope]( Spread the love about using: [onepagelove.com/letter]( or forward this Love Letter #043 using: [this link](. Grab my [Landing Page Hot Tips Ebook]( (here is 40% off) Follow [@robhope]( or [@onepagelove]( on Twitter Review the [Yo! Podcast]( on [Spotify](, [Google Podcasts]( or [Apple Podcasts]( Want to build a One Pager with no-code? [Get started free]( using [Webflow]( <3 [Unsubscribe]( [Love Letter logo](