5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T74e,

Switchpoint is a complete Framer website for the software vendor fighting an "X vs Y" search. Eight pages on a real design system, in a near-black treatment with one electric blue accent.

The difference is the switch cost. Every "why switch to us" page shows the saving and stops there. None of them price what leaving actually costs: the contract you still owe, the migration hours, retraining across every seat, and the days you run slow during the move. Switchpoint prices all four, then shows the month it turns positive. On its defaults, leaving a 4,800 a month incumbent with 3 months left on the contract costs 23,300 up front, saves 3,300 a month, breaks even in month 8, and finishes year one 16,300 ahead.

An uncomfortable number that survives procurement, and still holds at the renewal.

Eight pages plus a CMS detail template and a custom 404: home, the comparison index, one page per rival, pricing, contact with a working enquiry form, privacy and terms. Desktop, tablet and phone are laid out, including a drawer navigation.

Rivals are a CMS collection. Each one stores its own monthly cost, contract months remaining and migration hours as numbers, and those numbers pre-fill the calculator on that rival's page, so "vs whom" is a field the owner edits rather than page copy anyone has to rewrite. Feature comparison rows are per-rival rich text tables.

The hero is real WebGL: two models on a shared turntable, mirrored either side of a divider, with pointer parallax. The model is embedded in the component, so nothing depends on a CDN, and the whole scene is swapped out on phone and under reduced motion.

Every colour comes from one of nine tokens, so rebranding is a colour change rather than a rebuild. Demo rivals are fictional.

5a:[["$","$L5d",null,{"post":{"id":"01a00b73-d00c-74cf-8e23-9c9f0345d24b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71371","resolved":true,"title":"Switchpoint","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Switchpoint is a complete Framer website for the software vendor fighting an \"X vs Y\" search. Eight pages on a real design system, in a near-black treatment with one electric blue accent."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The difference is the switch cost. Every \"why switch to us\" page shows the saving and stops there. None of them price what leaving actually costs: the contract you still owe, the migration hours, retraining across every seat, and the days you run slow during the move. Switchpoint prices all four, then shows the month it turns positive. On its defaults, leaving a 4,800 a month incumbent with 3 months left on the contract costs 23,300 up front, saves 3,300 a month, breaks even in month 8, and finishes year one 16,300 ahead."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"An uncomfortable number that survives procurement, and still holds at the renewal."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Eight pages plus a CMS detail template and a custom 404: home, the comparison index, one page per rival, pricing, contact with a working enquiry form, privacy and terms. Desktop, tablet and phone are laid out, including a drawer navigation."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Rivals are a CMS collection. Each one stores its own monthly cost, contract months remaining and migration hours as numbers, and those numbers pre-fill the calculator on that rival's page, so \"vs whom\" is a field the owner edits rather than page copy anyone has to rewrite. Feature comparison rows are per-rival rich text tables."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The hero is real WebGL: two models on a shared turntable, mirrored either side of a divider, with pointer parallax. The model is embedded in the component, so nothing depends on a CDN, and the whole scene is swapped out on phone and under reduced motion."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Every colour comes from one of nine tokens, so rebranding is a colour change rather than a rebuild. Demo rivals are fictional."}]}]},"introduction":"SaaS vs pages with a calculator","slug":"switchpoint","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/DBhE9nKMzUOaxR025SVF01pvL00OlGfGdp4wa1xKUftOvk.m3u8","metadata":{"posterUrl":"https://image.mux.com/DBhE9nKMzUOaxR025SVF01pvL00OlGfGdp4wa1xKUftOvk/thumbnail.webp?time=1.88","aspectRatio":"4:3","duration":9.08}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0bb6a-99b6-7158-b69c-4e6d9e987378.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0bb6a-99bd-7286-90b0-79a4df488ac8.jpg","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":3001}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0bb6a-99a3-752c-be2e-f61e98bd83e4.jpg","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":2012}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0bb6a-99c7-75d5-882a-591081329ba4.jpg","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":1273}}],"post":null,"createdAt":"2026-08-16T16:42:13.901Z","updatedAt":"2026-09-19T20:45:26.235Z","publishedAt":"2026-08-16T16:42:13.897Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"129","paymentUrl":"https://buy.polar.sh/polar_cl_aWWWDECqLf3BILQCgSxEPLrgw0tsl8gXAgIMe1BIQ5F","remixUrl":null,"previewUrl":"https://switchpoint.framer.website/","categories":[{"id":2,"name":"SaaS","slug":"saas"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":208,"name":"Dark","slug":"dark"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T16:42:14.412Z","updatedAt":"2026-08-16T16:42:14.412Z","reported":false}}],"$L5f"]

Suggested for you