Love Letter #033 - Footer inspiration, discipline > motivation, heyjay, micro-interactions

A One Pager by the guy who runs a One Page website gallery... now that's pressure! [Love Letter logo](=.mE75qn7hobbrURvUav4iIzDgqQdvGqI9_WGECZsKuRg) [Love Letter](=.FE4U4Pn9t_mH3r2UxMkVMixkzqro-_JQePhhVe2kw24) [#033](=.n-_poyn2aoQ0yaY6JV5IxxQD6-lvphx8oUCmvOGjUYo) Here is a [Figma sneak peak](=.lyWj6G95MaDpDhtMsE2jK-JCqC90vVrPtXQvE-DCqQ0) of my new personal One Pager + blog. If all goes to plan it's live by the end of next week. Hit a mega dark place on this design about a month ago. But thankfully dug myself out when I decided to ditch the white scheme and experiment with autumn tones... feedback welcome 🍂 Below are my favorite websites, UI components, templates, domains & finds featured on [One Page Love](=.Xj20yq4HkVL5pC8eIOgh-E47Ek5cCTphC2dtzvxIxRE) since I last wrote. You can also read this edition [online](=.l21xQ_D-yL26mI2osdVPLRupKa-kD33-UD9dQtNumTQ). Hope it keeps the inspo topped up! [Rob Hope](=.ksATfgVx04HGbLlS47ed-8nYjhpVFu1XptCL0zzwC58) Much love, [Rob Hope] [Supported By](=.LeLG7lkN0_0QvHBaXtSzYjbYZhUHFSZspQf0jfzLF1w) [Design in Figma, launch in Webflow](=.EmWSjUu5yCCFt_DOT6msNB3aBl0VUfT2wj_hnL0rWEM) Big shout-out to website builder [Webflow](=.HXhxag9AG3FLTCjN_8DKHIDwA2MyiX5JHvQ7Kmozz6g) 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](=.PNdBjqyYk0OvmUonOJcmHCgDPdhoTTwJjcVqM0MpomU). 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](=.4IxPOjUrUkAnPLiH6UYqM934Xqg_s-IhibAI1DeVVRQ) → [ Design in Figma, launch in Webflow](=.3nnELQvmJ00eZVzw1rsXr_RSaOS7NHxql6edVwpgODU) [Get Inspired](=.cM6a_siptlrgzcHSsFL5MRDOZRhp7SUi9x7CIMmAD9E) [One Page website inspiration.](=.X4iMQUdIm7pOSs1w3gafX_yk2cfVOsPNyJ3VBVaIEVY) Get inspired with these unique Single Page websites ([full archive](=.dGulUH9siVeJ7OSMwZNxlWiatkLf9KsSbOX0GnqlILA)) featured on One Page Love over the past week. [OPP Design](=.FHEcdUMVeUErtsHFl7AtRW-lj5MDdRLS-BLdI4bkyhI) [OPP Design](=.odQEUS8nq8nNf8e4zAmn4Hl8EKUZ6ShZoFABZhW2HVU) [Visit ➝](=.JgxsYFMpBd7EujRYM0JUSw5GzEj5qP5UB_FoR4WntEU) Exciting One Pager (built with [Framer](=.a_7IppSant36v18tJL4VEQE5Y6tB4xtvdISbTw1siDQ)) showcasing the Square One rebrand of Online Payment Platform (OPP), a Dutch payment provider. The page really comes to life as you scroll and features gorgeous hi-res assets throughout. [Square One](=.RJS1pU6UA-zFn_fIGnX5MD3tClrvQoKAQvgcAYmvKNU) [Square OnePro](=.cK_IEgGeIjtCvaKPDT05woPfFtlSQn2yVkhZsYm1AE8) [Somvai](=.4DrHyp0tFcRH11r1IaTaJ_x46Jv6uDa0DQdc_Qzr4tc) [Somvai](=.7NXDAphs4Z3DJlqcfeONJhpq7mKYO79cXadifUNcgCo) [Visit ➝](=.R6LyCSyYcVVV9P5rT17sDF5g7EkmSByzI3nE-vzyIyw) Stunning product explainer animations as you scroll this launching soon page promoting nap assistant Somvai. [Third Dimension](=.l5jVM9G7jNL6Qu3vLO9Lvy1MwXTp81mLGzeq2crnRLc) [Third Dimension](=.MjN-dZukdyWtehrS4qNonFUOZnGOXqG3yE31URWbeKc) [Contrast Studio](=.MKTponymA-6o9ykvRzAyEKjAON5d_Dnn1TBkpd1sCXQ) [Contrast Studio](=.vm60EHFYnEaqaRdPGI4OusDPEWZ6mVdrbmty4R2wc_E) [Visit ➝](=.xZxs4u7HAv4ruJiWzY_SY7ndKHMbcsNsF9omQunzMko) Big, bold testimonials up front in this clean One Pager (built with [Webflow](=.CDFHJ2DXfOfFre3yrobRox5kIM9pkvH3kHQuFwdXUwE)) for Contrast Studio who offer a design subscription service. Also appreciate how the portfolio items load up in a side drawer, keeping the browsing experience in One Page. [Contrast Studio](=.ywYhA7akAKDnSPE9VR-XG0VxGtjiVwpvrX3YY2TAvx0) [Contrast StudioPro](=.P0x9EAO0yqiCOViLTswle_xKTzTmq57GkgVaGiW58Vk) [Yianni Mathioudakis](=.q0pvmvif3EH4IX0vll8ZpW6WH3I7zDUO-n25gVCJIew) [Yianni Mathioudakis](=.SD9BLxPlDp2F8aanYMYc-frU9Lk0i86lU5fIsYDG7F0) [Visit ➝](=.k4mFJcSXIytSxBmMFtbiGp_mP9XG9aECjF_ER9b0zRY) Minimal portfolio + personal page (built with [Framer](=.-TrL2XqQs90oHlZr2NCy5xN9gYRH3CiEHoEg18IWK30)) for [DEEO](=.SpRdxZdTYmmPMj0u9DVpL6ulfOY1m-SZ2CULpD6FNjw) Co-founder Yianni Mathioudakis featuring a showreel of his work, award list, travel vids and some of his favorite photography. [DEEO](=.KdmEHR29R6f5NlPjydG1ENgTdeCY45y5icfYNzPbtEw) [DEEOPro](=.04AwlBAolqBODluDEbFvmlII93ICyZ1F71h1SNNTABc) [Yianni Mathioudakis](=.ti44eP1p126hJYPOSq6AFEYorVEA5TWMCdi8r3ct3rw) [Yianni Mathioudakis](=.rtrU8-Vi4KvaGjy3-UxHeMiP3_UJ_BXUhrQ91UBEh2o) [Parrot Dynamics](=.9UWmQLOPcXo_coV9EKrsJqFM-NQDvnoeQuOnsXsZjaY) [Parrot Dynamics](=.uiouqiNyB6yRcgvWQEHWtY6FkOjtwG3jorBIdcPlGfA) [Visit ➝](=.HOJ5F_Q3dAcKGtc-aRf2vCjxAdVyjIWnBvr8u4J_-Uo) Fun 3D graphics integrated within this One Pager (built with [Framer](=.sfUgHmklLuo-MQtm5C5DB-bvYCgBNaQ3V9ygCwnLnIs)) for Parrot Dynamics. [Grant Joseph](=.3i5z0C_O5R5BMlAwOFsWkrVEI3k0MhhyEg1OVcaEp8Y) [Grant Joseph](=.zkbMQVTkPZUE3iXX_L8YHq0BWa2SPBkCoYWZq-cF4Uw) [heyjay](=.ANEn4M-Y7kPS5-s6rgPq7y3j7gB6cM_6jjSXahHeAxo) [heyjay](=.aHHJI9VVpQYOTB7eY9ubqtyIai0YPnov88N_2OuT-YU) [Visit ➝](=.jRZG1Bc7KkVG8T-A474RkeA_UjPZFRWnjiTsiwa8u18) Lively One Pager (built with [Webflow](=.ArKHzK9XYtsyhhY_4E8cpMWN_h4AnLNoCNVoWVcGVfo)) for heyjay, who offer a design subscription service. They had so much fun with the copywriting and tone with nuggets like "bad puns" and "cat videos" included in their pricing table. There is also a toggle to make the content of their site Seinfeld-ized... and it's hilarious. [heyjay](=.ed45RbMigxG_vO9kimHcgXKkphef3JcC3syiP5-xicU) [heyjayPro](=.zP7c3IddhE68FdesgAX9dNGL2yjKRJSBkOsigSXUo-w) [La Dolfina Jumping](=.qzvdgpHAHGSZhX_iwTikPEjRb2d8QGTnnhveDb5i0ec) [La Dolfina Jumping](=.fjXD5vy8LiXRitm4eokGcko-SzCesneE7cvoLGq5iWI) [Visit ➝](=.Qoe5B3bL7yb9w4PScm7VBFKfl1RatUXnMn7Nwq0Jjzc) Elegant One Pager for La Dolfina Jumping featuring parallax scrolling, good whitespace, quality imagery and neat integrations of video throughout. Also lovely touch with the horse jumping preloader! So good to see more carefully crafted single page websites across different genres. [Alejandro Lazos](=.Xz5g1YIFOzW_9UCkLVR_YuaACkFrjKNwKKkjNAeLcJ8) [Alejandro Lazos](=.6HYHCN-uGBfCW8S47dNcPtePxD3IQA0N83gBvXVQ_l0) If you want to go fast, build in public. If you want to go far, build in private. [Quoter](=.5DH6ibCtjuP0lxv2f_5ljenQJSBfKyz0ncvyz1o7RUE) [@czue](=.tPGzwl_ZuwdYF5ppRZlZGEnx4eUMQrBd56WVQZ9hxyk) [Noteworthy](=.meDyWwhWPt3Ac0RMRuEhfbuqNrDQl4pIGp9eoeRD-4c) [Interesting UI components.](=.7VWFziq3z0GL0eyQJi5TyjWB3bi4c5ltuzrkebhz9v8) Some recent page components ([full archive](=.JA89lurFEVCrqNlmtEMusaEQCraxQk7y6r4qqIhpfHA)) 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. [Square One](=.igbdgoJaAmwNTSuM2YMNb33kR0_sn4Ja2iDzmeZ83-g) [Square One - Team Section](=.seNDv78iQhl53aQVtrkM91UD06T_jo5RjFp8MctNGmk) [Enlarge ➝](=.zCmOXn-MDzhH5i3l9sHPOh4IJkGesM7sUpG785Ipn6o) Square One have divided their team section into Family (co-founders) and Friends (devs, designers & subcontractors). [Bezel Hero Section](=.DbJj8M_7aviQS_CQzyixSmByiZZjDpNv5P344vFJDkM) [Bezel - Hero Section](=.4QY7IEHnS_ZCnSUiZgciEcf1SiqNmQ7nMVxuNgKV-kY) [Experience ➝](=.OlfWG0eh-GbrGZtQJq11Jwfz2Dc1Cy3XKMQq9wLbXn8) Bezel is an app to replicate your phone UI on your Mac. The hero section is simply delicious with an almost-perfect explainer video needing no audio or text. The intro copy is also crystal clear and the social proof (5k users, 5-star rating, customer company logos) super strong! Web animations are like magic tricks. If you do them perfectly, people will think they're awesome! 🪄 But if you mess up... even a little, they stop being cool and just get annoying. [Quoter](=._fmKdzGzWKXgHuBsYy-v48WLFKxjRAjR3kNC8d_akLs) [@mds](=.e0scYONeh38zg1t34YeuUNKLWsWrwviHgduQQJhZbu8) [Validate Faster](=.zMSLGyvcsmcIMFp0WG_xYFLfOm-M95E3l5iGlrIozso) [Landing Page Templates.](=.cdwszRYdjJjO_scn409Arfv244BWRj5PuBigjekoT7I) Long-scrolling Landing Page templates ([full archive](=.xT83HM505__8rePfpg1huvRb7CZJsK5O-nNN-61swE8)) to kickstart and validate your next idea quicker. [Foody](=.3f3I6RXGn83dzsYijkmCeOg1vtKrZ3LMpLU8nOiwBkw) [Foody Webflow Template](=.5ei7hBSndYZi8knuofeI4mmt8uw4kvjskSFgoapExgA) [Demo](=.gMXnAsi3uSqyo6_W7IREUFHz0Q80q0Skr6Kdd0btE-8) [Clone $34](=.47du12O1kJNMjJRdPzLfDH_AwuoEZoAVGK80woo3h9I) 'Foody' is a One Page [Webflow](=._x-ZKiEJXLFmMppxxMMIYio2NZ-MUIzUFSu9jVR3T88) template crafted by [Nixar](=.K4gPoE1LawnUaix4KlVXd05A01dZUoRKxKzdkcc-H_k) for restaurant, bar, cafe or shop owners. The long scrolling, modern design features an about section, card style menu, customer testimonials, team and a reservation form. [Brando](=.fO0d0X-G8b0teBVBG-bFmdJUUOOzXfxex-0WdH7-mnk) [Brando WordPress Theme](=.HdOdBrKqR726j6a6CpxWOJXXD68s64P_Bo5aP_JJc4U) [Demo](=.l-HxQ5SNK_L5YRKR4dKNlH6wmkKxnrvHGtjBZBbFyj4) [Buy $59](=.Y9db2DINiU4kRjHSfThj-PDN1319BbZTL5wv2WdeEMw) 'Brando' is a One Page WordPress theme crafted by [ThemeZaa](=.UcARiUClUBULq2y6royogIy7Vbt2jQ0i5Jhk42Dr02A) with 10 pre-made layouts, covering multiple industries. The design is definitely above par for a WordPress theme with great typography and lovely whitespace - in all the layouts. My favorite is the Architecture option featured here. Additional layouts include digital agency, personal page, spa, photography, wedding, restaurant, travel and even includes a neat launching soon page. [Featured Resource](=.B1QYBrghmqC-VVzv40O8N3HTLn1ppZ-io_UKDJcHVIM) [Website Footer Inspiration](=.CWcWOeLLIQdy0Cudrp032cmXjAT4MZhO_p8woVOS_VQ) Brand new inspiration gallery curating website footers by a top crew of dudes. Really like how they integrated the additional mobile view as kind of a sidebar in the single post layout. Fun fact: I launched "Footer Love" with a friend in 2012 and later sold it. Keen to see where these guys take this! [ Website Footer Inspiration](=._Xs1P7ne2sSY7Tm2ouMhxJPr0o11awbhDiN98GYlYzg) [Available to register](=.gYtbTnU53PcpKk98TKQBQsTcdqZavHhYdEFi1_ziJkg) [Brandable dot com domains.](=.uPhjMF6_8uy33Pu-2nA2itxQvbRzXsxa80q_HViQzVk) Give your side project a better first impression with these memorable dot com domains ([full archive](=.iiRZgyUmKiBRBbmthWj3htu_b30S4QjvvSoSKUyw7DA)) I handpicked recently. They are all available to register right now. Yup! First come, first serve. • [Amadro.com](=.3t-XUy92OmhhHykvJddtSbm6QDWvYLrFdVZRSHarw0w) • [Amirlo.com](=.0a9dwgIOcAIp8oruH-rvZ8edafm4kEeI1FTPzuXvt4M) • [Habley.com](=.sSNINdGJH-4MAz5liJCxFMFMv2igasf3wApGa36mPts) • [Uprino.com](=.cigZ_uoXpxm21ONA4mXAVl-UzgYdNWDS7Y4xnldJS6Q) • [Fodsy.com](=.fmwTOddA3wLU0JHg4YtUV8NLRPjkXexX-6gV5VfOi4s) • [Corpara.com](=.04NglMYM2N849zxKrZGlfhXp3mLzITn0BG082zkwFWc) • [Backish.com](=.RP9LVnXB809-lVPYK2UMuOeIT_XQFOCnzu8mwVVc1Tk) • [Tiperoo.com](=.prm1znuixQOBdfBC4FGey1vUKzSDcm8nSeaqV-79seA) [Featured Image](=.tqu0HrTWFeV6zmk72YcNVii-AM0NADE61PE7fbbLz0k) [Source](=.2XrQBk0dj4jBdR4D5hWkL009Qat3SSiEHm5ueBxi0Ok) [Bonus](=.6NWkSTqka5RTnBwzcRUxY-qzIKlNX92DG0_v12KsgYw) [My favorite online finds.](=.ao5t9d3bJWQl4m9waVkZpzc20iLP-DPV9eh02qok62A) A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [Simple Icons](=.v5HJdaOGWSWK-qZdBBIxJtPvT-jW4kvrxIczGRyrRCU)[- 2,000+ free SVG icons for popular brands. It's clutter free and search is fast. Also really appreciate how there is only 1 icon per brand.](=.ibrhUCTlTNM-RP_Y_eSVTEoaXWSydI6baM2GIcoiRVo) [Bezel ($19)](=.f3muYsvpqL5xePHGjWEVA9I45xyg7bY1zyxrH4vWVjU)[- Show your iPhone on your Mac. h/t @Betraydan](=.QiNiAaoZGhp1YE_GP2haHbXCr8cUkPhiRbk_yHwqdbk) [Micro-Interactions](=.95zDREmdkoMPqVI2WVYJXg-uHYKcpRxoXsUr3LALSGE)[- A ready to use micro-interactions library made for your Webflow project. Simply copy-paste. Nice one @itshkmanzoor!](=.iduhtQd4bKkSlYQQa41nXI0VqX4VW5OW7abRjV1isos) [Groovy Wallpaper Pack (€3)](=.I6zQfoIFpoGnRoKCzDi4RPdzFgQ1nh_TMJNJueyY6oY)[- Fresh fresh pixels for your devices by Jerry-Lee Bosmans.](=.rT25t1M-2R-ydxcPD4WHd4d_L7UUBH4xacpmQoVk2Y0) [Wes Anderson recreates Roald Dahl’s writing shed](=.EtRoylgZlMPgysyIa_0WI6bDjkRXTE8hPDmHcYnx6-A)[- Fun visual comparison in this short review by Austin Kleon. Itching to see Wes Anderson's take on The Wonderful Story of Henry Sugar. Fun fact: Anderson had stayed at Dahl’s house while he was making Fantastic Mr. Fox.](=.DhtY8a7xfj--rA4faIC7sf0dCp1SCZLAsgiXGwyJ1Lc) [Landing Page Hot Tip](=.RCvIII95HCERSCTUtiITeCo8QZkM81mDfv7j0Ap0huI) [Add a radial burst behind product imagery](=.qExQMP2ejc7DZ-QsZ6ydhsxjJ2Q0jo6aLS7iSiwKC6Y) Hot Tip #63 is to add a radial burst behind your product imagery. With only a few additional lines of CSS code, you can add another dimension to your Landing Page design. The [CSS Gradient tool](=.8Q_MbOe2q-YQYKxl4cmHbVG-3gNTWDqwc6LHO9EmCSU) can help generate the code for you online: [Add a radial burst behind product imagery](=.Us4JmsHw4Us0A5VaSouYuPEVwwLgVTbj4mw55CAWNaY) Here was the Hot Tip Landing Page without a radial burst: [Add a radial burst behind product imagery](=.FZ9V4Ai-AJ9tOaPYFikCmIMC2OSHgJgbAqQrUEmlce0) Here is the Landing Page with a radial burst: [Add a radial burst behind product imagery](=.0PTxbgcQxqA9QMRY8COcrHLF0uYG6UlVX39rGoWFnT4) With the addition of a drop-shadow on the image, a background radial burst can really add depth to the design, bringing your product imagery to life. ps. here is a collection of 100+ Landing Pages I’ve curated featuring [colorful gradients](=.GTEf1DH0-tClCKhq16Qocf4A37tQdWyJdjbMow6HM-4). [Your Curator](=.G2salDLQ97Db_M-mIUTjMHu-FWRi6yk-nmhstG0ha8Y) [Hey! I'm Rob Hope.](=.rT7YEvBayKb_dTHFSNOS0vxjTz-J1Js-4lWVIqs3QXU) If you are enjoying [One Page Love](=.-04Bmvajal0-wIfxluWIQo49cbt9vt3_zVynki0B7fM) and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope](=.PSXNT4NBL1Q3_md2dv54pR5PlNC90KTcaeTNAJ_iWEg) Spread the love about using: [onepagelove.com/letter](=.7F_4SttM7tQ2tyA8uCHfVFuyCu2-4i3vJCnH5uD7DBs) or forward this Love Letter #033 using: [this link](=.CmwVO93LeEyOPMgi3JUgdWu_0j5wK-_Hk8c0zUIYX2Y). Grab my [Landing Page Hot Tips Ebook](=.u-zZExn3n5ntvpH8GpxHZ-I_5Hp_PNcfIfYScre5bF0) (here is 40% off) Follow [@robhope](=.wE2oppxf26Q-pVSe-7hjARR8vLc1LDcmvn40eO68-w8) or [@onepagelove](=.WV4vBuHyDLgc9MsPXOZJhX90crOmcIsmO_3p7RQm79g) on Twitter Review the [Yo! Podcast](=.ZhhH84vbyUAT3KJCUOv1qe6ILHwPR111qioGIhduxe4) on [Spotify](=.JKVOZ06FEAm57sHVufstmPkLDsBZxX2k1t58vFdg1uU), [Google Podcasts](=.TKOo4WzuvVniD56qKHGQs-FNXCqJco3a0e2uR6nU8MM) or [Apple Podcasts](=.Yw4sKqWZUzxoQTY1WTBNb5zgtMPDHLkDFbmD5-mpTF4) Want to build a One Pager with no-code? [Get started free](=.3lg1xW1s-LXuRscB-TUei1Xw994UaJuDQVJuMa2W2lY) using [Webflow](=.ATNR5JwHo5n7LDffVpFAipNK9GWGr4j0y-TOodTzaV0) <3 [Unsubscribe](=.XzRiYvbA7nevmCUVhK3wJ78u2kvBZgFRmcvxIwZ0YDU) [Love Letter logo](=.XI39iuP26beF5OnQdcLy_Y0PQy0uDamYnA_Q256Rz8M)