Love Letter #009 - Stripe Sessions, Free Framer One Pager, UI Goodies Relaunch

Ooof! Stripe deliver another Landing Page masterpiece. This time a One Pager for their upcoming Stripe Sessions event [Love Letter logo](=.u_NrgyXmdEMliqLqtSJJVY24k4dCtACUT0BbFTRAkIM) [Love Letter](=.x174UumtISjJl4FgkHCkUiC688ta8OzSZBIB6glFeNI) [009](=.MlycaOwvvS56AI2P4Virslxhgy4vBgBSzijlouoLhTo) Below are my favorite websites, UI components, templates, domains & finds featured on [One Page Love](=.PY31OTMGQGANVknoJes8MJoMFjLdUoAkQ6Tc__yLTV8) since I last wrote - hope it keeps the inspo topped up! [Rob Hope](=.kljR0YmE-BhNF-MpBM-QDLR1DMgS5J3S8dqCAM0HLrI) Much love, [Rob Hope] [Get Inspired](=.QpNFX5qUbmJT7xN-YvkVr1wwFnJhHIxPUM-kbVUSFIM) [One Page website inspiration.](=.NPNBwrPPd0Ep433Q1045sdWqYhtOJLkOPuwUNjKSSj0) Get inspired with these unique Single Page websites ([full archive](=.QvOT5EnxYPLd2v4TLQnkCOu6Tw_Xj3rRXCZ8Uz7qeIk)) featured on One Page Love over the past week. [Sebastian Graz](=.F38RbO1yOb7fdsGACVEN9A74wdj_R6nthTffnPAb5rI) [Sebastian Graz](=.Y9Lo-ab0-kcghvnenMD4r_CBDGrRa_QZP8KES6-_F6s) [Visit ➝](=.pJk9ca7cl5NNiXyZfi6x2z0aAve4VI1TAhfdeEw6v8Y) Unique, stacked project browsing experience in this One Page portfolio for the one-man brand studio of Sebastian Graz. A few lovely touches to note ([see my Twitter thread with videos](=.YAXJwd9f4CmWwRBoywEN4K5mQ7zKXZwSESvXDTK9YNk)); blurring the background within the project titles as you scroll, the categorised project slider (eg. brand tone, colors) and stating his availability in the contact drop down nav. One of the cleanest One Pagers I've seen this year. [Sebastian Graz](=.EAZG_l5utMk65LU1JvcrB4bRF22EYzpZjaYkDFyADN0) [Sebastian Graz](=.o4sEtg3K06CyivMMKX9Qd9cE_L7ZvL12b5Ozb-RnzJA) [Stripe Sessions 2023](=.vWn7OLTDm2pj8z4pfXjA-3VMs1zvoC7zGDZizKd1U2I) [Stripe Sessions 2023](=.BNhk-6r3N5dKuy21qH1LHqhAaWe-THBESducfqw56IE) [Visit ➝](=.52dAj5onNAaSBS1dp0mXt4r9zOC7dBkEtSgpcmKBBUM) Ooof! Stripe deliver another Landing Page masterpiece. This time a One Pager for their upcoming Stripe Sessions event to be held in San Fran in May. Make sure you dive into this [Twitter Thread](=.QBPBZqf-FXd-0nZo3FzsBKaYX8-QakLYwJYGHVXO-lc) by Nick Jones on the behind-the-scenes page build. [Nick Jones](=.8ICiu259QI6ShsKXX-tgynFYQOzePz3NFS4iZJ2g82k) [Nick Jones](=.SyqRl1Wwi8cYodYxd3_A_BPB8yCBXBWr1UUUFdL9P_U) [Stripe Developers](=.CHHN8Xq833IrxKxx5BqrX2KME5YLJFKKBYGkTzPnrmA) [Stripe Developers](=.3-RPnKPhddH9KTnQVx0sGe8OrE6VHJP8GXbpr1pF9oI) [Haptic](=.LCf_jsm0xrXUrGqb-eeYDVbWaMLgsXvCm33qkCnZ_fo) [Haptic](=.Wrcd9XyvluFQe83F0wqTSKu0Euou2qW6Nyu-y6XfSxI) [Visit ➝](=.Mt-KgPkbta1M5SDLbuAUeVcG7vmlaeCK2lcOA7Q7jhQ) Beautifully designed One Pager (now built with [Framer](=.JXGvQpOoe_LPsl3d9AZnGZ8ociZqThOcMkvz-JvEUhQ)) for Haptic, a habit-tracking journal app. Easily the biggest device I've seen in a Landing Page and I love it. Make sure you scroll mid way for the device unpacking animation, wonderful. [Alexey Sekachov](=.lbozO14vpy5OjumvFu-994HZ1p_tPganABLHit4mZ8Q) [Alexey Sekachov](=.LvnxKnfwCXinreGreg2dmPU1fNPzhI0FKYJybeu5-78) [Kelly Clarkson](=.WlNnbs_EiPyUjHL5l3ZnfxlqBPAgxZta0DWpCpokMp0) [Kelly Clarkson](=.sDzzOAuFmc6lgxVNAAV6XkDtgZAzl7OHOo_EAhX2aJY) [Visit ➝](=.zqNeHYSGDgQYypgB6D6pCx3-Ho8vynViu93FxLgzXOA) Neat parallax effect as you start scrolling the One Pager (built with WordPress) for artist Kelly Clarkson taking pre-orders for her new album, chemistry. [Code Resolution®](=.yf4j9eseAVNKJawdYjTghPYtOwDAlIgLKKUk8CfVRI4) [Code Resolution®Pro](=.ffneOCXGEZ56rPJ7OGyDiSUZ-VohxVPZV8tzk1iaYEo) [Mike Matas](=.t0Dt-I2PRTE0jcWjRtLcuqJSK4SgmT-hHlox1r9P1Yk) [Mike Matas](=.RxNBuOIrgLNwMbT1T8cVVB8-L6BpOFqpecQcgs8Gj_c) [Visit ➝](=.j91IiF-CNJUUSFS39ZOe5YGU0gUZi9zp0VH3Pjinmfg) Unique horizontal-scrolling One Page portfolio for interface designer Mike Matas. As you scroll through the years, the devices age to align with the project's year. Clicking the project enlarges the device and kicks off a video anecdote about the work. [Mike Matas](=.kAHSJJnLqxD2XCCFIutjzohxpxNDb6lz3uEDRoOv2Gw) [Mike Matas](=.22BuamXsDJ5_H9RjMJvfWdvoC8u84rRN0mbB0Pw9FIg) [Noteworthy](=.kgX_AoVjKS6oPqZvFyEwFHzfrif9f534mDZLSR4tSxs) [Interesting UI components.](=.BnhGxG5lnMuO2YWskQ8imseUJbyFVOxSqc7f8kdt-0I) Some recent page components ([full archive](=.hIeYl6-dqysazr-wH_ARyoYDNrznhkCy9d6ahEKoAKA)) 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. [Brave Care](=.hGXxkLpHtz3KMIzDfNC1Afhot6Orf0iJnqUk06YgPB4) [Brave Care Team Section](=.8jyaWVFw03zuti1Zn5ngzCH7yXtm14gWvJmiVpwCuvY) [Enlarge ➝](=.zYRchQJKaDC4peSpORV0h97xTMOwYCXGOJiWjCBjVxo) Look at these happy docs, a team section that makes you feel they really care (and love what they do). [Sebastian Graz](=.J0zILwStlqw23VnMiGk6uV-gyVz3t6zPinL_FiLV-Ns) [Sebastian Graz Contact Details](=.ceCT4y8EJM4JqUoo9uHUE9HE9Qf2n9kxjUJ0m9rNOT4) [Enlarge ➝](=.yp9Vs5Qn6j3qL6xABQUOlUuXeLVWKvnmjaKmIyiifZw) Mentioned earlier but worth a 'lil demo; Seb states his 2023 Q2 availability in the contact drop down nav. Lovely touch! [Validate Faster](=.fj7PRHFpLaBpvRcRW9VQ639oioS3WtQHmKEo5AiGMZI) [Landing Page Templates.](=.T8oQ6gajsSwVNODV29ytorF0DLaKQDtVqlKOE_WfPus) Long-scrolling Landing Page templates ([full archive](=.mdfQSSES7Puz8XLysUqXIPNPnwp1FiuCygt48K8H0wc)) to kickstart and validate your next idea quicker. [Commit](=.stYgMnleARSVi7IM45aXy81-XlBqosULBJlI3LMxN7I) [Commit Tailwind CSS Template](=.sHj7AdHOMXD2hP0zIuWM78Jgeqi6ZetKDv3maOdAywA) [Demo](=.PNLXRsu7knJqv9LRvHpi8majceMvEj19QL0Ab5RF1fo) [Buy $99](=.ozN3MWuj9PGhszSgD5310BBNuXg1zcf7qWS9GBFlLiI) 'Commit' is a One Page changelog template crafted by [Tailwind Labs](=._Uo6cTjot_3Eae-vIlH_9tQwF-iDnU0ke2W3-HOSzjs). The long-scrolling design is real tidy and offers dark and light mode. If you are wondering how to share a specific release, the titles have the permalinks you can link to. [Zenith](=.MvLhh6StcwceVEgfJ0xjwhmSvmHBMOsYNk6Azwhd2oM) [Zenith Framer Template](=.z-gpYA_snZ_fUDi1DGb0DL8jUZOl1a7UzfM2y7SNzG4) [Demo](=.M1f0J5rMNDV-v9E8GRFcnoLwP8gJ_CCpkmeT5WvxB84) [Clone Free](=.8Lu8XrkBO_dcpIbcb_24IIpBXGblxTg4ABlKz-cVO4k) 'Zenith' is a free, minimal One Page [Framer](=.PJtFvgWITj5E7PvzNnd96PUBjcQ44tMKga874izt3Do) template built by Studio Family. The multipurpose design features a centrally divided layout with content to the left and a slideshow to the right. [Italic](=.ORbyMOHRwD5_6RitgtwSB4u6fpXavlV0_BjUQ6mr7fI) [Italic Webflow Template](=.hg4-wGNyWBUO5hRmTZT7XbFYSV6WjiUQ812Fdq_AI7Q) [Demo](=.4gD06rAMKa6YYns-cPmEx32-Y76tM0Trf89Hr-N_AKE) [Clone $24](=.VUs3Z33KzmODovqATQo3p9UUzI0yB-9HxcGYqEMG71A) 'Italic' is a [Webflow](=.BX_A3PytzI0x5VChe3k7cC49WNawaCVWyA7tDCg4Owg) template crafted by [Wedoflow](=.5EtpwQZztjHE4erHrOvNBZgPCPT942S0DBjen9lc4Fw) for a modern app Landing Page. The long-scrolling layout features a sticky header navigation (with permanently visible CTA button), a beautiful scroll zoom-out on the initial screenshot/demo, press logos, pricing table and customer testimonials. [Upcoming Guest](=.qEMtM1eudYjTElLQgDdRZKPpeyQcl2BaSf1TH3kyQvQ) [Yo! Podcast x Ridd](=.i8e5Dwuj9ax0VH_2gOo44dmRJB_fKtszAXx5bHAymjY) Michael Riddering aka RIDD is recording on the Yo! Podcast in about 24hrs. We're rapping design, online courses, Figma Academy, sour beer and Great Danes... reply to this Love Letter if you have a question for him. [ Yo! Podcast x Ridd](=.WFPgid9CEOlyCv9VB9Legjlj4vgKz3ds98Dv6ue56xA) [Available to register](=.PQMn0pNeDmD-0ZmnkRC_Ixpy6lff9-jx7wtrM9j69E4) [Brandable dot com domains.](=.bI8Crgrr6Q2pVzUTGJdhPNlCOfoWnFzThQOHXDTG0zU) Give your side project a better first impression with a memorable dot com domain ([full archive](=.qZUmnaLvgI8fnwfzEAEm_-Mxg6eH7ZO_SitIMTCVMMM)) I handpicked over the past week. They are all available to register right now. First come, first serve. • [Petoka.com](=.EfRjJl381z2ZYVwsLSKOUFVmCxJrzNn1BnG2xdjFAOs) • [Clapery.com](=.MkHw0UBKZNaWUXh4ZEf5WHricMlvun0TuGswV538pj0) • [Huxlee.com](=.eKMkl2dmFCAuxelJpZ3O-RAAP6Zf6915ngYCxy1FhSQ) • [Porvy.com](=.stiSpvQr1_Eh4qU4fnUbToAC9X4xpb45eKuh_2XUFgw) • [Picreo.com](=.IPi_STQx0DcxlNvqNzckK_nEbAY0zXul4h_3DCPNM-Y) • [Babsly.com](=.CpyH0AEx8IAl25BlPxQpj1nAZyXGTGQiJR-kKWXoklA) • [Coachelo.com](=.yXUJMAsLyCzkCMbCsjutkQnOLIOZHxbfFYlwD40mp-g) • [Pirelly.com](=.tPwjdiBiJgsPerZXQ3kNf5Yv85Iun_SFJkMeUafQYmY) • [Pepary.com](=.SdW-D-payubuMES90EDEl9CdQ-Q8RgVJ3IGaUB_MrP8) • [Devajo.com](=.GzZMedTiJoDg1pVEHrwG6wJCF43fVXorlmvD-qEMmJs) FYI: these just sold that we previously listed: • [Dipsly.com](=.Lgnt_OK9wbckXwSeIVLScebHrvE5BVI02l8qlB1Ifu4) • [Skunkle.com](=.omvQe4vQjmByXmBHKSf1GHh1_8psj0Nt7ArUj_1hHxU) • [iberly.com](=.8q7Weppe7uZMiPGLViw8Ney66Yt5zPJvtcme4msXEoo) • [Codenator.com](=.-POx2yLPdNxh-yVOgjN7x8ZsR7VAjGkln2WkPFStBjg) [Tweet of the week](=.NhRW5Vj3Y7IYO0E8SvR2ZJ5qdF3QoQAGekUFETPKiWw) [Bonus](=.qg6RhpiAiwYA6skTpKr1S-uJttt01umQbvpTzshLCsA) [My favorite online finds.](=.U86YpW7j9FWarIxP057sUZYADVQNuN4LESeCjH7udOs) A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [UI Goodies v2](=.lT33uZ4lfBVc_V-3tyKwTQHndvn4fbn0GwNGEw0Y378)[- Jess Eddy has relaunched her resource of digital design resources. Site is blazing fast.](=.KEGrhXY7s7dNm3fVI402Zt1yX-esHcxpEP3gAw9jpdc) [Groovy Stickers](=.j6lrB0VD_ti3pg2CqI_tMhvSJqiiNY3rbfGOCibdc4I)[- Rahul Chakraborty just dropped this awesome collection of animated & interactive stickers for Framer and Figma. Tons of flavor and only $8.](=.6kpAbxR0BxOfOKAVi_hUGMd4-yFyv6ABcYx9A18g12w) [De-stressing Booking.com](=.WXGoRFhT_KoahBPZp0XxCvg_bLwQHxdmRatRsZlZU9I)[- Alex Charlton cleans up the persuasion tactics at Booking.com in a detailed cased with bonus Chrome plugin.](=.YrTVEogWmKm76Qjazk-jrs02_nIuAhnxnv2-ntgZ38k) [A moment with Rob Hopkins](=.itfmGs7JTqetLepqEtFjBCVfOl434RJTaISyELlXlk4)[- Been sorting out my old iMac files as I’m selling the machine for a recent Mac Studio upgrade. Stumbled upon this hilarious screenshot of an email exchange I had with a Rob Hopkins.](=.MvKQ-CBZXeo0SnUzfS_-hRElFeyE4WKbvzgaSMsj6TI) [The Accidental Treasure](=.JC24e642R7BUMU2J1F3B3UeWG2Pyu33vYJz9qVyo2Xw)[- Ending this Love Letter off with an incredible 20 min surf adventure (the sound mixing is brillint too). Pretty much guaranteed to wreck a work day behind a screen and induce wanderlust... you were warned: NSFW. Also note how they blur the vehicle number plates and even the beer labels so you cannot work out the secret location!](=.ATu0dYd7rGejarz4KAAPSuVbm7Po1UEDY7wnGOZ45k4) [Landing Page Hot Tip](=.IzoAfAdJe0fUqZNL-N3mGvP0L2C-CdD7VPv8KtynUt8) [Try font smoothing](=.j3QHEnt6Q1NWE6Pt7aKgoobKKRV4o-6Vl0jzqlDgPcA) Hot Tip #59 is to consider font smoothing. Simply put, adding the [CSS font-smooth property](=.NDHWDgZoByXCwKxW93zf6h-qKpXK_TpwlXwtR4-NdNc) 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 [11-year-old piece by Krzysztof Szafranek](=.TG0rXXWQ2BW-LxRb7gMorNh_8TadKyHRDlhczr-AL7I) is still the best explanation of font smoothing I’ve read. [Your Curator](=.V2UPTYDH1VNiaPOLlXdV8VWcSaMZAYe9jP7eaxzWHTg) [Hey! I'm Rob Hope.](=.t5YJduPdbFvLhUpEgR592cojo-SBb359ZlhQBnzv6Yk) If you are enjoying [One Page Love](=.v1zel-njkLz9kpc70pbLCmBczYkoswLdHnWjJTzz5UA) and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope](=.7k9VaeYgJC2xr4n6iXSBT8q2yqKdM1yZCCZz1qQuhNw) Spread love about this Love Letter using: [onepagelove.com/letter](=.yHIBH_xoCPc2YO9SillR2V5s80eS-waSqejSTOZlQD0) Grab my [Landing Page Hot Tips Ebook](=.wd_bszWVa6buxX0AvMtyyl12Tlwp9kATgvluKIe4qN8) (here is 40% off) Follow [@robhope](=.pi3XScPpKtIuRjheGgk1Elp2-0U1n2xLL_2adsuOrvw) or [@onepagelove](=.lpRoWSKwSXW_Wz1dHpRuZ0zWeTqz36BeT1OE8J_UHZA) on Twitter Review the [Yo! Podcast](=.KQHLAgt70uy8Wv9kG6FPwqEY1OC6smaTQnInRK1FQO0) on [Spotify](=.qJI6RGcazKatDTqCF0X5vW4KRGkR9aA77MdeiidLqwY), [Google Podcasts](=.pVJiDm82hpT1Zn6EMiTnUcZedBTp0Y69ejvYTGLYW3Y) or [Apple Podcasts](=.YklvCBfvzPrv639az6n_aemNFdXcD--vCeF82W8mRN4) Give [Algolia](=.pcgTw3IluZ3SNeyW4ADNp2pXQg2QZty1rxhgqcp4ntk) - our new site search engine a try for your next project [Unsubscribe from the Love Letter](=.iDR77a7Ehn7oHPDxK78TAhRDjL2nxkPQqu_AgZGPAvw) [Love Letter logo](=.P0K2HWy9imoArmuPYAIxPckE4AT7ecFg3kFs16jLHGI)