Love Letter #024 - DrakeRelated, big typography tip, atlas card reflection 💳

Forty, not out! Spent yesterday morning introducing Oli to Louis Armstrong, Ella Fitzgerald, Dave Brubeck and a few of my favs [Love Letter logo](=.kPugXJQYrrkpm5Uq_a7mkRfMVUbfH0L0rf3_c5KwBiY) [Love Letter](=.Dayq7R2Dd2aDczIXg1S2lrUN48MaZRpTOmZDuoCKcBE) [#024](=.fmyFu4SrNtIwRU5mjy7MSeY62eT41AHqb8CVj9btaDA) Turned [40](=.Ra1kv7pjle_t-BS-LvhCiCmz844dSDqL3NkMiZ4DUwg) yesterday! Here are 40 life lessons that... jk... here are my favorite websites, UI components, templates, domains & finds featured on [One Page Love](=.bI6dtTK3czeN9d1wvUncBq4NJllNKyuhvJUy7pj5AXw) since I last wrote. We're just getting started folks! [Rob Hope](=.p6eE1Y-6ENGmehzISaEUhGLAglBLhbWk0mjD7aDynEw) Much love, [Rob Hope] [Supported By](=.oUcxulU28nz2BiXEX6iLodpzQAcLIzDk7-Q_78I9hE0) [Design in Figma, launch in Webflow](=.ZDdM_P91yufNlPWjoEix-mEpcz-qGhby2eF-Rwg55xA) Big shout-out to website builder [Webflow](=.GF4xY_BlrIXxZgzS6H5QyKIMdP4zBKuA98tL_1klOXU) for sponsoring this edition of the Love Letter. Turn your static designs into clean, production-ready code with the [Figma to Webflow plugin](=.vSvtLxZhSMDZbmW2sB2MNgxPYcVoE2kW3g-pf7CuzG0). 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](=.WNeoOsUMPgRwO4duPPQGgHCrFxz-4L770qgRwIz6zpA) → [ Design in Figma, launch in Webflow](=.JLiy-qaxutkW0wF82dp5jc4R7Rj1xh0lWY-cXJkwv5o) [Get Inspired](=.MhNLmMjpxg_nUAAiWemLyYGDErx3mFUX7eQzeCcLGrA) [One Page website inspiration.](=.bpjPHz-mAa5F0Ft1WHuJ2Qooo0M3Uzmt5zTryNDy3ZM) Get inspired with these unique Single Page websites ([full archive](=.3zUGMJFqr-fldXFIb73IpBM6T0Ra8RjMf_rJlzWWw2g)) featured on One Page Love over the past week. [Atlas](=.0wpiI1ozX0qsAWmsijh7JkZuvo9Z2kTfgAUhtcpWzgE) [Atlas](=.Dms0i485yK_YQX6Z9nKAVm3kwQl-E3qWTToZS0_x-ws) [Visit ➝](=.pAyApM07T10boAE4APHAdIx0dpLbWKv6dGXqXKVUgrc) Beautifully designed, spacious One Pager for the Atlas rewards card. Lovely touch showcasing the card reflecting in soft light as the page loads. [Atlas](=.ZwadHG1_FhUl2bIJM76nZZfJjDV8MDHKeJDSt7cvwCw) [Atlas](=.Ldd7fzbp5ndFomhZDOFNS029agrMU2hKnmfflRfshig) [Patrick Mrozowski](=.0aGH4fczV4W9m-fcXeCGr37U0cBbi08VXUwKUDbCrBM) [Patrick Mrozowski](=.ugKmLQPOVGS4QuezYaKI0BDnn95P2b3_BTsAhZYNzKM) [Jorn van Dijk](=.tmzzydS1rpTypMAw5o9k_7-f4L9Tw_Zj65ZSxH10NLs) [Jorn van Dijk](=.Q9I6BOlAVetF3jkplepf3Uqw3P-8ykzsJq_m9gST2To) [Visit ➝](=.kxzzFcpcVeGBWjdipg6P3FqI7XRHcVVde6l2csMcPj4) Positive vibes in a spacious modular layout make this One Pager (built with [Framer](=.YDqEwRUTe-UDQ8zyo34b1UKRR_0HzXSOkEkoYSNlQ04)) for Jorn van Dijk a remarkable personal site. I really like how he integrated his [Yo! Podcast interview](=._jnzK8Q5IYlFs2iueNUZ2j2Ef3iovwEHzmYU7cNkDJ0) within the minimal play buttons. [Jorn van Dijk](=.kM6L6eYNv8ZTnU6nUY5cxG8Ax1XV6dZAi_1PfFTTsjs) [Jorn van Dijk](=.9GUaXmJiidHzxxrGq9glLE9rjsxnmeZsMaUPuPo8DFA) [Oppenheimer](=.Laj4OC79FZ6gGeEjrF1eKboiLMjw11bsyGOzcSKqTgI) [Oppenheimer](=.Xm9lKEgF58WNohTJ5r0EKLZujqRRQEippKntcyqsEUY) [Visit ➝](=.ilzcSWAZnPT2Mx6_c0Po31hi70IunythEIqiT11rnS8) Storytelling One Pager for the new Oppenheimer film. Once you enter you can scroll through 3D mapped scenes and a huge amount of interactive content. [BOND](=.MsWT7UOZeu_ecDkvj7vCIglEWCj5dYAyDiQyXr_YRyE) [BOND](=.ILjRIDg84YJAth-NlUrPGBl60SCHPRjb-cs7RV5HxcQ) [Talbica 3](=.ENMk7MkWabF9xMxHJPSFL6lqv-h134iwlcRSNdIkMFo) [Talbica 3](=.MyeMxc3TBP9cUOp2NPlGdQdsbeIHTlXvj-LximQtc68) [Visit ➝](=.oc3gmdjqrNa5WEiNH9pkI2Xt4OX6BSE7GJJ3s7NSLUc) Jam packed, informational One Pager for Talbica, a chemical toolset that includes the Periodic table, reaction solver and a database of chemical reactions. Read more about the project [here](=.sms-cQnYr7xbFcfdpE0dz_DCZv-q7v1bjwXc8L8Q2x4). [Andrew Marcus](=.aMzPFiK9zimM0QYHT1_6LZJTvnFzSRdJ6_Chyp2uVFg) [Andrew Marcus](=.ct_26hGGr0wqPNrlSaRS1P3iqugM8Lu0IusR8F8ppAU) [Supertape](=.6kVFb0BEhkz9STuhS4iwnvbY85i2jBj3EOoDLm1FsH0) [Supertape](=.vFoaiWodOJrysxeE7Aif2Rk4savYO2AnpvOnajmXrE0) [Visit ➝](=.Kfvy06ybjZBEf2UPJ2gmb9diVPlRTv3B5c2FFjtE-68) Minimal One Pager for Supertape, who aim to help musicians make websites that are always up-to-date. [Chance Graham](=.Wkh5GxSBkY2dZSe2naYh5_wOb54Pyy1auec6HBg0ocY) [Chance Graham](=.Hc5KVaOKYsMFX2NTtDIRhystqRojLRlE8wu5OWRsfDQ) [Matt Wigham](=.Jqb6NJISgbqUrWWIejNjwC3lI55JtfQbuJnz4toQEJU) [Matt Wigham](=.bikMFhLOu3XgOkCzW_Co-xr0boaPsT3De1NtpmaaEWM) [Herd](=.MQBzkY4u2HQeG_op9kkbIUMv3BQ5juhZLtomGMmRorQ) [Herd](=.wekZFB_mUxab1sY_Z37jnJZZcR8mWoqmzsuaw6F7NN8) [Visit ➝](=.Nkrvb1OzG-F4y7ktGIRJKL0Tp7ZxowlkBXE2Tt8TD_E) Neat touch making the menubar dropdown items interactive in this One Pager for Herd, a Laravel development environment for macOS. [Beyond Code](=.PF9V8_ALYYNWP7no3ahQ_c3UiYHwFpo6p-eYL9mpCNc) [Beyond Code](=.7LlolZrTAJx5Lsz51L8TENlOdbI7ceC0iHQ955Ufy18) [Noteworthy](=.VTJls2--YDFJsBRK9amgKgaJRiNgBfkC9k9Y4eGqDWc) [Interesting UI components.](=.f-M8d7qhY7vHW7R_8iTcsefZjv8uHW7kRyZ3Ssu48KY) Some recent page components ([full archive](=._kRbKbDyxGTqQPBEa_jxU-1EnnykBNcFbZhqP4PEXC4)) 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: Pest Shop Boys](=.HcmQ-I5WHta2M_Pu2aOMy55jhwhqPM8InbZwWk3br4w) [Pest Shop Boys easter egg](=.Z9hrhXNmEKFecMfojg73muqoY1cmmzS8j-Qn-Ksb-RE) [Debug ➝](=.KKHp3OL7-RJB0CW620mp54wnM3v-sdXRumLAMjcQ2wU) Pest Stop Boys is a UK-based pest control service. The home page (that was previously a One Pager) features a fun custom cursor revealing the deeper layer of bugs. I work all day in front of a MEDIUM screen, so I can sit all evening looking at a BIG screen while scrolling on a SMALL screen [Quoter](=.TykivFn5DNna0sl6HVKdgULwIke5dP5_ZwQFNlMxe9o) [@iamdevloper](=.w4wpj5ed_apaAbxzj8pfTXHhflvHYzQuVyArSKiLt5Y) [Validate Faster](=.nKf5CY0sm19O95rcUjmkpFY4dxCpl7Ae_fgiz0Llfy8) [Landing Page Templates.](=.-wTWdsGR-4TnQcHKnP3ilz4QJ0Bp1p67PyQF86FbRt4) Long-scrolling Landing Page templates ([full archive](=.rq0cYuLkLwft8yr-XkMq_L79-Z5DR6IpwnOd4ruiN4w)) to kickstart and validate your next idea quicker. [Berlin](=.T7h-f1wodGKUonVpPDOs8wV5xCp0ZhWiQ3C--gCn4EA) [Berlin Webflow Template](=.BD3we085YxufyuyJtxPOgsJH2ro307Rq1WvISdV2Qf4) [Demo](=.CqIFmf7Jmo5OCvBCO3blN1GaovrZ1SRLrvmYY83gT2A) [Clone $24](=.JwP7e-8WhJ6CoS9i-8g2Ys6JI4vDTEVMUGavPa1CShc) 'Berlin' is a [Webflow](=.VBirTxuBpyZadTiFhvRHQGZkBvmihkJ8bXJrQCMiYiE) Landing Page template built by [Wedoflow](=.LMUuKkjxEJDOsNM7FJTOuw3YRtzRJcRxWsZgv0QTAPw) to help promote your SaaS. The long scrolling vibrant design features a sticky header navigation, multiple device previews/screenshots, a big testimonial slider and ends with a strong FAQ section. [Carroll](=.cqUaY6uzYmPH0s8NExQmAo__43bb9urtXWKTNP1qgcU) [Carroll Squarespace Template ($16/month)](=.R4TEfSlCcAVJWJ2tJwfau66ZHdBwT-44GW5hHQA7OmE) [Demo](=.wHeDxakRWACzwE9zhgj7HLanPQ2Vco_LoTYcllGFe-g) [Get](=.KfMY70_iOB4QVRo3g7vr-TKMSV2AyVCOe382k4WO-Vw) 'Carroll' is a minimal [Squarespace](=.YqcbOUXUEA9PvFDEKKLF-rVqJq1tOZ4Chsbvaq6oWHo) template suited for an online résumé, personal site or even a neat One Page portfolio. [sqsp-article] [Pulse](=.hR9jDCf0v1J2eso2IQMoOdOwNuZpw50JSE8GRDOwpPc) [Pulse WordPress Theme](=.Ur-bGry2bdBMFQWmkGiO90dIZ_EmL22qIYNLGosSxJw) [Demo](=.V8TSodoFtZCzgzi-AtURDNqKDO0nXePX0OtNkMnbOlY) [Buy $69](=.I7_0Y-KRzMSTFnVXXkE6BuzjjFyjd--kSTtvWynCDYI) 'Pulse' is a multipurpose WordPress theme crafted by [Pirenko](=.ezb6U60L5mtB1Wp4mWz50A1avqFO_SjAnyuFUMXmWIE) with an impressive collection of [14 One Page layout options](=.3sqZrU4F4v4-8hfqdMFpOjx9OX7j5sGyU2etn0DyyAU). The screenshot demo featured here is the 'Agency Dark' layout and definitely one of my favorites. [Featured Tutorial](=.q1BMcZcqoeuADjDDmW1E3Gkxw-BYDNtxMsG8wUTmYdg) [5 ways to Identify Fonts in a Web Page](=.cqmi0KyxaHFkkM97xE1_jbuvn65EAHqw45FuyrrNr4M) So you are doing your thing browsing the web and stumble upon the illest font combo but you can't identify the typeface? This video/article I did has aged surprisingly well, I still use 3 of these method for One Page Love website reviews. [ 5 ways to Identify Fonts in a Web Page](=.10oLs858EH8St1as_616FSsO5rGW9jO4cJJ0JaIu_UI) [Available to register](=.4xv0QIU9ZAxRyM0XZA_m9ONcN1g4AS5SyZhmf6c4GxI) [Brandable dot com domains.](=.7L_oVvAu3ERBAKRQMPxftQBJrOsoicaHhVLSdd0WeeE) Give your side project a better first impression with these memorable dot com domains ([full archive](=.fgGPpiQycBzOnLIYdTZKqndJEr2FbmJoX4UEeYtaALY)) I handpicked recently. They are all available to register right now. Yup! First come, first serve. • [Primmia.com](=.sTJnpIn9C_AXtpKAuFvzUE2-jtN6NnzxruSnxhF2kxQ) • [Sentalo.com](=.Bh7Ai10DljHTf_xeIBI_FGcz85FgDrzuLaJAo85FxMQ) • [Vebie.com*](=.5RuX2k9VJK8GJic7ZH0osylO3aH-KB6BoGiO2EfNQz8) • [Liftro.com](=.3cvUp6_K-aMXJbqaSvoZyZyLewoUXVRT7SSOH3Q9jL4) • [Listely.com](=.LLsfO8YgxcEpb35Pp1mP1WxKQz2FCepVbtKC_xMkcW4) • [Alabaa.com](=.vZ_lhM6utfyC9FFENWBj3r3WBqrhesOFVyfWIpxoEKk) • [Jajub.com](=.GORcI1neeLrVmY7ZibndDmJ77uu7rV5nPTLqToAD6Mw) • [Woava.com](=.XpH6YcUcGefaXxvt-Q_c4onvqsJtsP4THBgHKRYXoO8) • [Dysra.com](=.WNBkvw2l5PjV1iGoUpoAM9iIP8LVdZXhhG7hdaAX01A) • [Amyio.com](=.6ApdTyD10OfoDBJbF4LEXZO4LhXVsqNe3vzQJhNB5jE) * just put this 5-letter domain on auction with only a $10 reserve [Featured Image](=.-BmSfxpqW40gS8nWMmbmhuOuOeoEmQoaU09k1CuPei4) [Source](=.QyGrr312uc7A-qhaFs3pip4KroiMzotdsi-yhM7HRRE) [Bonus](=.2pBgpXL85CGwIMwpzpgCH76vVnWZ8im4bI0QetPT0bc) [My favorite online finds.](=.v6OJ9_qlVMDLV8l0QGzVNURqsxbrqZLJqFUE2Dm5M1M) A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla. [DrakeRelated](=.xA6T9F6-JuflhqlzkdhtL6ICSWKdq4f1-I_lpFygj2I)[- Dang this new Drake x Shopify collab store is fun. Tons of interactive items within illustrated 3D scenes. Also... a $4,100 blanket lol](=.8dsmQ6Qpv0kTdxR7gP4XS9oExcy3n9eQkXyQ5vT1Gd8) [Template Shop](=.4PPxaxcj69x193WBUC3x-6-31JVbRQqYJKe0dbwMFT0)[- New template marketplace by Aaron Rolston featuring Website, Squarespace and Framer tempaltes. Curation is high, in a refreshing layout.](=.7Bh0TJajy2RL6ZhoBcGwf5yXAiooslp5_s9qQNyvBsY) [Gary Vee on Customer Attention](=.yVtlAnIlv5jpD5oTIuTxx_Z-H6NXB4dL2jJuqZa5qbA)[- What selling baseball cards taught GV about customer attention. An old classic and nudge to put yourself in your customers shoes/ via @MarcPerel](=._0TU_aie7WBgOvEwAQ_4_uW_F4ZBf94yK7Miv5xxFRA) [Restore Birdie](=.Wld7eiq_OjRTm9LHFNA8h5oT5AflEfhHya2Q6e9e4XE)[- Ultra lite Google Chrome extension to restore the blue bird Twitter logo on the site and the favicon in the browser tab.](=.LvfNxh_IUOQz8VlryyNoHW3dQyLiBSIqLQV-qVb2frw) [Arc v1.0 Credits](=.w_ZcfMR6LhKgbIoAmCZw7ZeeH-a3qFFZfXNDXBiENbw)[- Arc Browser asked their Beta testing members if they’d like to be part of Arc 1.0's credits page... over 34,000 replied. Classy move.](=.T-Dzpav71YrDp6wHc-rSyH3GH2Rw5X-wioaQcLhGZNY) [Gantung](=.gE3JldUEusmd1PMxuX0fUrKkk5SebF9rF7eZCoQ1irI)[- Customizable minimalist posters to print, by Gaddafi Rusli. Gantung is a term derived from Bahasa Malaysia (where Gaddafi is from), which means "hanging" or "to hang stuff up."](=.NWmidDSHEJIeSu0PjoFFQXIcwv--euPSHo0R_C68lGY) [Landing Page Hot Tip](=.ueyvmLUJPZSKqZkRWOr4duuMZJSZDDSq09h7SV189UA) [Tighten your big type](=.eBm95HWFkqgL7Syqsvvjb0ytJxDvBKwox17mi_-5vUs) Hot Tip #44 is to tighten your big typography. Font Kerning and Tracking is a tricky subject as not all typefaces need it. That said, it’s a good idea to experiment with your bigger fonts. Kerning is adjusting the space between 2 letters in a word. Tracking is adjusting the space between all the letters in the word. Here is a Font Tracking example: [Font Tracking](=.5ojJylt5kkSknUrwS5RwIV21ZJIlt-twLxJEHz29Z4U) Reducing the spacing between characters in your big intro copy can really tighten your Landing Page design. [Your Curator](=._FOp5iMoeqERqtCpI30MlK8IeDnsVxnt8cahVtWXcdQ) [Hey! I'm Rob Hope.](=.UcgDYqscm4sns6VAt80Yjm0sfc0vvDdXpyJQuoksoVg) If you are enjoying [One Page Love](=.GXIGn_j2tmtoxzOmlt3QyjmUebZ1p2NlP8T8hE7l1lc) and the Love Letter editorial here are a few ways to help support the work I do. [Rob Hope](=.Ay-Tr3WnJNj1Hd2uhe9msWkIIhEG0aRwxLYbgi0zOuo) Spread the love about using: [onepagelove.com/letter](=.6WYyflBCX5-XTyfxPTMPDzEBO20lxfk-2vEtpLbc6_c) or forward this Love Letter #024 using: [this link](=.4NXIhdeDR4se3kSzvhN4SWw_fqPUpXvHNxJtkGFPtZ4). Grab my [Landing Page Hot Tips Ebook](=.tvGTNbMBKFcnosfYhxAsAgIG8qq8TbSJjNSQhBvc5Oo) (here is 40% off) Follow [@robhope](=.y2blJJJ3NQqDWJXpuDJXd2i0SbV80yy_FrXEW6OuT4g) or [@onepagelove](=.MNAhTJ83wPk050yI5L46-fxLVOVVFp4pWaPw4NDa4CQ) on Twitter Review the [Yo! Podcast](=.Tz4oNcdwMn1une9tz8qgVm3PR8KHqp1I0uGq7Qd93kU) on [Spotify](=.C4myJ3mPM1kFCiO6No1EvFLQb1O_womCCHFgChMbmOo), [Google Podcasts](=.pkhqTUcdoGbj7vzjbN4YuvoN6SQ1rjDj5HIMZ85_-xw) or [Apple Podcasts](=.gkj0M-NN6URFNYyIhMw_RuGJbBb3GUDIJtk0IREEDLM) Want to build a One Pager with no-code? [Get started free](=.TQpUEmIYC6mmy7KiE0BhJQPCaXzM40Y3OQvtz012dNA) using [Webflow](=.vTT2yFqwfNV4Ynp9Cfy51m7hFVFjRcIceMzQeNiHius) <3 [Unsubscribe](=._1anEJLZ3X49n1IyYVl7TjN0rVI8T8mFgvQZUIYqfes) [Love Letter logo](=.Zo6BCtNwDbfA-CGhwVFCp9jaqQHBgMlT0uUmUqAHNW0)