The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
NEW! VAT Toggle for Framer
One component with two roles, a switch above your pricing and a price in every card, so the visitor picks excl. or incl. VAT and every amount recalculates at the rate for the country you sell in. Three looks for the switch, 30 country rates, and it takes your own type.
Putting the VAT switch above the pricing, with one rate driving every card, feels much cleaner than duplicating plans. The excl. state on that €29 card reads immediately.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
I usually don't stop at 3 breakpoints when building a website.
Most people think about: Mobile, Tablet, Laptop
I like adding one more: Desktop
Because what looks great at 1440px can feel completely different at 1920px...
- The layout gets too wide.
- Spacing starts feeling off.
- Content loses its balance.
So I like testing the system across: Mobile → Tablet → Laptop → Desktop
Not because every website needs exactly 4 breakpoints. But because responsive design isn't about making a few screen sizes work.
It's about making the whole system work.
Follow Rushabh for more website fundamentals, experiments, and things I learn while building for the web.
Wide screens expose spacing issues that laptop previews can hide.
The first transition sets the pace.
With RISE, the loader isn't there to create a spectacle. It's there to introduce the rhythm of the experience before the content even appears.
Calm, restrained, deliberate.
The interface starts communicating before you reach the first section.
The loader-as-pacing idea is smart, and the high-contrast lime/black system makes the transition feel intentional rather than decorative.
a longevity health membership asked me for the first ten seconds of their site. two opinionated directions, not four safe ones.
A · the instrument: https://onetwenty-direction-a.framer.website/
opens with how it works, shown through real product interface. the clearest version of what the category already does.
risk: one more health dashboard.
B · the publication: https://onetwenty-direction-b.framer.website/
opens with the reader's doubt, then explains. a big serif headline, one photo, a section that plays the idea out as you scroll.
risk: drifting into wellness.
the copy is nearly identical in both, on purpose. so the question isn't which one looks better:
which one would make you trust a health company with your blood and your data?
vote, and tell me why below.
10 voted
17%
49 voted
83%
59 votes
Closed
B look similar to this https://templatoria.com/templates/clearpath
templatoria.com
ClearPath — Framer Template for Therapists and Coaches
ClearPath is a warm Framer template for therapists, coaches, and personal growth professionals. Built for services, client stories, journals, and booking-focused websites.