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.
Below are my favorite websites, UI components, templates & finds featured on
One Page
Love since I last wrote. You can also read this edition online.
Hope it keeps the inspo topped up!
|
Much love,
|
|
Big shout-out to website builder Webflow for sponsoring this edition of the Love Letter. From design
to translation to SEO, Webflow Localization unlocks full customization of your
site for a global audience. No code required.
Preview Webflow Localization for free →
Get inspired with these unique Single Page websites (full
archive) featured on One Page Love over the past week.
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).
Necati
|
Fun vibes and copywriting throughout this One Pager (built with Framer) for Content On Demand, a unique bundled content
creation service.
Aishwarya AgrawalPro
|
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."
Jonas PelzerPro
|
Storytelling One Pager taking early access requests for Stop, a service to
help block sales emails. Lovely big type throughout including a big fun
footer!
heyjayPro
|
Clean Landing Page (built with Framer) promoting the VIP program for healthcare jobs
marketplace Vivian Health.
Rishad AmarkhelPro
|
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
|
|
Long-scrolling Landing Page templates (full
archive) to kickstart and validate your next idea quicker.
'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.
|
'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' 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.
|
Invest in building your brand. Or invest in discounting your products.
Your choice.
|
|
|
@clayhebert
|
|
A few resources for your next project but also some inspiring links to take a
break with. Experienced anything special recently? Holla.
Source
|
Landing Page Hot Tip
|
|
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 by Krzysztof Szafranek is
still the best explanation of font smoothing I’ve read.
|
If you are enjoying One Page
Love and the Love Letter editorial here are a few ways to help support the
work I do.
|
