Love Letter #042 - iA Notebook, font smoothing, project graveyard 💀

Been adding more visuals and context to my project graveyard page. What a ride getting to work on One Page Love full-time! [Love Letter logo]( [Love Letter]( [#042]( Finally shipped my new [personal One Pager]( + [blog](, now built with [Webflow]( using [Mast](. Also been adding more visuals/context to my [project graveyard](. What a ride (failing forward) getting to work on OPL full-time! Look out for a case-study soon on moving over from WordPress to Webflow. Wasn't too bad and feels good to have a fresh start (with no plugins to update). Shout-out to [Matt Evans]( for helping with the build. Below are my favorite websites, UI components, templates & finds featured on [One Page Love]( since I last wrote. You can also read this edition [online](. Hope it keeps the inspo topped up! [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. [Necati]( [Necati]( [Visit ➝]( Energized personal site for front-end developer Necati Koçlu featuring stunning animations within his bento grid items. Thought it was also a lovely touch mentioning what he is currently learning (TypeScript + GoLang). [Necati]( [Necati]( [Arc for Windows]( [Arc for Windows]( [Visit ➝]( Fun One Pager (built with [Framer]() announcing the Windows Beta launch for Arc browser. [Code & Wander]( [Code & Wander]( [Jess Wang]( [Jess Wang]( [Content On Demand]( [Content On Demand]( [Visit ➝]( Fun vibes and copywriting throughout this One Pager (built with [Framer]() for Content On Demand, a unique bundled content creation service. [Aishwarya Agrawal]( [Aishwarya AgrawalPro]( [Visual Expression in Web Design]( [Visual Expression in Web Design]( [Visit ➝]( Experimental One Pager (with content loading up in iFrames) demonstrating the Visual Expression in Web Design. Author Jonas Pelzer shares context "I'm developing an experimental design tool which aims to show that a large visual variance can be achieved by manipulating individual design parameters. To gain further insights, I created five single-page websites on different topics with fictitious content that can be designed with the tool on a desktop computer. To avoid design decisions being influenced by browser default styles, the design parameters are randomized at the beginning. Your contribution to designing one or more of these pages would be invaluable to my research. Results will be documented by clicking the submit design button at the end of your design process." [Jonas Pelzer]( [Jonas PelzerPro]( [Stop]( [Stop]( [Visit ➝]( Storytelling One Pager taking early access requests for Stop, a service to help block sales emails. Lovely big type throughout including a big fun footer! [heyjay]( [heyjayPro]( [Vivian VIP]( [Vivian VIP]( [Visit ➝]( Clean Landing Page (built with [Framer]() promoting the VIP program for healthcare jobs marketplace Vivian Health. [Rishad Amarkhel]( [Rishad AmarkhelPro]( Advice for humans in their 20s: Learn a lifelong skill - examples: surfing, guitar, piano, drums, golf, skiing etc. just pick a year and put a ton of time then you’ll have it to enjoy the rest of your life. [Quoter]( [@hemeon]( [Validate Faster]( [Landing Page Templates.]( Long-scrolling Landing Page templates ([full archive]() to kickstart and validate your next idea quicker. [Ash]( [Ash Webflow Template]( [Demo]( [Clone $29]( 'Ash' is a One Page portfolio template designed using modern trends and built for the [Webflow]( platform. Features include parallax scrolling, big typography, accordion style projects section, team/services sliders and awards section. A great start for any creative studios and marketing agencies. [Litho ReactJS]( [Litho ReactJS HTML Template]( [Demo]( [Buy $20]( 'Litho' is a multipurpose ReactJS template crafted by [ThemeZaa]( with over [37+ Landing Page demos](. The theme demos are great starting points to save you a bunch of time and cover almost every category imaginable. Here is the Single Page portfolio demo where you would could out from the project thumbnails to live websites. [FF Product]( [FF Product Framer Template]( [Demo]( [Clone $69]( 'FF Product' is a product Landing Page template built by Favorit × Frame for the [Framer]( website builder. The template features everything you'll need to impress your customer with an Apple-esque animated scrolling experience. Invest in building your brand. Or invest in discounting your products. Your choice. [Quoter]( [@clayhebert]( [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. [The iA Notebook]( [- "Watermark lines guide your pen. As your words come into focus, the lines fade into the background." - beautiful copy, beautiful product. Make sure you watch the short vid too with the ambient sounds.]( [Most Searched Playground]( [- If you have a ton of work to do, this is a great place to procrastinate. Google have put together an interact scene to try find their 25 muot popular searches. h/t @jsnbrsc]( [Transparent Turntable]( [- Sure a few purists will hate it but what a clean, ultra minimal design. h/t minimalissimo]( [Tiny Xmas Doodles]( [- 18 adorable and charming illustrations that capture the whimsical spirit of Christmas.]( [How many things should there be?]( [- Fun short reminder by Jason Cohen on our "productivity" to-do lists. The last point about archiving all email is gold too.]( [Mark Ruffalo on personal brands]( [- Golden 3 nuggets of advice (when to quit, debt, personal brand) by Mark Ruffalo at 17min mark.]( [75 Design Podcasts]( [- Curated list in Notion. Kinda stunned (and honored) that the Yo! Podcast is the only one from Africa 🌍]( Featured Image Source [Landing Page Hot Tip]( [Try font smoothing]( Hot Tip #59 is to consider font smoothing. Simply put, adding the CSS font-smooth property to a font will trim it down very slightly. While this effect won’t look great on all of your Landing Page typography, it’s particularly effective on ‘chunky’ fonts. When applied correctly, it can really help polish your typography. ps. this [14-year-old piece]( by Krzysztof Szafranek is still the best explanation of font smoothing I’ve read. [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 #042 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](