Love Letter logo

The 43rd Love Letter by

One Page Love

Love Letter #043 43 sends in 44 weeks. Happy with that! Going to spend a bit of time offline and recharge for the new year.

2024 is already set to be a big one with a major focus on video content.

An online course. A new season of the Yo! Podcast with full video episodes. And a bunch of YouTube vids already scripted to help you strengthen your One Pagers.

Thanks for being a part of my journey online. See you again Jan 10th.

Rob Hope Cheers,
Rob

Supported by Framer

Holo Shader, now in Framer!

Introducing a brand new addition to our Shader library: Holo. A gradient shader that simulates how light splits into rainbows on holographic surfaces. Instead of colors, you control the math that shapes the colors, and the way the shader warps and flows. Holo is now available in the Insert Panel, under Shaders.

Holo Shader, now in Framer!

Get Inspired

One Page website inspiration.

Get inspired with these hand-picked Single Page websites I really enjoyed since I last wrote. View all recent entries.

Time To Refokus
Time To Refokus Visit →
Unique 3D animation in the hero area of this One Pager (built with Webflow) taking early access requests for the Time To Refokus mentoring program, launching early 2024.
constant performance®
constant performance® Visit →
Gorgeous hero 3D animation (created with Spline) in this One Pager showcasing the work by constant performance® digital agency.
Mo Rashidi
Mo Rashidi Visit →
One Page portfolio for product designer Mo Rashidi featuring projects laid out in a modular grid. Fun touch adding a memoji-style character of himself in the header navigation. Please note I've cropped out a few of his projects for screenshot purposes.
Glyph Supply
Glyph Supply Visit →
Clean One Pager (built with Framer) providing the shortcuts for our most loved glyphs that are uncommon on standard keyboards. Can really appreciate this whitespace!
Figue
Figue Visit →
Dark-schemed One Pager (built with Framer) promoting the unlimited design service of Figue. Fun touch popping out cartridges when hovering the pricing table.
Fontanello
Fontanello Visit →
One Pager for Fontanello - a browser extension for Chrome and Firefox that displays typographic styles of text by right-clicking. Lovely extra effort making the demo interactive just like your browser in-page menu would look. Big fan of One Pagers demonstrating the product within itself.

Validate Faster

Landing Page Templates.

Here are the Landing Page templates I really enjoyed recently. View all recent templates.

Pizza Guy
Pizza Guy
'Pizza Guy' is a fun Single Page Restaurant template crafted by Pema for the Webflow website builder. The exciting design features bold typography, image scroll animations, text scrollers, visual card menu, newsletter sign up and a vibrant customer review section.
Kaven
Kaven
'Kaven' is a One Page portfolio WordPress theme crafted by CocoBasic. The long-scrolling template features a fixed header navigation that scrolls to the portfolio sections. Also worth noting how the project can load extensive case studies within the page, keeping the visitor within the same scrolling experience.
“Building something worth copying is a milestone all on its own.”
@graceongrid

@graceongrid

Digital Snacks

My favorite online finds.

A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla.

Wedges - An open-source collection of UI components for React (and Figma) by the Lemon Squeezy crew.
Syosa Pixel Art - Syosa is a Japanese artist breathing life into pixel art, creating lush naturalistic diagrams of animal processes that range from food poisoning to digestive functions in herbivores. Wow those pixel birds!
Cool Loaders by Vijay Verma - Retro and fun loader animations using prototyping and smart components in Figma.
Heroicons Micro - Three hundred 16×16 icons for high density UIs. New update from the Tailwind CSS crew.
Krispy ($29) - Fun set of 15 Santa illustrations by Craftwork. Santa smoking a pipe with no shirt pm is quite a vibe.
Reassure during checkout - Hot Tip #72 is to reassure your visitors during the checkout process. Nerves are high. Settle them with these small reminders, strategically positioned near the checkout form: ⭐️ The average customer star rating 🍏 A small stack of well-known client logos 💳 A payment-related FAQ 💬 A short but comforting testimonial Also, try to include anything that adds transparency to the experience. This can alleviate any lingering doubts the visitor may have. Note how LearnUX