Love Letter #026 - Suggest Pricing, slideFrame JS, Clippy for Figma

Can't remember when I was so impressed by a podcast episode. Was smiling for a full 45 mins. The mix was perfect too. Actually more an audio documentary. [Love Letter logo](=.40EErTsDm-FNkV1_ACt4OqOUzLOg6M8qnFLLUsiQlBY) [Love Letter](=.94JmbuLiK2POnwT7iXZaVT5MUaEl790OeX9QeqjL9jg) [#026](=.pAqZJKY5ubrCBuwSU4BvGzEvwSEV0c6L9k9xHChVA1k) Below are my favorite websites, UI components, templates, domains & finds featured on [One Page Love](=.6Su1E_2uYdCxOQNGJIgNGe5cncNoFrI-W1xxgK8Rxz4) since I last wrote. You can also read edition #026 [online](=.QOc7sracdfhpAZOU57yqoZhlBDv9nKgLH39rENwC0pc). Hope it keeps the inspo topped up! [Rob Hope](=.U2oPqJqQRCP3T6rL7jvw0QsoXEp3_F6g4dDKlTOao2I) Much love, [Rob Hope] [Supported By](=.foko3aDAloJXmdEtQThhaEuG1jVYEZ_9Q3Jsv0b84hI) [Design in Figma, launch in Webflow](=.OROD3zwRGGZ6Z9iNhzcjN_NflM_utdGXzMz_46p5STs) Big shout-out to website builder [Webflow](=.c8VY_jFxVGSYKCA8GOj5-uDv3l2O6D08QHLsCxhL2bg) for sponsoring this edition of the Love Letter. Convert your static designs in Figma to clean HTML and CSS in Webflow in just a few clicks with the [Figma to Webflow plugin](=.0AYq1svT0_aNHRzd7zmEoAMsIICb08g2bKW1jhVBwwA). Design with auto layout in Figma, then easily translate your designs to Webflow as responsive flexbox structures — and adjust HTML tags within Figma to get your site live faster. [Install plugin](=.Y9ItjCeQsPjsdG-uuNAFL81CE3SaxgmP1GXyJeRtb-4) → [ Design in Figma, launch in Webflow](=.ygm1xpYFWPC1rxa7giYCf2hV1YP3OeJqgAzWr5WlmSg) [Get Inspired](=.xmfNqkGhNVPky4fBqG07M3ABTEWeMKHjBJpK5Bv9csU) [One Page website inspiration.](=.Y57ptoHLTbtdMpaOIw5gkoWjmVKlelTR1BCjMVkk-b8) Get inspired with these unique Single Page websites ([full archive](=.GehqRfi9tu5FcRt-IETe9keOQoZTRAynK82AQBzK--8)) featured on One Page Love over the past week. [slideFrame](=.Hem9WzMLcP0JZW-0C_sGATcKGCCZidzlL1AZF_lvrqI) [slideFrame](=.jmqYh7byul38j4zanBQ56cGt-dr-4SD43ovcQSDrem8) [Visit ➝](=.7OCkmT8p-TWoUReL4Y3RtsOfZdFYP7ykUOA3EIiJPHo) Ultra clear product demo in this One Pager for slideFrame, a minimal JS solution to reduce bounce rate by opening external links in a dynamic content overlay. Neat touch further demo'ing the script by loading the Gumroad pro license within the actual product. [Jonas Pelzer](=.pdgn2LtjkRVzaCN41q-_RdAjemcBXrDiLlm3rbaI1HA) [Jonas PelzerPro](=.h16roG_QcoI3Y9L76TYp6Yvr_1Vrqd5G2q9EvbgedK8) [Paul Lapkin](=.FiLjIx5glsGhLYnlL4Fj0mF-KB9JVlJSpvm5DVoiWKw) [Paul Lapkin](=.suiIYZ0l9pVLzcfYbUPjSgqomGhRbWX22f3uU6rqbKM) [Visit ➝](=.8Ocpq2fdXnUumW3XmC0hVYzAUyNhibUxSl7DvbD59u8) Bold typography and big imagery in this slick One Page portfolio (built with [Framer](=.ijrW0pYw1k2JyrxaJEOA9kWhi9xHKNTIcNMl9f8eRHM)) for freelance digital designer Paul Lapkin. [Paul Lapkin](=.ruy8nVFR2H_1DUaDbHEeYdv9UedpkfpyKccMjx7yPhM) [Paul Lapkin](=.-WXrIF5e8jX1Xk7ffFGgLiSCqFl8bhf41DFIycsi7d8) [The Workshop](=.OfkRccRalF7XvcE7VoWT_znzPtzVMXmisjZxADAuZaQ) [The Workshop](=.i20cqplQVjcbaEBQH1Wf7RLZVgocsLYaoH6Bv4qSzYQ) [Visit ➝](=.6-YeEL__PNhvhcNdC9Un_kf4pqgnutUm8bVB6SMynD4) Fun burst balloon background video in this One Pager for The Workshop. Also note this unique, interactive content approach using Intercom as both a learning and conversational tool. [The Workshop](=.DCGMcVvX3Xczo1CYS9aYQDmjkyXHz7fTH36PLppDgyY) [The Workshop](=.qL9CG1zQP8dcFx850UmRwAX3ApANImt2HUs0G5ZqZE8) [Andrew Spencer](=.-wipyyKm8r62IKHM4zRN2tll3oVX5S_g6EzT3c6LeqE) [Andrew Spencer](=.NGqXN6THg840AvEoe5-by0-V70yJWdUlWXDixPO0KkA) [Visit ➝](=.uNU424G8mD3W4q6SgzsC2bWYssjNYWrphBvMujR5-Bg) Neat touch integrating subtle parallax, within the device previews, as you scroll this minimal One Pager for product designer Andrew Spencer. [Andrew Spencer](=.rWmcaCJVrhjA5WLBjzDbAT38tsoVw09EQjxJTseISlw) [Andrew Spencer](=.LNQKHkOLzUSWeJwWzrcCOeuYKmhjl2_9kgRbGL1Iwgw) [Nothing](=.NklIBEFxy3addh_dVatkrPtnQcieM2WRA97E3wOUuPs) [Nothing](=.5DdS5JT6b_kKPSf9wW9kLcRglS0StZAV9aKSHYMvahY) [Visit ➝](=.FkE7SNdGy1GCrOOAzbit-N6hg9JP2I8S6viGKczJOpU) Fun copyrighting in this tongue-in-cheek One Pager promoting a subscription for, well, Nothing. As cheeky as it is, it features a some real clean components. Really like the slick off-canvas checkout powered by PayPal. [Viktor Makarchuk](=.-u_BJ8ku4H-KCao_6ob8AJgXKLZ-jWlle033goeWbIs) [Viktor Makarchuk](=.LT3W4jAIV5TVDS9kS9kk8I56kFCKThgnURQIY25gERM) [Tiles](=.o2LBoBv3n86ahcdSJ0WzbgjWvqUR3esrkQd2zIO4KHw) [Tiles](=.uY69r_IZNe_OhR155RskDfIgemtPJiBZ2sAWXHg39RM) [Visit ➝](=.VtMtRmmc3etozfmXr5PNen21f2FjZSmjFUsqsi_gbXM) Dark-schemed One Pager for Tiles, a link-in-bio site builder to help share your social handles, articles, blogs, videos and photos. [Austine Joy](=.L9M7DCHGu_Y0PbUU4Ns1XeUtfDhLhW3jIA1cR2wAfV4) [Austine Joy](=.CiOGQIekBuCbzStfP_6_ZxdvUb-5O-0cw48xbEgqnSE) [Christy Francis](=.qyDCnwZhLLSBK7_jMWCBW5BHby_PTlb82O8wVo6Zjos) [Christy Francis](=.VXB4up_aAwjTzUGkmFIah0CjwMwMbb4JcZGY5eJ34w8) [Colosse Foundry](=.4WZ4mW8ztbGtQDR5t2ZMC585A7ScfjPtb3G6NVRGe_o) [Colosse Foundry](=.fBpYkC74_0m-dmTNN5wKhV-xByh9XvM3w8SIvgNDtzM) [Visit ➝](=.yXtUvusNepF3_EvQbiO4SOM5cLVxOmfkrpxqF-TMVO4) Parallax scrolling, brutalist One Pager (built with [Webflow](=.Xjzf3GAORidq2mIkAJ4WqU_qE-jYHZ6nUuH8Zj9YQiE)) showcasing the unique 3 typefaces on offer at Colosse Foundry. [Guillaume Beaulieu](=.sBc-8Bp_K24vEfMJJdQDVZwZNRDT0HFAPwN0KNdi2vk) [Guillaume Beaulieu](=.ek23OJiWXRhcwPKN3dDcbqCqc063segF73Cxy7FdZyk) [Design Leadership Webinars](=.B09esgyYAzoAaSiF7phR0azVzVdC7Xeoih4J03mBmk0) [Design Leadership Webinars](=.1XgghjjzaWWg6C1Pj-y8r9cNvkZcfu3GMz629X93bvo) [Visit ➝](=.isLI5Ode0ytFCdWov1u6A-DI5fqxVkG9b3QBWsle9Po) Fun pixel theme in this colorful One Pager (built with [Readymag](=.4B0UCH9jg2C3cEfHgxfEK_oZeHwp0MLk4DUbUT4ZbNo)) hosting 5 free design leadership webinars with Chief Creative Officers at Mejuri, BSW Global, Atlassian, Saatchi & Saatchi and R/GA. This webinar series was created by Future London Academy to celebrate their Design Leaders Programme — an MBA course for creative leaders. [Future London Academy](=.Br5LgZfH5g1xDIBMnCajgkthszaF_0iuQYudJF5fcnc) [Future London Academy](=.l3at5VM873o-Es7lSBUxcqOByI4t9xassNNDWvdQroE) |￣￣￣￣￣￣￣￣￣￣￣￣￣￣| Inter is not a font It’s a lifestyle |＿＿＿＿＿＿＿＿＿＿＿＿＿＿| \(•◡•)/ \ / --- |_ |_ ([Source](=.3dZd2sVoNoRAvKnpZGO6oyziL_aKqeZsVU7cauQe-WY)) [Noteworthy](=.T7w7mC5oefQNuyQ9O1w_ZYzOcR-738yueEX8ZLUAYXI) [Interesting UI components.](=.stlTxMa7wy7MqMkp62-ziva5bvfAVDb3bHhASGAxQ2U) Some recent page components ([full archive](=.Csbp6n8IR0Xq0IRO8UswgRTPER2kvnmK5C5nut95xHc)) 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. [Private: BlurHash](=.5xfJ3oXkhqfVTh5gAALOcbLIb1e6C8ZliGQjTzt29Y8) [BlurHash Demo](=.pRFtVw8N7IPjGi5eKKqClyvtiESEqVSOn9FBI-hdsQ8) [Experience ➝](=.j29_2WXbbCvfinraJnyCiCgl6W1VbWmlRljMlIYa15s) A BlurHash is a compact representation of a placeholder for an image. The Landing Page features an interactive demo showcasing how sample images look including an option to upload your own image in the page. Why do people keep putting iPads on electric vehicles? It’s like cooking a beautiful dish and then dumping a bag of salt in it before it goes out on the table. [Quoter](=.XshEHh06l8p8U_roxQlgwyCxogYsrpWGWy2dxfZ-l1Y) [@rsms](=.jl2JxTGwcr63tQWAIgJapIz7QQtU5fbxgGSBVPWfLM8) [Validate Faster](=.2oRdwj2llc_QTjWeilZ7fhZZTQ_YfdS_L5U7rm4D5zY) [Landing Page Templates.](=.ATHjN5bSMH5UVrcsGPXvjZc7DfZt5PnvLc3_tfX1vmE) Long-scrolling Landing Page templates ([full archive](=.BbWlFRljRblxDzgp0D_UoefjKT_GMZW-VA-ZjriEo9M)) to kickstart and validate your next idea quicker. [Evelyn](=.EZYCj1omHeCxFNHsFJdggumBhWr8dafh3CSV1XFpB7g) [Evelyn HTML Template](=.IAGgZ1TkdWrhp18CCAJYM17n49euqB4oX5OJ5Ju6p68) [Demo](=.F2xckd9rHug0zMDDapYJt6sMsJaZ2W1tczRP9Riwz5E) [Download Free](=.t2TR0mRGpnCWZLm8JpsWVhRcm2EpJYeGmoiDDRUptcs) 'Evelyn' is a free Landing Page HTML template by [Cruip](=.vqYWPGbiuRkudoLlEubCtiLB3WFAVoP7YCtqWW2Jxj0). The design really is stunning for a freebie and features an intro image/video placeholder, client logos, product feature highlights and a pricing table. [Hongo](=.3SwIZot_CiaX3wFqxagWNJqxb7soiTUD2YKkjPAMpDc) [Hongo WordPress Theme](=._8lhMBN8TbFSsGorl5gVjCMQ2ndlEcD3Uf16ohmI2Bg) [Demo](=.JKVZ1s0pqcQWpJ4WaAaN7bri02HA8H4E-JUQBbIDvSI) [Buy $59](=.kpW_yUPFQ2m7LX-iFCIgS3ycyocAV0P1OtbbkezFlns) 'Hongo' is a multipurpose WordPress Theme crafted by [ThemeZaa](=.QmdaDtlT3tmNvbWe_ByxETBAV2RiJbH3_bBhQv-UJHg) catering for long-scrolling product Landing Pages. Features include a unique intro vertical slideshow, a sticky header navigation that smooth scrolling to sections, a WooCommerce-integrated product range, testimonial slider, recent blog posts and a beautifully designed footer area with an enquiry form, Instagram feed and newsletter sign up block. I can see Hongo being perfect for announcing a range of products (eg. seasonal apparel) as it accommodates more than one product in the long-scrolling Landing Page - each linking to its own product page and checkout. [Wave](=.EL47pRjTVRUn88FB8i9ItW5Zd9CenLtA80lljLLyJjY) [Wave Bootstrap Template](=.pGeeZCbvuWd2DuaXq4THdYeX1BHFSrvyTgw6NRpeRf8) [Demo](=.4q2-TErwUThIbhv7t-8GaGdKQmDXelD5X2huTYiGhTg) [Download Free](=.GUlthJMJnBqCYo25u4KE1K62W1m84rrjRTBlkJtoCWA) 'Wave' is a free multipurpose Bootstrap One Page template built by [BootstrapBrain](=.c5Tip-yqftkEfZKRyZc3wSoyYCTsNKM_FWT8hUMsZAE). The free download includes all the sections you'd need for a long-scrolling service, startup or agency website. Please note if you need a working contact form or want to remove the footer credit, you'll need to upgrade to the [Pro](=.g6-3qMVifFnSPLotkZn9V68J8yZbw_uTKhUzPMDwfYY) version for $29. [TailGrids](=.tsZxTqhTR5czfENmmCzQXo88vXk-XQthI0Aaf8no9TU) [TailGrids UI Kit](=.rsLOPr1m2b0xgMz834YCliNEYoraPkZWMtkUHVBtFWY) [Demo](=.NIJfdxjJ5DyPsg1szSH2TrXGMMPwi_uaCKXAk2HIzzU) [Buy $199](=.kaGImCaY5lWh5BNeadN55snj897rRU4Iqg3tpysrmEk) 'TailGrids' is a UI Kit crafted by [UIdeck](=.V6lGDwck7hM1owpTqN4HmrPER9xqvM0iIhRpSoZmVLU) comprising of 500+ components and 13 pre-designed Landing Page templates for Tailwind CSS. To clarify, your $199 purchase comes with all 500+ components in Figma format and Tailwind code to help spin up Landing Page concepts in no time. Demo'd here is my favorite Landing Page out the 13, already compiled for Tailwind CSS and ready to go! [Next Podcast Guest](=.YTgGxgA9iDB20hzRgDWI3a0M6am9ziycbym4-WXwSeo) [Send questions for @traf](=.46gjOp0nmA6IugUtNIplpLo3342rXLKd_itQWq0YopI) Designer, developer, maker, minimalist, NFT advocate and Framer expert [James Traf](=.cCl5KfCFkRGef6WtjcslHbFP0VH81ClBHCFz_jvsmbo) is coming up on the [Yo! Podcast](=.ZUukr_DkqdkfU8_Is8lDuE5VNPeVbREzgxdLm4VEZRU) end August - smash that reply button if you have any questions for him. [ Send questions for @traf](=.J-FKh9Syfqn_jM7442yxa01EfZw1JTRxVCiDhbu296g) [Available to register](=.-w3zQ6MrVnr-XdF7ptVR7-WZpKO79h7VX8awFtKPOq0) [Brandable dot com domains.](=.zFo8dFDZQEKfweOYy7P-OTBj9Q36co8D4RFPrNJtg-8) Give your side project a better first impression with these memorable dot com domains ([full archive](=.zWVbjmpQgEe7UFHSuFuwkI9awl6J47qdO4w6LtSzAyw)) I handpicked recently. They are all available to register right now. Yup! First come, first serve. • [Dedii.com](=._0phLJpx1wF6sVf5r6Z0QoixCeJW5K4y136xprwZ6sY) • [Kubuc.com](=.uFq1nmF7WIF8T3RF3iJ8OwM3Fv2A-Asg2tW8kCOl9r4) • [Nattica.com](=.b_crK6iSXUlP_Ands1dDlewQ6-S_mXmzdYeB-v4Q3eA) • [Samlana.com](=.zfe8qhY5Hdfclm9H157O5Ex5NFuPefog_QHeC0AQiHM) • [Cabney.com](=.lHfhgvFrkk9fFPJvRYCJuspV4sZRVfKpyQwCc6Uj4Sg) • [Veerlo.com](=.1OA_GDEuE3Jyi74ZTVYeZY13NQnww80bHmSobomK8Fs) [Featured Image](=.7vsc40AvDrkw7N4X70NGeoBN7h_byRCrmoDkxIl3HKY) [Source](=.FWIL85xj2T6dfE7PTJTm_kTkWkLMX947fy8c8bhcFV4) [Bonus](=.YqXIrsBZNTPrwhjqpDU1ThR5tIzUVYhbu0pM_IkDzIA) [My favorite online finds.](=.MuPGRh2kyvALYD3VFCJoa_dcuGKx7wSULid01PkFB8Y) A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [Proto Mono Typeface ($35)](=.47DxQSfEbHllccAE14fACvO6aZ_zmKN02Y1KJsmGmS8)[- Modular monospaced font built with rounded shapes. 2 styles with 4 weights each. via @aleksliving](=.KG1MB39GcwHfZULT7J960rTwBpj-j5tJ72wQc0hLOPg) [Essentials](=.9oEQfdR8C4RPMKIAAFCNQqmIJCW1a9iufM4wysE2_PY)[- Brand new from our newsletter sponsor Webflow. Essentials is a curated directory of creative resources to help bring your web projects to life.](=.vO5H955iOAgwz9S9kG4WO5CQQCpjxi_swc0BwsQPD-I) [Clippy for Figma](=.ZdwTolGoXsi0MHKUeiBfTukZJY8MgxAGAf8sWJfeYYs)[- Attach fonts, docs, high resolution imagery and more supplementary files for handoff. New release by the legend Rogie King.](=.8sEMwswlIQ_SrGnASP2QcliOhtQcOs7QqMjizfuOOJc) [Long scroll iPhone mockups ($29)](=.c4WRzggb6YWMSASETJqHqyAs2GiZW7gxccM6_uEoab4)[- They kinda ridiculous but I kinda love them.](=.j9MNiO-N7lYARmr-l1ws4Oc-3J9WkrL-M_s50MK2btc) [The Case of the Missing Hit](=.AFepsnn3mN2h0VinDnd15Fb2k6U3xNwUcRKPgokcsrA)[- Can't remember when I was so impressed by a podcast episode. Was smiling for a full 45 mins. The mix was perfect too. Actually more an audio documentary.](=.ZTNE2Gug29i2GYZaEzPsRLKfghHR9o1HrwNubNIll0c) [Landing Page Hot Tip](=.Ftf-1aLpS4KMWaAzFvX_T-aQNVXonQWAz0EEED_re-M) [Suggest a pricing option](=.6ZT4f111HnPav-b63gwWLU3jz8dBsMnmUdUE-nq2r2E) Hot Tip #50 is to suggest a pricing option. Sure, some Landing Page visitors are price-conscious, but a good portion of them don’t want to spend time investigating. They are convinced by your pitch and simply want to know the option suggested will offer the best value. Lee Robinson [says](=.gkN1trKAJqwnxZQXRsou13MNUNNuVx9ch88g02sewhE) this hugely impacted his course sales. Note how he simply highlights a tier with green: [suggest a pricing option](=.54tJuPtctNL4OHkxKJ-tiX9jfNRqkt7UN9QbppQbYFI) Refactoring UI enlarges a tier: [suggest a pricing option](=.iShPzzLnp93t1ZV4pZi3EFeZikrAIPyVY9-X2O6EnJo) And how cute is this on-brand border by Google: [suggest a pricing option](=.HGBVfshxMnJQzRcYgVwhAk8vneKtgdIFuEYzhWxUJqY) [Your Curator](=.CUQDvmHVg91eYIOdJ2oC51YuoUYBKQ3VZbC_kRGmgdk) [Hey! I'm Rob Hope.](=.UIk4KSBh7ialNAzRm4ZxpCeWb1HMqAud778iQvOgMz4) If you are enjoying [One Page Love](=.gUIR_0pCykk-ikqK4iQmXy-EV-JsB6eWc4j_BEvqdGI) and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope](=.RNAGJ0joHzJ72Xpg13Zz4bvtStQYX84poWSRXVw9LRg) Spread the love about using: [onepagelove.com/letter](=.ezIl-Amax5e3b0Z197uQ-7x0ECl5WVViVNZAYgEN5Ns) or forward this Love Letter #026 using: [this link](=.5z-Sh5TP0XlXTpsjxwOnLgeSwYF4YPfX5VWtb4RGm9U). Grab my [Landing Page Hot Tips Ebook](=.J5_aicewT5XgawNOCvYj42y0UF4Gx36vSGDLb0rTP1U) (here is 40% off) Follow [@robhope](=.RQrz_AZl2nKv9jgeu6hP_q2vBYihwN9CDK5aM0s8_C8) or [@onepagelove](=.Cvx3NAFWRz0Xvk_8rDmqYajzF6ZgxiUn-2j0o8DyTGs) on Twitter Review the [Yo! Podcast](=.dEsStTHvWN0Ybcxc2fk_duMSC4YCu_oxAYqO6wbc-Sk) on [Spotify](=.ljzCyxniMcSoQPxmR3UYJBx9C0_qyQl111ot7uAcs0w), [Google Podcasts](=.qiO10vTKVFPeavYCickrRnpO2jq8JgYvTgjXz9ZDhGc) or [Apple Podcasts](=.iQMoPdTDIHYEeXK6db8o9erlrEMXmS-xue57m40n0mU) Want to build a One Pager with no-code? [Get started free](=.BmLRJSSq6KQHvhiA8hToVq3zbAfm-i3QoPcgHC2op3Y) using [Webflow](=.bdsuIkF-qgTwZSUNXzlazt3O2_1W4TFy7IFejSkh41o) <3 [Unsubscribe](=.gs0g7nZKWYO7LF11FtvAbuAoKg-6wud2bWFlpoFPsPM) [Love Letter logo](=.MQ_pYhX_Jj-om0Go24fYzReHn6QyMvh4IGT9TTdVMRA)