Love Letter #012 - Bruno Membership Page, Great Urbanism inspiration & Email Love got acquired!

Had a blast building Email Love but ultimately I want to focus on OPL and Yo! [Love Letter logo](=.TI5Flrne0Bu7_qyPsSdEyMTWYWD7vUNEKtWNcjYmt6I) [Love Letter](=.MybI-IvhrHffmP3Qu3rBX6ZRinwhIoctsLQ0hyb8h8s) [012](=.RY8yoE5f8Z0VFRGglqPjb_uWHIImChh5q5MTVX4nuug) [Read Online](=.VrEY2jeTYdQ9rPr7zVFn00qizWSWwr_hBQAYDGwaTRU) Since I last wrote I handed over the keys, forever, to OPL's sister-site [Email Love](=.ZqQAyeKe4hva-0M3Qg7MlgO6eLCQdbCl2bWCznNXS4Y). Andrew King, a good friend and huge email aficionado, will be curating them beautiful emails going forward. I had a real blast building Email Love but ultimately I want to focus more on OPL and Yo! - here are [3 takeaways](=.6AwVhTV52yd9ufKMtVBm66-oR-eSK-oS5o8UNYakzh0) why the side-project was not right for me anymore. Below are my favorite websites, UI components, templates, domains & finds featured on [One Page Love](=.HHL5nLCZcS9KpFukfFPS3KUFedEhPymaVdL8DBbTE0g) since I last wrote - hope it keeps the inspo topped up! [Rob Hope](=._DVpSGz3R2wUHDQN3SN_L1hhIYApYhStG_VrnMs8jf0) Much love, [Rob Hope] [Get Inspired](=.d9akhHEpSxQrbMoqhe1dN1eFgBOF0irDvEI5I3nREjQ) [One Page website inspiration.](=.iOQ2OiBYlOr-GA6F0xxY9x4aV9kLByX1xGukPzH8rPQ) Get inspired with these unique Single Page websites ([full archive](=.07YcfLMXgJopq2m8vla9mT5fCU3Df4AmVthbFwTO6_s)) featured on One Page Love over the past week. [Bruno Membership](=.kvN0ICp52eE6H14lzvmP2VFmLT0v0HofnydwdS5M8j8) [Bruno Membership](=.EzEZItLfaNjd_1d7-YrUYKpsjCS6cuK25nGiMFQW5i8) [Visit ➝](=.kIfTu5LPSPOWkaieNRyaK3GZ4isc3tvXqHGPrKNzPEY) Loads of delicious elements within this Landing Page (built with [Framer](=.d5BHslfSk4SBIfKnyl6XRES06f1vW1KVKmQdmRWRWZo)) promoting the new unlimited request Bruno membership. Note the gorgeous page load animation here, the icon tilts on hover, how the footer navigation CTA button expands, the ? cursor when reading the FAQs, the quick-fire previews when hovering over the services and how the work section features colourful cards changing at different intervals, keeping you continuously engaged. [Bruno](=.-u8_mLxNNJ67S-AHHQwpUH0cTSJCQPMcHo5ejUC4rSk) [Bruno](=.HW5NltfEmiYW4l_kavGLWL4oiNf0RlDN_Rs0ouuAzjE) [Alfread](=.PgX9yUbKu-IWTWEE_eb3v7Ul28U9huIOjoAHPNoFfjE) [Alfread](=.zx5haFOpPVvyZot_OvI8vLF2lp68YkiGUz_JM9fv7tg) [Visit ➝](=.XJpWgjcy2Tx555ltdPti20Ll5oej49xvS3t4gIDgGJE) Strong Landing Page (built with [Readymag](=.jDwJJEUyz1vvsrrtDbrGZ12FXfJHhcgbQApvMuTK3ng)) for the Alfread app that comes to life in a big way as you scroll. Quite a neat touch integrating a QR code via the sticky download button. [Fedor Shkliarau](=.neGoOmETqA8b1RZVuGmdTxSTDcUvipppWt-LKn4ZOuU) [Fedor Shkliarau](=.vlfibjJP9qPBdaR-79M1az740Y51Wnvj2YUPuOXveGk) [Tim Velichko](=.8U4AiyjCoGVCIYyYiPyKtzD7n4uHdD__Ogf-aSvZbkM) [Tim Velichko](=.nOq3z7pD4cBqLG9nLT7CAgPIfJL6Wu-QkNRZ534JxOY) [Modulo](=.YMCVoxUNmYBSJSW_qf5gIT3hdlNA3FGurGSZ7L0k3xg) [Modulo](=.puRzHBI41jiqmULKen2Njr2vr3l8I-2ykx9ISVb3Bfs) [Visit ➝](=.xiWB7C8WvUmbdkm3qDw4hxKbm_ehr6SrDMpng9q6PPo) Beautifully designed One Pager (built with [Webflow](=.gKYkQeze18cb_RhAWTivjqUVaLoE0gHxQc2HUjBOVZI)) for biotech startup Modulo. As you scroll the central timeline you learn how digital biology to now ready to accelerate neuroimmune treatments. Quick final shout to this texture overlay - very niiice! [Bunsen](=.cenURKnMtaRrRioE9euiXfRuX0tgmtAaqAYIa4uo4Fc) [BunsenPro](=.3_SEOlaZo6rlXXxzYajsFUixcAJd0UeAOCEP-hd-qX0) [Executive Experience – IAMBIC](=.LVEGjevBlSBx7VTChM_4bq9z84_VF9QxCo3_zS6bqIw) [Executive Experience – IAMBIC](=.mq4EXqGU2mALCloTfk1DkR6ZbqMNZeqLWkED8cgi2ZY) [Visit ➝](=.zlbn3v08KYd_lXMVR3nrVWepyyJEvQ_MlU0NVRoRXpc) Vibrant Landing Page (built with WordPress) showcasing and taking reservations for the new Executive Experience range of IAMBIC shoes. This is one of the better designed Landing Pages I've seen using [Elementor](=.PJ83BorhzbAOm-XrShtCykS-6s3LJCnn7Dr3S0A_-Rw) - great work! [Bend Marketing](=.swkH2ltCuGLS8sml-vasnqRFgUWVOZH7T-FEJEicYKY) [Bend Marketing](=.VixzRB4p8u3o4O1qQq-mGejEUJZ7j89yhLoGjPBcPlg) [Michael Riddering](=.4Ecf1SsQzkDPdKR4Ww1Ly3VtqVxeOnJM6ohgQCv4UFg) [Michael Riddering](=.aEB1lD5rixMNQRoof-cDLmzgO1AnKU0wygmzfhA9Lfs) [Visit ➝](=.6gTqKbEw51MV90CYTe3_G_ZJ3COV7AKw9MUK2yDSjuY) Spacious personal One Pager (built with [Webflow](=.bhTbbqhw701BCzlChjSREoVj_GPbEZDgFCw4aWIpgsw)) for Michael Riddering featuring a colorful gradient background that changes as you scroll. Ridd recently joined our [Yo! Podcast](=.DYCtZN1ZDBASAMXLaJvEVL1hOWMmqlXAh01WJu3EJwk) to talk about his projects - [listen](=.QuGGOugCFCI2kjqu-oo9cNIna6FHCBY9O_IaXn0sQ0A) to the full interview or [watch](=.7Gwj9NKR03xKxoVaSnAlBBNAhnM_Zy8JBUmP0Jj5NHo) our fun intermission quiz. [Michael Riddering](=.KqM_knrLP55TlYnIq72nOKRpLTxHpQbhIdIcntwlLVw) [Michael Riddering](=.2ZlAZ2y4YvrF-WHRKsf-d_TQVlrDKGxSA2p0KV3Yb6k) [Lovro Podobnik](=.oK6vuDNEcTVHNhBNHpCsr4Mkt1BR8xwkUg94O6_gSG8) [Lovro Podobnik](=.0JPdm-3Vzd_kyXsm67S3VDSVsXAq8yvdcn_YleOHua0) [Visit ➝](=.36eeeTP0K9v3pRNSARIwp2cgl2smEEQRUKCH5wCVa9E) Clean, dark-schemed One Pager (built with [Webflow](=.5NS2SSfScKl8WZwpGGXK98rrvhs8f94mn6KDThySzA8)) for Lovro Podobnik's unlimited design service. (I've cropped his projects section for screenshot purposes). [Lovro Podobnik](=.e7Xpow1xAXPaUOewdFhaAinlCiiUcj19ZT7xPN5wrPI) [Lovro PodobnikPro](=.-kXTM-_XSTez5mQLipTcOWvpzFs1tBiTjHQTu_SHz-c) [Das Glashaus](=.TIaKdevqwbt-yAUZXtDy06wYFgzt5_u5tgyRz6rDz8M) [Das Glashaus](=.PLR_gLdttXY60lgETTSiOMv4kA20IdAKZT9XtApwE1o) [Visit ➝](=.s3eAvVlFNkzKPCXpbxVE0YOaZhrQwrmtCGJ8VDiVFr0) Lovely, spacious One Pager (built with [Webflow](=.fxi7DFUS8Z4ZWKoj_6qeFDI3v-7mYsVdYNCij8hjSLg)) promoting Das Glashaus, a weekend House in Uckermark north of Berlin. The photography is exquision and the beautifully shot intro video is perfect to get a feel of the spot. FYI: there is an Info page (outside of our listing rules) but I'm allowing it as it kinda acts like a Terms page. [New Now](=.o-8Edejs7uNooeQpcK1bjIVYt8eZe-f66piBvY8lUd4) [New Now](=.feYlk9_4O_QEJEBSMhaAzuj-DJJvTftDGL0bsIAv9as) [Noteworthy](=.0far56dDwl5363KMZ2FlmTJJNNH2qifpcz3qM1J_9mM) [Interesting UI components.](=.UTMv0e_CYaN0j4CZpkvUUrkcQLdsAnUaY7lBo-pzGuQ) Some recent page components ([full archive](=.20iW7f5UAxhYi5nVdUGsZOgh6mf722RG2Qt7d8-lljw)) 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. [Bruno Membership](=.Hs6mbPvv4ud6enPrs0m7CcdMvbIoA_zm6FJ_XvR0CQs) [Bruno Membership Team Section](=.A5vYES87goz5vfaRjo9m9_OnyRYW_cxcC-RV3IfZ8qY) [Enlarge ➝](=.yj6s04V4WG6MiGz4Iv1q1zP4I-i0m-BurBI_JR81oEk) How's this detail by Bruno having their team members fixed position to page edge, and central member - at a lower z-index - for smooth overlapping on small screens. [Alfread](=.6-mjk7IhsADYIW8xFTa3hDp9_X12UK90gbu4PYm6ARE) [Alfread How It Works](=.gSyzMhMnJpel3nbvS6y29dGOlmSqW5SMaqyxDez5zqg) [Enlarge ➝](=.4kRJqFHaOMi-kW674kCsFUgtwYCzuYx_UEoNNTyb4Zc) Brilliant how-it-works section that animates the Alfread feature blocks as you scroll down the page. [Validate Faster](=.g2ThkVFmrkYd1i4ywNFKOcy0kQl21yhPWybj93sWouo) [Landing Page Templates.](=.Xlmwx41DYg0xT_aKjhyJr7jZ8FbL2wNEgnrZKxLaB4w) Long-scrolling Landing Page templates ([full archive](=.eTzuJphG0yeI1CVJNGrZXKcX-hY95FE9fyKC-TA0cX8)) to kickstart and validate your next idea quicker. [Stellar](=.kyBOYUALJy4iNkxS9GYP-yWleC8e3db_j4zfIIcg0MM) [Stellar Tailwind CSS Template](=.U6lxTPLiWIp3ZAmU4MwszRmV-1j61UUb9lycjsMNxfY) [Demo](=.6USmOKCGtswxP4jQYMpXKtQ8VAUilAZ5kC5i19JhLjI) [Buy $49](=.wajHMXT-2Cn_vTMS2FtJ0yHtMQWZyOe0KDC8m8QuVZQ) 'Stellar' is a dark-schemed Landing Page template built for Tailwind CSS by [Cruip](=.giu-0Jnjy_YiG0Y3loxhmkpz-ZDB6ZPri2jswKaHjDE). The design is stunning and features everything you'll need to promote a modern SaaS business. [Boho](=._61Fm40jl1M5jV1y2iavuBXUPg8Xr5tvWOEcrB7Dp6k) [Boho Pagecloud Template](=.9X-H7jQ0WSjkKfGOzkUQVxs8svAVIHgJgbWXp-dqjI8) [Demo](=.astZmwRKlzQzSWAy0JqVa_N0AhdEOOy8wPyxvq5TGf4) [Clone Free](=.bRn5dHE_eoq6lLU1QtDhy0wPXcq3lAUNkE7y23W-nvA) 'Boho' is a One Page portfolio built for the [Pagecloud](=.CtdoLJjO0HH_P1JzbS2kosbd6eeNnqVDO1Ul_s4zgvo) website builder. The layout provides a neat grid gallery for recent projects (to link out to) with a simple bio, and all your relevant social links. Pagecloud is a free service for One Pagers if you are happy to setup on a subdomain with their badge in the corner. For more pages and use of a custom domains it's $20/month. [Base](=.YLLU93-Jv8pw4qL3vCy8ZWJ1djB8gHsuwfCwXbXVdas) [Base Tailwind CSS Template](=.raUBNZWXksJaHwXXamjNVR3N_Ib4Mqaq8RxsUcPck60) [Demo](=.lr1Vyg1QVAIDcN1JFs2z2eJBX-JJiO1zHwhMREYi0OI) [Buy $19](=.9La8LPshxgycVgMcv3vptNPvP7FIKI3Tx9mzbklec2I) 'Base' is a vibrant Tailwind CSS template by [UIdeck](=.QnP0n0-HEsDBI5iVpYqDAj7_PVJ3hk87xyKW-3BJl1M) boasting all the essentials for a startup or agency. The long-scrolling layout includes client logos, block style features, team, scrolling gallery, pricing, testimonials and contact form. [Upcoming Guest](=.seeUrW9r_k-g9wKR-omkE31epmFLc5YzjU7O5-ukj4s) [Yo! Podcast x Jorn van Dijk](=.yODnFSYyG1ggnLUxfLPZnNhNxHvuO3-_PPasH2bap0U) Jorn ([@jornvandijk](=.JQbNExApI2lEM3zPDI2dw2LxjQS0e8_UsFE1WeINrA4)) is the CEO of the [Framer](=.BfzQUZU1SOB6MCvPSEfQk2QYYnZzP4DWUgolUxbpx0g) website builder. For a lack of a better term, they are simply on fire at moment. Want to know what's happening behind-the-scenes? Reply to this email with a question... [ Yo! Podcast x Jorn van Dijk](=.CzLxxD-gHyaiRu3Up6MeqnNyDwQlPIn_DyccgUus-7w) [Available to register](=.kUcfIa3fCrJpnR0hT8jFzva422D3RXug0K2Pg5oX2xA) [Brandable dot com domains.](=.92vf6qsmX5tC7N1yJakRFc-bMfi-spRTqO2R0iMlcN0) Give your side project a better first impression with a memorable dot com domain ([full archive](=.GKcXWcLigYt46FvIr4GWbWYCy_1OpWAk9pr1dO6tYiA)) I handpicked over the past week. They are all available to register right now. First come, first serve. • [Daplio.com](=.ACnb-lTBzHXj3XhwrkmP24nMr1m36VHXCs3rRtnWX4g) • [Bitelly.com](=.eKxfXH7impTAARTxlTcf_DrOKeK2Ol2gB7EkqnBZJVA) • [Minalla.com](=.sEbxw39KwngKYPZyS29-3j-plcg-eBevxN0AWOK5Zk8) • [Guzbi.com](=.-AA6YoM0-H6q9SwWHd4vzrT5sz5cC-5VuhvTv87g0OM) • [Gopelo.com](=.d-4sF-dFpOr7NvlsIBNIHc1nhyrf6LWeg4Kf__dzI7E) • [Gotila.com](=.38ytkl6yEUrpAXa0LLFzLKEVlQSZg26XdU35I4jxJFQ) • [Brutly.com](=.5rNYjMo42BfnJkcFQ7Lgxkojr7MElNW8H9teT61dLhE) • [Indabo.com](=.Xn53cwAt5x3dGY9oOYgTAfCvnmD3YaCVQ-Cok_shWYA) • [Coppello.com](=.iaK8PNDtsfzNH9b9UTxRyKPJ45ZE4NWUh-esZCHcIuo) • [Belloga.com](=.0Yg7MD9tv4ZiOI-Uxr0rgGYkGHsj7xTF7Z_9wIfOxFI) [Tweet of the week](=.ON05zxza-7fitA5qB0Uh-Og9u6jAbgObRX2Ez6emQVU) [Bonus](=.pqOMPfGaUSIpr8anPfWEQB4XB40_FsQrIBUWS3i2vmY) [My favorite online finds.](=.woJpJISBNX21FpGdjfunaNW1i6A_tqz27Z0dwJbLuZ8) A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [The Headless Club](=.OleIDHmWTUDva_axv3fzoIFOPGM4bCIZDKcW9Lrg1Bg)[- New curated directory of headless Ecommerce stores, filtered by integrations like Sanity, Shopify and more. There is also a performance report on the individual pages. Nice. Also worth noting this marketing play by the Commerce-UI team. Well done, great way to share your notes while spreading your name.](=.113DEGnUA8eHASfob0IBV42uSCc57yBJP3WRXOUxLaA) [Are.na Transparency Page](=.K1fK09rakuA9flvrb-4OllxseP6b1KjxYugEwmqH49A)[- Very impressed and inspired by how Arena break down their revenue and expenses in a digestible and classy manner. h/t @manuelmoreale](=.mUAVcW1vWDAEOoA1r9MiS5eHIaU3ijGt63sV1ETRKcc) [mmm.page Beta](=.96KvHC47i5w8evNVzPIsLoE_1CEBHtjKhRaK0UojbPg)[- The wildest website builder out there is now out of Alpha and free to paint content across a page canvas. I'm happy this exists and needs to be celebrated for not conforming. More weird pls ppl.](=.rUKoUpXBVbp6SZ2811RJKaNiY1Z8GUm8WtpZck7Ulqk) [The Index](=.o_Qh1a9mawaHirWulYHXE0mDegOfIhJh3hiPGGzFPgI)[- Curated gallery of design studios, designers and type foundries. Done quite well, with a limit of 3 projects per listing. The individual feature pages have a unique design and list those 3 projects at great res.](=.dR7zhiMcXh5QCJg8xABDCfb6ltJS2NA89k9L5I050p8) [Great Urbanism](=.tccYrnmEhBUQKKdFNhCL6ibS-2chs6zVmaOwq-YyBfw)[- A catalog of good urbanism examples. Learnt a few terms too, like "daylighting" and "pocket parks".](=.sjozt5NsZROsROCuI7SCcIoBbpv3vEvJI96pFJO81dY) [Landing Page Hot Tip](=.biyTB89M_4rN2Go5byiQ9VdEkEdVVNkDRdButF3Wf5U) [Lower the risk to commit](=.QundXnCczeD_sEEYs5wBiMfaye6Tvjk5_6ArPLE_RjQ) Hot Tip #47 is to lower the risk to commit. ✅ Free trial ✅ No credit card needed ✅ 2 years warranty ✅ 24/7 support ✅ 30-day money-back guarantee Note how Webflow CTA button includes an alongside paragraph mentioning the trial is unlimited and they only pay when it's time to publish: [Are.na Transparency Page](=.VnUNwbIMGLGJjDzrdrt2vJNcpr0k4kxZ83BASG5FsAo) Visitors new to Webflow will feel more at ease signing up, as they will not be rushed to pay. If you discovered your Landing Page for the first time today – would you feel confident signing up? [Your Curator](=.VGy7RGw-4a10N7nRCAsbpCk_UCiB_bnDWPn3RZsK9C8) [Hey! I'm Rob Hope.](=.h2NN1CIuON3M_J1QDIldAynAb9AopgYWqfWcX2wmJGE) If you are enjoying [One Page Love](=.99Oe2uoqhq4fmdA8JM3IQKn4UJvpkfSBK71ZOXQ7ulM) and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope](=.V8UuIUE6gaIogj-QWuGjXobJsKzjg3GNcKUwp5Hkhu8) Spread love about this Love Letter using: [onepagelove.com/letter](=.ioxwuSSFkOenq4Z50fsUFwHktBmxB9UHHywY61DDpjs) Grab my [Landing Page Hot Tips Ebook](=.orHnXMvNvDa9m7AhB4CsC134O4h9LDoP6mrzJoR-w-w) (here is 40% off) Follow [@robhope](=.hdeoWRoVyllq3T8jm3gHC5CsP-IElK-FPpZxv_1x1Bw) or [@onepagelove](=.OpXKS0UGhY4Jbi-Xjqr68z_1E0orNwiNSIvmdgBAykA) on Twitter Review the [Yo! Podcast](=.LGyD2ZayNS1SqoVnqcjLVXjbpw_cs0xDU5RZ7H8WE80) on [Spotify](=.EBEWHkEPuRVVGpV_YUYucQLCh3D6CpRsGtySBqWfPpE), [Google Podcasts](=.yyVWPKHoj-6rV_Wagyt2aCQICDZuErStsGrjebvuAYY) or [Apple Podcasts](=.nrhH0twK3DeRdse_F7AjW9KjClx0pyf3qQdV1bmSueI) Give [Algolia](=.u8sY0xQzHTevzbKehLu7npEuAbOH9arndkUJIJ7zB0c) - our new site search engine a try for your next project [Unsubscribe from the Love Letter](=.te6EBKfI1Y6CppRVnRDXNEPcH3ZGY1j4Sy3_rJOJDuA) [Love Letter logo](=.F0nTzdZXWmHBA_U9VKNWJzQDxZSQAwJEWiVnAgh8ujE)