The 42nd Love Letter by

One Page Love

Love Letter #042 Finally shipped my new personal One Pager + blog, now built with Webflow using Mast.

Also been adding more visuals/context to my project graveyard. What a ride (failing forward) getting to work on OPL full-time!

Look out for a case-study soon on moving over from WordPress to Webflow. Wasn’t too bad and feels good to have a fresh start (with no plugins to update). Shout-out to Matt Evans for helping with the build.

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.

Necati Visit →

Energized personal site for front-end developer Necati Koçlu featuring stunning animations within his bento grid items. Thought it was also a lovely touch mentioning what he is currently learning (TypeScript + GoLang).

Content On Demand Visit →

Fun vibes and copywriting throughout this One Pager (built with Framer) for Content On Demand, a unique bundled content creation service.

Visual Expression in Web Design Visit →

Experimental One Pager (with content loading up in iFrames) demonstrating the Visual Expression in Web Design. Author Jonas Pelzer shares context "I'm developing an experimental design tool which aims to show that a large visual variance can be achieved by manipulating individual design parameters. To gain further insights, I created five single-page websites on different topics with fictitious content that can be designed with the tool on a desktop computer. To avoid design decisions being influenced by browser default styles, the design parameters are randomized at the beginning. Your contribution to designing one or more of these pages would be invaluable to my research. Results will be documented by clicking the submit design button at the end of your design process."

Vivian VIP Visit →

Clean Landing Page (built with Framer) promoting the VIP program for healthcare jobs marketplace Vivian Health.

Validate Faster

Landing Page Templates.

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

Ash

Demo Buy $24

'Ash' is a One Page portfolio template designed using modern trends and built for the Webflow platform. Features include parallax scrolling, big typography, accordion style projects section, team/services sliders and awards section. A great start for any creative studios and marketing agencies. There is a contact page link in the header (outside our rules) but allowing this template in as the design is top draw and single link easy to remove/edit.

Litho ReactJS

Demo Buy $20

'Litho' is a multipurpose ReactJS template crafted by ThemeZaa with over 37+ Landing Page demos. The theme demos are great starting points to save you a bunch of time and cover almost every category imaginable. Here is the Single Page portfolio demo where you would could out from the project thumbnails to live websites.

FF Product

Demo Buy $69

'FF Product' is a product Landing Page template built by Favorit × Frame for the Framer website builder. The template features everything you'll need to impress your customer with an Apple-esque animated scrolling experience.

“Advice for humans in their 20s: Learn a lifelong skill - examples: surfing, guitar, piano, drums, golf, skiing etc. just pick a year and put a ton of time then you’ll have it to enjoy the rest of your life.”

@hemeon

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.

The iA Notebook - "Watermark lines guide your pen. As your words come into focus, the lines fade into the background." - beautiful copy, beautiful product. Make sure you watch the short vid too with the ambient sounds.

Most Searched Playground - If you have a ton of work to do, this is a great place to procrastinate. Google have put together an interact scene to try find their 25 muot popular searches. h/t @jsnbrsc

Transparent Turntable - Sure a few purists will hate it but what a clean, ultra minimal design. h/t minimalissimo

Tiny Xmas Doodles - 18 adorable and charming illustrations that capture the whimsical spirit of Christmas.

How many things should there be? - Fun short reminder by Jason Cohen on our "productivity" to-do lists. The last point about archiving all email is gold too.

Mark Ruffalo on personal brands - Golden 3 nuggets of advice (when to quit, debt, personal brand) by Mark Ruffalo at 17min mark.

75 Design Podcasts - Curated list in Notion. Kinda stunned (and honored) that the Yo! Podcast is the only one from Africa 🌍

Try font smoothing - Hot Tip #59 is to consider font smoothing. Simply put, adding the CSS font-smooth property to a font will trim it down very slightly. While this effect won’t look great on all of your Landing Page typography, it’s particularly effective on ‘chunky’ fonts. When applied correctly, it can really help polish your typography. ps. this 14-year-old piece

onepagelove.com/letter

Landing Page Hot Tips Ebook

@robhope

Yo! Podcast

Get started free

Find specific references

29 page sections added

Over the past 2 weeks we have curated 29 new page section examples for inspiration:

Recent one-page section examples on One Page Love

Looking for coded page sections for your projects? We recommend Shadcnblocks, featuring 500+ copy-paste sections.

Subscribe to the Love Letter