Love Letter #023 - Feel Good Productivity, Design Spells, Fail Whale Homage 🐳

Been one helluva week over at Twitter folks. [Love Letter logo](=.oA8kjP0fSMDO5uCmWHB3JTd18gxkkMowWl8fDp7wU-4) [Love Letter](=.vxZrAT4vqXNlsdmaIUGR86rgQeqXSCiIAkCDig7TjK0) [#023](=.0illx7UazUk9-TGktEscbOOxlfx-j6rnhNH_UDEqrkY) Below are my favorite websites, UI components, templates, domains & finds featured on [One Page Love](=.eC7LtLRPcuKwp2p2kmF95KD2ZhIJ_GTAiBgVkBfyIpU) since I last wrote. You can also [read this online](=.NPSu72QPrKbLV1_KZyNXhqNs_s5fLCMSAXaoKhfwvbM). Hope it keeps the inspo topped up! [Rob Hope](=.c0ASiKn0jldp_I8zsmjnkUo-WTmCmaZudjo-hSEPzt0) Much love, [Rob Hope] [Supported By](=.sNHrtp-_LNTRahoUUsKHtdYnoSDvi9t4hPUTtLp8GBo) [Design in Figma, launch in Webflow](=.ZrgUH3Rv26O4V7AWY1eyqx0csMHGVcZ0KyYI0UjXfLk) Big shout-out to website builder [Webflow](=.IaBaUs4WwDoFkwgmXAXm4mp_E60RZpZEr-osJtJYNl8) for sponsoring this edition of the Love Letter. Turn your static designs into clean, production-ready code with the [Figma to Webflow plugin](=.5JBdyJGP7ul_BQVSL8tXqbDFGmJHq3kEEmmvLMYdNFk). Learn how to copy and paste your Figma designs into Webflow to streamline your site build. The plugin translates Figma layers into their HTML and CSS equivalent — which is the code that Webflow generates when you visually design your site. [Try it yourself today](=.RpO5iTpOqidQN1fxLVwglnomODyQbbthfmtODS8qf60) → [ Design in Figma, launch in Webflow](=.VvRHlvzFFBto3opYk7WWTiyj_w-jnmbWrluvo9BSYdQ) [Get Inspired](=.vSbFDcarBvUT4qxUcYmmLWJq7UcAh7U8p8Qlyt5Kby4) [One Page website inspiration.](=.e29FqtDtIBwNhDl_JxSEhT-YNGD-O3qGt201wuEKCNM) Get inspired with these unique Single Page websites ([full archive](=.Wr86PD3v9vtEIbxCLfuHcATfumdvbBpb75eqDAOOU18)) featured on One Page Love over the past week. [People 3D Characters](=.zCfU_aoeuHCADxK9b2aSdVoxdkevheSWdJuwIdOYCBM) [People 3D Characters](=.88IYaLCQ19QPc4pmGyiUpzQZL_lLuCBfdjPpz_wR6Dc) [Visit ➝](=.9oESXw_TTcmc7KRNogAs23VU-RRGVFGu5lf4BRqWSRY) Wonderful showcase of the digital product items you are about to purchase in this One Pager (built with [Webflow](=.26-vNef40xOpaILcOmVRYDm_TpDEOwjAamNscOp20Ic)) promoting People 3D Characters. This 27 pose variation scroller is very impressive! [Wannathis](=.l4ZS2iMBmJt__rV17eHmeDItLQR-snRywFHuCNc5X84) [WannathisPro](=.qpWq2iLIpSYNGLNjXtdeOMeH7WRpCXrz3PDAi2aMZSU) [Valar](=.HVEmuQ20kZfi95tD5v6KxuHHSnYVMBq2uHIhCLzBWCw) [Valar](=.yFhA64Xy1xEA-Sr8vCQUtANuCnQSzzFBV-P8hBSUqIE) [Visit ➝](=.5GgX_Mj00mEv6go5fEokwLsF1Cvi6QlyjiYO1F7w_Nw) Great reference to nailing a premium aesthetic in this One Pager for Valar Ventures. The type is crisp, the member images superb and what a lovely touch with the zooming-out footer animation of the full team. [Numbered](=.cnhFgPFqrGV8EKKJmXATObv0Y7LY_HMNmdT-c4KiICs) [Numbered](=.WoiYjuuoZz3WYW32RNLUHNyNcRBRttMpQJvKi2JyOVM) [Design Spells](=.Jpk8sgfwlFEKW5swWFyZxOmgN04Jwz99CJbv1Lk3T0s) [Design Spells](=.f2I6nCi0Vpeq18plNPXx3EP0qVqYqgXv3pmR3g3lg-g) [Visit ➝](=.0UMMlGPds4_O1ShjCFJZctoI_uwBCGEKO37eBWgYBqo) Fabulous attention-to-detail throughout this One Pager announcing the new Design Spells bi-weekly newsletter. [Chester](=.rmwARQ12440Ru8_v2xnx4kegWjgd5cvWxZghb3h5m64) [Chester](=.b0Gw5Dc0nvpSV3yThUqNAwzcAAew41fL6hLWie71Wr4) [Duncan Leo](=._XJstFTfIMKH4ip1lfwuH-6LJqAWuG7r47-Vpv_5aI4) [Duncan Leo](=._nQqW5202z4PnQ7qzZaZDaYU26DgjdCclzHpCxhqGx8) [Rick Lee](=.e9u_WVYs0opjf7c4EvowGfwNHIt_L_HcUlhGsU1iE5g) [Rick Lee](=.NS8wgCpC4eWaWXuJFvULk0v6-8aKjjOYDnJ7eShjgPs) [Elastico](=.DoxtzEJIfiXcaF969MCrNFvpx_ifDicGsrZl17nMrs0) [Elastico](=.d2n9jiZw6LETX7-L6OYfXUZnROR2MZo3akU0nqvZx5M) [Visit ➝](=.Ei6mxhsltAZBedOi9O7dbc4tAKdQCwh0d_EjknL0UEA) Neat touch adding both video (calendly) or form (typeform) enquiry options in this One Pager (built with [Webflow](=.dclxkrleJ5SIewadDfqNXTFIGY2xCOngEcHslYQ93DI)) for Elastico design/dev studio. Also worth checking out how they divided up their pricing into monthly buckets or dedicated team members. [Snowhouse Studio](=.BTkmuBJtHmaCTT1ruT4tza7aN14lQwiWIDejKBE6RM4) [Snowhouse StudioPro](=.SZmVNJ-wvpkMZM8kzjOez-OXIWJR3SxxzHyEzPb107g) [Feel Good Productivity](=.HJS4hmEiXCrw8lopP1-uZf3Lj1PMQI1DuF1RJEv0a6I) [Feel Good Productivity](=.QFiwBsD6DvzUE6vaz-3-nfoyFrI7oNXJz6QKM87HizI) [Visit ➝](=.R53pAz7YUypQt3QLh-UDVhTzDY8GYxTFafPyChGhPfw) Good positive energy in this Landing Page (built with [Webflow](=.ypXQvPl4j3L4dnSW-weIygGvfcB0SkJSz94wIvEPLLg)) for Ali Abdaal's much anticipated debut book, Feel Good Productivity. Neat touch adding a sticky CTA button with "B" keyboard shortcut to kick off the Amazon pre-order page. [AliAbdaal](=.U2WQn40zzu2i5JFKVlg8KYYFYQsh41Asu4xnKNnkukA) [AliAbdaal](=.pdgw84PHTiEqejVtoBKZ-euGCdLbKHR_3tT6IrC_8qg) [Hen³](=.plLJxM9BK90uD8rKCD7FBH3KpThfXlWm1_Yll49e3RQ) [Hen³](=.YdF-MWfT2zIepSbPSZo1NFL63ZYHjD6TsLh8DUEcoAk) [Noteworthy](=.rayzjyaNjzbl68VdhJikr2YC0QFHNX0Nef-vL1hzCnI) [Interesting UI components.](=.QGcXjyAN3IuD1LMW2omgg_kalpuT36IKESuQ_ff-neo) Some recent page components ([full archive](=.0D3fN_1yjFvy4bfQLxbimN_9pV9e-YwIoAI38zTJU8o)) 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. [Corebook](=.7C6Oq7jOzSmypI20xw4TVCD_V_0ELwWFJKUbmsN9e8U) [Corebook Hero Demo](=.YCKD7bedIItVpzTkWcnAeKmljvEuU14ThvvwuNcmZL4) [Experience ➝](=.3xdzGHzTuOSwKebLg6_ybrHSSbB_xzZ7sdduRCMSGYQ) Nothing beats an upfront demo of how a product works, and Corebook°Ai have done exactly this with a text to visual animation. Their USP is editable brand guideline modules with text prompts, as seen in the demo. [Private: Design Spells](=.9MBJzG3Tcc9ZxhTO0nbA8nAUPLY6hVSbmbKwBDkZi6Q) [Design Spells Big Footer](=.UN-xi5tHF-4DBdZMIJVKRkY2BpdQPJAKopaJi6ucPx4) [Experience ➝](=.mot0NFLZgEAt4Ixq5dZtzkloyVt-VwWHFBEqYb9TrnI) Hovering spellbooks, revealing the maker credits on hover, huge fan of this fun Easter Egg 🪄 One of the best ways to take your freelancing skills to the next level is becoming a client yourself. You’ll quickly notice all the details that make working with a freelancer more joyful. [Quoter](=.a-Jd2XjeXFj2RZhtRD7F7C9nAWkO8PbFucHjLpipacQ) [@DannPetty](=.OholHJ-FjaNJOKmpHrY1Clm2xka1aGtdrMXOTSb5hlQ) [Validate Faster](=.9LDibwPqeUJPDS2GYFYwkFVXJR2E6Xl-hN-w2INts3o) [Landing Page Templates.](=.TbPIqZPd6L6UeD1LoWLB1NaTIKs-Heeke9heQGYmgTs) Long-scrolling Landing Page templates ([full archive](=.d7zbDUkGTu8p1xi2rjBFpBrgiJgLapXnwCX3ldTilv4)) to kickstart and validate your next idea quicker. [Bristol](=.28fdJBUXvEIhygdQOFOLN5IgToV-LELY5iZ4sk6EWoE) [Bristol Webflow Template](=.XIE8H_qp0Elobmwty3UOxD_uHUz0aekjEV1NipRO8DE) [Demo](=.jK-Cgv-ceXm1QLr5Z_5EnBBuw_ufLbj5t0f1iaQwl-8) [Clone $24](=.CXtE4LfiAbtxjVY8DDy8AFzwmeNRgYaV7Rll5yHRONM) 'Bristol' is a [Webflow](=.pyv6sazBNCIq9BXCnoBSiYmCzJoYbUW90LUpoSGwa5o) Landing Page template crafted by [Wedoflow](=.MpkRTXgMZH1R0i4Vn2q9gX032QG5VpX4Crzq7NBM3aw) to help promote your SaaS. The long scrolling design features everything you'll need to get your first sign up; big screenshot previews, bento box feature grids, scrolling testimonials, pricing tables and FAQ accordions. [Hook](=.yoS7R1wbgIoxaQsKFv2w2eaSyya3LN2-dT1zqd5LiY8) [Hook WordPress Theme](=.FkCf-DYKkgi6Ut2ozvgWg6NLP0GpACeGhokHbhBitqI) [Demo](=.7W2qdzgKyD-G-2w-HQ-m17VB_HsW2rWO3AgfP8yFlKc) [Buy $69](=.2-Y0WK6Vv6lscyTRZYLgvTE_w0PuldWAtF25r8r10_w) 'Hook' is a multi-purpose One Page WordPress theme crafted by [Pirenko](=.BMOgCTvSoWb9xomKF2df45Vl3gca8VvpEmFeV-5HUq4) featuring several One Page layout options. Featured here is an architectural portfolio but make sure you see the [other demos](=.UOxb2soiKHFGgztYNSynQppBpS_FrOft29sGksi7x5I) from digital agencies to photography studios and even app Landing Pages. Great to know the WordPress theme is fully compatible with [Elementor](=.GTv8lpL5mcTXYhIugDZaByr6j1-hei--S2v9v4PBN2o) and WPBakery page builder. [Teoro](=.Mm2bpRiVFzDhLdhdI7EnZT1I_q1pfTIuwtuoTtk6c-c) [Teoro WordPress Theme](=.7Hivpj-_72XxYCM6H6mVWBYu5lo0CJob6B84c4AC5DQ) [Demo](=.s-oV4gVxB0I2B5pqpYeGep_MAOT5U1vK4fbknLGZczA) [Buy $47](=.xrSvSZPUc7Xvgwyb7HKitaxyreD3WyYgH3iW1vuVNgc) 'Teoro' is a Resume-style One Page WordPress Theme built by [CocoBasic](=.PR1TJTrZ3FrpURb0G377H6fZKMDXELBoFQAIdMdpb3I). There are 3 CV designs to choose from, each integrated with the free [Elementor](=.Ye2pFZkSqOl92C_4_J3oXHMMO9eUmwFiCLeGHleL13w) Page Builder plugin for their unique designs. This is my favorite demo (#2) featuring a slick boxy layout with AJAX loading portfolio items. [Next Podcast](=.qtjRIrxPasf5Tri-sb-AKkgXxRy1W5YHtyFSv71NOjc) [Next Yo! Podcast Guest: @traf](=.R9FDKxly9ilWxBf--AblYaEF6MXtxUAaffmulhp5xEs) Designer, developer, maker, minimalist, NFT advocate and Framer expert [James Traf](=.VqUw_2F-vo6rxsOCow_qYLXzehYX9qoDCpllg58OQcI) is coming up on the [Yo! Podcast](=.K2CQswKZxjFRtcqeC_vit6akgEvRGiIgvDnssx7q04Q) in August - smash that reply button if you have any questions for him. [ Next Yo! Podcast Guest: @traf](=.iNtFHKHdjWNagn7_CHPApKBPNyEkL5Mu0mVmckYw1io) [Available to register](=.s5AdMqWB8SZNeViBF9fU_E1kZPagOwiLVQn9MuZzXM8) [Brandable dot com domains.](=.Cb7w1paljzSRSReL93cN12XfwDkH92Z2Qbx51Okmqjw) Give your side project a better first impression with these memorable dot com domains ([full archive](=.2LecdEmr2jTZ7wzabglQTQaKNoXbJkhUgVmvw3Th7xg)) I handpicked recently. They are all available to register right now. Yup! First come, first serve. • [Jajub.com](=.m2hPTpr_RnaaS-MQkf7OZMoTtqIqf14wV6_G0JMufJY) • [Tessery.com](=.RwyyA8jvu66z03CgberW8HNYvhpx11lXn-msUGTrLM0) • [Woava.com](=.s_bsIbaJC7L_cIozmB0lQwUsDB7hFQLd56uY3LX7fww) • [Dysra.com](=.n1-jrqWOdN2qCKRUL6mZLm5aceTSHzl5yrEhvG7Hgpo) • [Amyio.com](=.qVrMN62gUjyVmE3-mD_xH1rZw0f5fai0zTjh-YBCANs) • [Cerfu.com](=.2eCyUHy-ss26x5bg8Ep70zaTO-veMiLyXZtOkJEQItE) • [Pucoy.com](=.EQ4vi7gsG4CjRaT3Pes6QZOp9XtktyPTX4bJP8HPGRk) • [Vugry.com](=.2E3YTlBbhmsFBA_oOzsXGDEkAA91kE8rjvOuqLfndJk) • [Puvlo.com](=.8VH9EZtzDZGW3kyrVLTF5tgSGWmoidLzdNxTfEA0oSE) • [Dackea.com](=.Xgz5rms_s3hagZJ_3UCrQpDLOhdMZRu6DFz2EqRod8Q) [Featured Image](=.rON3AyBUmGcKKRZPfMrZlKQ6BI_44fmyNhgc61ZK4mM) [Source](=.O292R38nMjm89WpIS6xaAgS9eKqEosvO3mWM-KsRrO0) [Bonus](=.skXY7KtBmm6khRDVMflUrC2he84NJEDa-CU2rREPNoc) [My favorite online finds.](=.pLsn1uS6L5BKfwRJqx4qC3RqNtnSU2gXE9ZVn0qk9z8) A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [2012 Twitter Logo Brief](=.XdmNvuomHOw80vCv0dT5FHyz57PlcN7STLN7BHy5rxQ)[- "we want a new bird, and it should be as good as the Apple and Nike logo" - fascinating backstory + sketches behind the iconic, and now doomed, Twitter bird logo.](=.7wZCNCRTB8KtXXUBKjGLjl2h4AHrFQSGn55BqxFbE-M) [The history of the Fail Whale](=.96DHD-46C7qFFz1SmYQCfLy3C1BHiYp1TQ_qnDh15bk)[- While we are at it, this is an incredible reflection on the famous Twitter 404 whale illustration, originally called "lifting a dreamer". So many creative examples by fans across the world!](=.pURBH5CUS_oO6wQs30fWwDtmtF9cwmsdTH5DmgQOruA) [Keystroke Pro ($15)](=.RnjxnTMCbHWU5Su1_lkdL9TO2qhMF0rni8Ca5ZXNg8c)[- Visualize your keypresses on macOS. Just grabbed it for some upcoming screencasts I'm planning. Very impressed so far. h/t @peduarte](=.RdS7kTqIcyDG1MGejiN9TMxyS0ix6mrF6K5ObOx3qC4) [LOTR Productivity](=.QTeWkaTjuTrZSHcGAfm4BPiF5T6WCOnF5DD8GI_MsrI)[- 3hrs of soothing Lord of the Rings ambience to get those side-projects shipped. h/t @AliAbdaal](=.JhrqvVSLARMrNYOxqorO1V6rwwj6HokmPLdHVr-gva0) [Icon Buddy](=.XLisJzTyMny3-IC43LDT71bvpI0LjOJllR7RUGD2cxs)[- Over 100k+ open source icons. Each customizable and SVG. The UX is solid too. I'm trying to find the catch. Feels too good to be true. h/t manualmoreale.com](=.ILmb-Nel4o-qTChWpV_LMxAVAJ5RBTrtW1LRJ9_xixE) [Design Spells Newsletter](=.D-lOgMR14Q-UZT-3KxWk1k3YhvIwtjAOjzua63ndw1k)[- A new curated resource of "design details that feel like magic". Yup. 3rd mention in this newsletter. Bitter sweet when first seeing this, as it's exactly what I had planned for our upcoming UX Love content/site. Respect to Chester and team. The UX captures are mint and really like the magic narrative/branding. Hope this goes big!](=.ULJssZazh7TNVpsF1efVSB0K3fTceQmN34RmLskzQ6k) [Landing Page Hot Tip](=.rYf52ZYN3BIGfEKXeF-zwQFJ1YGIjKnN753eBIZSeaw) [Steer clear of a header carousel](=.uiI1mCOBsQ45OujUCcXFZms0aDZ-_lkX4dnZu61MiVs) Hot Tip #74 is to steer clear of a header carousel aka header slider. A Landing Page journey should always start with intro copy that the visitor identifies with. Some will read it fast, some will read it slowly, and some will even read it a few times to fully grasp the offering. This copy is not meant to dance off the side of the page mid-sentence: [LOTR Productivity](=.6gR8KN_csd0pp9X1AeyCuBki_CDR2d4PeOhAnMc7TdM) A product slideshow or smart feature carousel can work mid-page, but the header is out of bounds. [Your Curator](=.FnXwNXL353JY8GMroO3H_5OQdLq7xwAtmGUpo5CxRnM) [Hey! I'm Rob Hope.](=.iecAaZ4llegWKjBrgmdJw7ohtNTlroMQ1ECt2jgkxCw) If you are enjoying [One Page Love](=.Xum4VRougtIzoJjaBai5jGuzyCvUUptlSSmRwTjGGL4) and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope](=.xA5_i5qC1KCwI84WKwnLrN2YfCJ7fQ7wJLUCx4-Oqvs) Spread the love about using: [onepagelove.com/letter](=.uKDdIuie17Nq1ZQaBqNuJlXdO4ScNcKbkNQFgjb1lKM) or forward this Love Letter #023 using: [this link](=.Dgh_mhfLT3lQi1kC71NdFEu65DIOO9u9iCNkVBXKEIE). Grab my [Landing Page Hot Tips Ebook](=.7nZLrHiFq7InGO7gRLZnWZxl8rANKzMvzYfsnXRMsok) (here is 40% off) Follow [@robhope](=.mwCle_NW2_g7L1AS-JWmkiebhAlcN3p4hy4AB4hhG4w) or [@onepagelove](=.dQUD-YnQLJfAGGd9ySG7ziJ9eI_x6ced0DWRj8e-97Q) on Twitter Review the [Yo! Podcast](=.uV7JFCWafLVgJdhQxmzz6OXVL-OI0PI1-jDO2hepYKo) on [Spotify](=.kk93bc8Cw41UzWIgnCiP8B5DMIf1whq3Br_0zFpgFTk), [Google Podcasts](=.Lx50CFEjw2Vc2_zhk387b1WTIkJBGgrPv9EINQ-VX5g) or [Apple Podcasts](=.qMBbRDJNvbTlmoyOWEEoWe3IKoYPpBk1oepOkWWQHsU) Want to build a One Pager with no-code? [Get started free](=.SBDvKpvzSalzHN0Ga5Cnz_ktkV4OmWymL4TRaDbvK-0) using [Webflow](=.VpI-X09gYmqlRuTWWswYN5FN1bdQQ-aaDcfl6V3nIck) <3 [Unsubscribe](=.yzd948sE89puHmCjy4BR2Ck_cnTXC2TIKizAUHJRf_c) - [Edit Preferences](=.ZD8_feHBCxvu0mGP4HUzL2mfg9oxO6C_0TGPmBZLGfU) [Love Letter logo](=.dLTNo0cZaoUYSyAad5LZIZbq7DW3v1mYJCxE5pS1QdM)