Love Letter logo
The 63rd Love Letter by
One Page Love
2024 is done and dusted, friends.

My little boy, Oli, just turned 18 months. We soft-launched the Show Them course, season 3 of the Yo! Podcast was killer, I traveled back to London for Webflow Conf and I curated 300+ One Pagers - a solid year, I must say!

Below are my favorite websites & finds featured on One Page Love since I last wrote.

Thanks for the on-going support. I hope you had a good one, too :)

Rob Hope Much love,
Rob Hope
 
Supported by Webflow
Take control of HTML5, CSS3, and JavaScript in a completely visual canvas

Let Webflow translate your design into clean, semantic code thatโ€™s ready to publish to the web, or hand off to developers.

Get started โ€” it's free โ†’

 Take control of HTML5, CSS3, and JavaScript in a completely visual canvas
 
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.

ChainGPT Labs  
ChainGPT Labs Visit โž
  Impressive 3D hero animation that continues to wow as you scroll this One Pager (built with Webflow) for ChainGPT Labs. ChainGPT Labs is the venture capital and incubation arm of ChainGPT dedicated to Web3 projects. You can read the website case-study here.  
 
Granola  
Granola Visit โž
  Tons of tasty component designs throughout this One Pager for Granola AI notepad.  
 
Design Gal Studio  
Design Gal Studio Visit โž
  Colorful One Page portfolio (built with Framer) for Design Gal Studio led by Christine Maggi. Lots of inspiration to draw upon if you are looking to create a portfolio with flavour and personality. Remember people like to work with people and Christine has mastered this.  
 
OODOS  
OODOS Visit โž
  Gorgeous design and whitespace throughout this One Pager announcing OODOS, a select club of motor-connoisseurs to help make their (iconic) vehicles available to each other to drive.  
 
Le Petit Bleu  
Le Petit Bleu Visit โž
  Stylish, centrally-divided One Pager (built with Webflow) for the Le Petit Bleu cafe based in New Orleans. Please note I've stitch the screenshot together to try capture the elements but the experience is a fixed right-side slideshow.  
 
Busy Bar  
Busy Bar Visit โž
  One Pager (built with Tilda) promoting the Busy Status Bar device. What a wonderful, clear looping demo in the hero showing us exactly how easy it is to operate.  
 
Realvjyโ€™s Figma Plugins  
Realvjyโ€™s Figma Plugins Visit โž
  Fun One Pager showcasing the awesome Figma Plugins by Vijay Verma as game cartridges. Lovely touch with the shooting stars and universe background texture. You can find the Landing Page code on GitHub. ICYMI I interviewed Vijay on the Yo! Podcast.  
 
Refresh Studio  
Refresh Studio Visit โž
  Slick One Pager for Refresh Studio who specialise in UX/UI design. The team "working" section features interactive hot spots above each member to learn who they are and make sure you check out the testimonial slider, very impressive.  
 
on.studio  
on.studio Visit โž
  Unique project slider animation in this One Pager (built with Framer) for on.studio led by Ekrem Elmas.  
 
Monte  
Monte Visit โž
  Lovely minimal design throughout One Pager for the Monte coffee spot in Newcastle. What a lovely touch adding "Tomorrow from 7am" along with the weather prediction, as it's currently closed.  
 
 
Imagine trading an hour of doomscrolling a day for an hour of exercise a day and what your life would be like in a year.
Quoter
@rauchg
 
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.

Ideas Synth Ideas Synth - Tame Impalaโ€™s Kevin Parker debuts Orchid, a retro-futuristic chord machine blending music tech innovation with artistic design. The announcement video is WILD too.
Do nothing for a minute Do nothing for a minute - I dare you.
Figma Invoice Figma Invoice - Create and customize invoices directly in Figma. Another generous freebie by Vijay Verma.
Passport Photos Passport Photos - Very creative photography project by Max Siedentopf where he reveals the wild scenes happening below the cropped avatar.
Osmo Osmo - Explore the secrets of award-winning sites via cloneable resources. Real polished work this. Launching in 2025 and one not to miss.
Patagonia Email Journey Patagonia Email Journey - Our friends over at Email Love launched email journeys where you can follow a brands welcome, transactional and promotional sends.
Origin UI Origin UI - Copy-paste UI components for Tailwind CSS and Next.js. Site is blazing fast and it's open-source. Cheers Cruip team!
HTML for People HTML for People - Quality online resource to help learn HTML basics for free. Cheers Blake!
Democratising publishing Democratising publishing - John from Ghost writes about open source governance and how to create trust within technology, communities, and media.
Mocha Mousse Mocha Mousse - Pantone's Colour of the Year 2025.
Landing Page Inspo Landing Page Inspo - High quality round-up of the best inspiration sites out there. Includes a summary table of each. Cheers Adham for the effort here.
Bluesky Bluesky - I've just signed up and really enjoying it so far. Trying to also share more behind-the-scenes stuff here. Hit me up!
 
Featured Image Source
 
do shit before making a course on how to do shit.
Quoter
@namyakhann
 
New Interview
Millennial Business Podcast

Geenay (another South African!) had me on her new show. I share a lot of stuff I've never talked about before like how I work with brands on One Page Love. Also go deep into what it took to create the Yo! Podcast S3 in video. Tune in on YouTube, Spotify or Apple.

 Millennial Business Podcast
 
Landing Page Hot Tip
Alternate section background colors

Hot Tip #90 is to alternate section background colors.

Consider a slightly darker or lighter background color for every alternate Landing Page section. This design tip will also help contain section content better as a visitor scrolls.

Alternate section background colors
Alternate section background colors
To add spice, why not experiment by separating sections using wavy lines (above) or diagonal lines (below).

Alternate section background colors
Alternate section background colors

Enjoyed this Landing Page tip?

๐ŸŽŸ๏ธ Get 50% off my Ebook
๐ŸŽŸ๏ธ Get 50% off my Course - watch trailer

 
New Video
SaaS Landing Page Tips

Paying SaaS conversions are tough ๐Ÿ’ณ A smart move: capture leads on your SaaS landing page with a free trial or limited service. ๐Ÿ“ฌ But what should your page include to persuade them to try it and share their email? Here are a few tips...

 SaaS Landing Page Tips
 
Unsubscribe