61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T632,Hey everyone — solo creator here, shipping panel-driven code components since June. Quick August recap. Made free: Mini Poll, the three-step lead-capture poll. It's free for everyone now. The template: I tutor math for a living, and every "education" template I found was built by someone who had never run a class. So I built Mathlift — the site I'd actually want: results, a weekly schedule, programs, pricing, real legal pages, a contact form that sends. It's my first paid template. The interesting part was what happened next. Three blocks inside it turned out to be things every course, coaching, or tutoring page needs, so I pulled them out as standalone components: - Course Curriculum — the "what you'll learn" accordion. One lesson per line in the panel ("Title | 12:30 | free"), and module numbers, lesson counts, total hours, and badges compute themselves. No CMS collections. - Weekly Timetable — a day × time grid with open / full / no-class states. A timetable, not a booking widget: most sites only need to show the week. - Before After Counter — two numbers, not one. Before, after, and the gain counting up on scroll. Works for scores, revenue, load time. Also new: Status Page — a whole /status page in one drop, the sibling of the Trust Center I shared last month. All pure React + CSS, zero external libraries, zero layout shift, everything from the properties panel. The paid ones are on my profile if you want a look. Question for the room: if you build for coaches, courses, or schools — what's the block you still end up hand-building every time?63:T46d,🏛✨ Preserve History. Inspire Curiosity. – Museum Website Design & Development using @Framer 💻🎨 We design immersive, informative, and visitor-focused websites for museums, galleries, cultural institutions, heritage centers, historical attractions, science museums, and art exhibitions. Our websites combine compelling visual storytelling with modern UI/UX — featuring exhibition highlights, collection showcases, event calendars, ticket booking, guided tour information, membership programs, donation options, educational resources, visitor information, virtual tours, news updates, and fully responsive layouts. Whether you manage an art museum, history museum, cultural center, science exhibition, or heritage destination, we create digital experiences that make your collections more accessible, attract more visitors, and strengthen your institution’s online presence. Built using @Framer our solutions are optimized for performance, storytelling, accessibility, and long-term growth. Designed to educate. Built to inspire discovery. 🖼📲🚀 📩 Want to view a full live Museum website demo? Message me now!64:T400,

Most pricing sections quietly lose the sale, and it is not the price.

After 19 years designing sites, the pattern I see most on course, coaching, and service pages: the pricing section is built for the seller, not the buyer. It lists what the seller offers. It does not answer the one question the buyer is actually asking: which one is for me, and what happens if I pick wrong.

Four things that fix it:

1. Name the buyer, not the tier. "For solo founders" beats "Starter".

2. Anchor with a real "most popular". One visual focal point, not three equal columns.

3. Kill the fear. A refund line, a cancel-anytime, or a "talk to me first" link does more than another feature bullet.

4. Answer "what if I need more" right there, so nobody leaves to go hunting.

Price rarely kills a sale on its own. Uncertainty does.

What is the one line you always add to a pricing section that earns its place?

65:T499,

How to break the green-grid look in AI hero sections

I have looked at a lot of AI landing pages this month and almost all of them reach for the same hero background: a green wireframe or particle topography on near-black. It reads as "AI" instantly, which is exactly the problem. When every AI brand uses the same shorthand, it stops signaling "AI" and starts signaling "same as the last ten sites".

If the brand promise is trust, calm, or being the un-hyped option, the default look quietly works against it. Three ways I break out of it:

1. Pick the palette from the emotional job, not the category. A restrained mono or a warm amber can feel more premium and more human than another neon-green grid.

2. Run one accent through the hero and the CTA so the section reads as one system, not a stock background with buttons dropped on top.

3. Fade any pattern out before the logo row so social proof keeps its contrast.

The layout is usually already strong. The background is where most AI sites quietly give away their originality. What are you using instead of the green grid?

66:T55f,

Enzo is a complete website for restaurants that sell more than dinner.

Seven service menus, a ticketed events calendar, two membership tiers, and a catering pipeline, all running on the CMS. Change a price, add an event, or launch a new season without touching the layout.

Eight pages plus CMS event detail pages, each event with its own ticket block. Reservation, ordering, and gift card buttons are wired and ready for OpenTable, Resy, Toast, or whatever you already use.

Warm red and cream, italic display type, and editorial space for your photography. Remix it, add your logo, publish.

Features

8 designed pages plus CMS event detail pages
Switchable service menus on a single page
CMS menu items with prices, descriptions, and dietary tags
Ticketed event pages with quantity selector and map
Month calendar of upcoming events
Past events, venues, and gallery collections
Two-tier membership comparison with benefits
10-field catering inquiry form
Contact form and newsletter signup
Reservation, ordering, gift card, and careers links ready to connect
Responsive on desktop, tablet, and mobile
Real content throughout, no lorem ipsum

67:T5f8,

Harbor is for cafe and coffee shop owners who want a website that feels like their space: warm, unhurried, and premium. Built around the idea of the joyful pause, it pairs a calm maritime aesthetic with everything a food and drink business needs to convert visitors: a browsable menu, combo offers, testimonials, and a built-in reservation form.

Generous whitespace, soft typography, warm photography slots, and an animated marquee tagline give Harbor a personality most restaurant templates don't have, while smooth carousels and clear calls to action keep visitors moving toward a booking.

The layout is fully responsive across desktop, tablet, and mobile; menu items are CMS-powered so you can update offerings without touching the design; and every section is built with clean stacks that are easy to rearrange. Swap the images, update the menu, connect your details, and launch the same day.

Features

Built-in table reservation and booking form
Combo deals section with savings callouts
Testimonials and social proof section
Animated marquee tagline and smooth carousel interactions
Individual product detail pages plus an all-products catalog
Fully responsive on desktop, tablet, and mobile
Clean, organized layers and stacks for easy customization
SEO-ready semantic structure with page titles and alt text
Custom 404 page included

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-8a3c74b3-2623-4203-b165-fd6d81c9e134-all:/unified/creator/8a3c74b3-2623-4203-b165-fd6d81c9e134/activity/":[{"data":[{"id":"01a0af22-a4a5-70d2-92d6-9ba400a9a9b3","type":"comment.created","target":{"type":"post","id":"01a0af16-324d-709e-8aa3-94ce532371ab","preview":"@Framer designers: \nfor client work, which communication style \nworks better for you?\n1. Video meetings\n2. Async email\nI personally prefer async email. More focused, documented, and easier to manage without unnecessary meetings.\nCurious what works better for you.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" designers: "}]},{"type":"paragraph","content":[{"type":"text","text":"for client work, which communication style "}]},{"type":"paragraph","content":[{"type":"text","text":"works better for you?"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Video meetings"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Async email"}]},{"type":"paragraph","content":[{"type":"text","text":"I personally prefer async email. More focused, documented, and easier to manage without unnecessary meetings."}]},{"type":"paragraph","content":[{"type":"text","text":"Curious what works better for you."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0af16-324d-709e-8aa3-94ce532371ab","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0af22-a478-75b8-9e54-cd0189962e31","preview":"Both, but split by phase. I run one video call at kickoff to align on goals and read what the client actually cares about, then keep the rest async over email or a shared doc so every decision is written down and nothing gets lost in a call nobody recorded. Async also respects time zones and gives me a clean paper trail if scope ever gets questioned. I only jump back to video when something is stuck or tense and needs a real conversation. Kickoff and conflict on video, everything else async has worked best for me across years of client work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Both, but split by phase. I run one video call at kickoff to align on goals and read what the client actually cares about, then keep the rest async over email or a shared doc so every decision is written down and nothing gets lost in a call nobody recorded. Async also respects time zones and gives me a clean paper trail if scope ever gets questioned. I only jump back to video when something is stuck or tense and needs a real conversation. Kickoff and conflict on video, everything else async has worked best for me across years of client work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0af16-324d-709e-8aa3-94ce532371ab","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0af22-a478-75b8-9e54-cd0189962e31"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T11:31:18.309Z","latestAt":"2026-09-17T11:31:18.309Z"},{"id":"01a07b01-70c6-7671-9828-80f1b33851af","type":"comment.created","target":{"type":"post","id":"01a07ae7-ac4a-74c1-8d12-4de34312b9bf","preview":"$62","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone — solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick August recap."}]},{"type":"paragraph","content":[{"type":"text","text":"Made free: Mini Poll, the three-step lead-capture poll. It's free for"}]},{"type":"paragraph","content":[{"type":"text","text":"everyone now."}]},{"type":"paragraph","content":[{"type":"text","text":"The template: I tutor math for a living, and every \"education\" template I"}]},{"type":"paragraph","content":[{"type":"text","text":"found was built by someone who had never run a class. So I built Mathlift"}]},{"type":"paragraph","content":[{"type":"text","text":"— the site I'd actually want: results, a weekly schedule, programs,"}]},{"type":"paragraph","content":[{"type":"text","text":"pricing, real legal pages, a contact form that sends. It's my first paid"}]},{"type":"paragraph","content":[{"type":"text","text":"template."}]},{"type":"paragraph","content":[{"type":"text","text":"The interesting part was what happened next. Three blocks inside it turned"}]},{"type":"paragraph","content":[{"type":"text","text":"out to be things every course, coaching, or tutoring page needs, so I"}]},{"type":"paragraph","content":[{"type":"text","text":"pulled them out as standalone components:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Course Curriculum — the \"what you'll learn\" accordion. One lesson per"}]},{"type":"paragraph","content":[{"type":"text","text":"line in the panel (\"Title | 12:30 | free\"), and module numbers, lesson"}]},{"type":"paragraph","content":[{"type":"text","text":"counts, total hours, and badges compute themselves. No CMS collections."}]},{"type":"paragraph","content":[{"type":"text","text":"- Weekly Timetable — a day × time grid with open / full / no-class states."}]},{"type":"paragraph","content":[{"type":"text","text":"A timetable, not a booking widget: most sites only need to show the week."}]},{"type":"paragraph","content":[{"type":"text","text":"- Before After Counter — two numbers, not one. Before, after, and the gain"}]},{"type":"paragraph","content":[{"type":"text","text":"counting up on scroll. Works for scores, revenue, load time."}]},{"type":"paragraph","content":[{"type":"text","text":"Also new: Status Page — a whole /status page in one drop, the sibling of"}]},{"type":"paragraph","content":[{"type":"text","text":"the Trust Center I shared last month."}]},{"type":"paragraph","content":[{"type":"text","text":"All pure React + CSS, zero external libraries, zero layout shift,"}]},{"type":"paragraph","content":[{"type":"text","text":"everything from the properties panel. The paid ones are on my profile if"}]},{"type":"paragraph","content":[{"type":"text","text":"you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: if you build for coaches, courses, or schools —"}]},{"type":"paragraph","content":[{"type":"text","text":"what's the block you still end up hand-building every time?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a07ae7-ac4a-74c1-8d12-4de34312b9bf","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a07b01-7098-76ca-a5ba-682391f22017","preview":"For me it is the enrollment and pricing block. Every course pricing component assumes clean SaaS tiers, but education pricing is messy: cohort vs self-paced, pay-in-full vs payment plan, a cohort start date, and seats-left or enrollment-closing urgency. I rebuild that every time. The other one is a proof block that pairs a testimonial with a concrete outcome, the named result and not just a quote, since that is what actually closes an education sale. Your Before After Counter is smart for exactly that reason.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For me it is the enrollment and pricing block. Every course pricing component assumes clean SaaS tiers, but education pricing is messy: cohort vs self-paced, pay-in-full vs payment plan, a cohort start date, and seats-left or enrollment-closing urgency. I rebuild that every time. The other one is a proof block that pairs a testimonial with a concrete outcome, the named result and not just a quote, since that is what actually closes an education sale. Your Before After Counter is smart for exactly that reason."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07ae7-ac4a-74c1-8d12-4de34312b9bf","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a07b01-7098-76ca-a5ba-682391f22017"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T08:34:47.110Z","latestAt":"2026-09-07T08:34:47.110Z"},{"id":"01a07aff-74c3-7350-a6eb-9e8d6ebe284c","type":"comment.created","target":{"type":"post","id":"01a07ad3-8602-74dc-93e8-fc37fb96b5d1","preview":"Blank screen still needs something , what should go there? 👀 \nWIP hero section of an online course selling site","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Blank screen still needs something , what should go there? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"WIP hero section of an online course selling site"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/794b13f2-c2fb-43c2-aa24-1244e20e014c/01a07ad3-0f34-71af-963c-57a9e5dda250.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a07ad3-8602-74dc-93e8-fc37fb96b5d1","like":{"count":29,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a07aff-74a9-72c0-b519-e3351c2c50c7","preview":"For a course hero I would put the product itself in that screen: a short looping clip of the actual lesson player, video running, chapter list on the side, progress bar moving. Course buyers decide on what the inside looks like, so the real player converts better than a generic dashboard. Keep it 8 to 10 seconds, muted, with a poster frame so there is no blank flash on load. If you want it lighter, one sharp screenshot of the player mid-lesson does most of the same work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For a course hero I would put the product itself in that screen: a short looping clip of the actual lesson player, video running, chapter list on the side, progress bar moving. Course buyers decide on what the inside looks like, so the real player converts better than a generic dashboard. Keep it 8 to 10 seconds, muted, with a poster frame so there is no blank flash on load. If you want it lighter, one sharp screenshot of the player mid-lesson does most of the same work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07ad3-8602-74dc-93e8-fc37fb96b5d1","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a07aff-74a9-72c0-b519-e3351c2c50c7"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T08:32:37.059Z","latestAt":"2026-09-07T08:32:37.059Z"},{"id":"01a06663-360a-7732-b881-95eb7585ba12","type":"comment.created","target":{"type":"post","id":"01a06660-b9fd-741b-b158-bd09760ce3f4","preview":"Some websites are built to get attention.\nOthers are built to make people feel something.\nVelawell was created for wellness brands that believe their online presence should feel calm, intentional, and human from the very first interaction.\nIf that's the kind of experience you want to create, Velawell might be for you.\nExplore Velawell → [link]","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Some websites are built to get attention."}]},{"type":"paragraph","content":[{"type":"text","text":"Others are built to make people feel something."}]},{"type":"paragraph","content":[{"type":"text","text":"Velawell was created for wellness brands that believe their online presence should feel calm, intentional, and human from the very first interaction."}]},{"type":"paragraph","content":[{"type":"text","text":"If that's the kind of experience you want to create, Velawell might be for you."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore Velawell → ["},{"type":"text","text":"link","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://velawell.framer.media/","target":"_blank"}}]},{"type":"text","text":"]"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2f49500c-11de-4203-9661-daca0508bf7b/01a0663a-9bbc-74ba-8139-d654a73fd1e8.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a06660-b9fd-741b-b158-bd09760ce3f4","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a06663-35f3-75bd-b082-7ed88bf251e7","preview":"This lands the brief. The warm palette and that editorial serif say \"calm wellness\" far more convincingly than any stock meditation shot would, and the \"Slower Mind\" hero line is a strong, specific hook. One idea from a few wellness builds I have done: this niche lives on pacing, so slow the section reveals a touch and protect the whitespace on mobile, where calm usually gets compressed away. Worth pressure-testing the testimonial block with a real three-line quote too, so the 4.6/5 stat row keeps its balance. Nice work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This lands the brief. The warm palette and that editorial serif say \"calm wellness\" far more convincingly than any stock meditation shot would, and the \"Slower Mind\" hero line is a strong, specific hook. One idea from a few wellness builds I have done: this niche lives on pacing, so slow the section reveals a touch and protect the whitespace on mobile, where calm usually gets compressed away. Worth pressure-testing the testimonial block with a real three-line quote too, so the 4.6/5 stat row keeps its balance. Nice work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a06660-b9fd-741b-b158-bd09760ce3f4","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a06663-35f3-75bd-b082-7ed88bf251e7"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T08:29:33.066Z","latestAt":"2026-09-03T08:29:33.066Z"},{"id":"01a06662-7e15-7726-aabc-35fd059a4bc5","type":"comment.created","target":{"type":"post","id":"01a06660-64f9-7709-9f71-2013fbe742fe","preview":"Made in Framer prior to agents being trained to do 3d stuff. \nWondering if agents could do this as there are lots of trickery going on.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made in Framer prior to agents being trained to do 3d stuff. "}]},{"type":"paragraph","content":[{"type":"text","text":"Wondering if agents could do this as there are lots of trickery going on."}]}]},"thumbnail":"https://image.mux.com/dld6VoK9cWblxav4xWur9QRUpCZlFBQiMSS5802syVSM/thumbnail.webp?time=3.167","targetDeleted":false,"owned":false,"actions":{"postId":"01a06660-64f9-7709-9f71-2013fbe742fe","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a06662-7df3-7792-a430-1c697c582f0e","preview":"Really nice motion, the way the light wraps that edge is what sells the depth. My hunch is an agent would struggle, because most Framer \"3D\" like this is not a real 3D scene. It is layered planes with perspective transforms, a hand-tuned gradient for the lighting, and scroll or time driven rotation. An agent can name the parts but not the choreography: the exact easing and layer offsets that make it read as solid. That tuning is where the craft lives. Curious how many layers you ended up stacking for this.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really nice motion, the way the light wraps that edge is what sells the depth. My hunch is an agent would struggle, because most Framer \"3D\" like this is not a real 3D scene. It is layered planes with perspective transforms, a hand-tuned gradient for the lighting, and scroll or time driven rotation. An agent can name the parts but not the choreography: the exact easing and layer offsets that make it read as solid. That tuning is where the craft lives. Curious how many layers you ended up stacking for this."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a06660-64f9-7709-9f71-2013fbe742fe","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a06662-7df3-7792-a430-1c697c582f0e"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T08:28:45.973Z","latestAt":"2026-09-03T08:28:45.973Z"},{"id":"01a06142-449d-77f5-90aa-3bba98d4c65b","type":"comment.created","target":{"type":"post","id":"01a06126-0cdf-73fe-8f33-e1ea43c1d267","preview":"I’ve been hard at work refining this component throughout the week, excited to finally share the progress!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I’ve been hard at work refining this component throughout the week, excited to finally share the progress!","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/U02WV2cAY9kN67YHuTu2VnIQ7ZYp2r2SNxvsNbo00028Cc/thumbnail.webp?time=8.218","targetDeleted":false,"owned":false,"actions":{"postId":"01a06126-0cdf-73fe-8f33-e1ea43c1d267","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a06142-4488-7338-ba6f-c3518e01c7e9","preview":"This is looking great. The way the gold only washes over part of the relief, so the matte marble and the metallic catch sit side by side, is the detail that sells it. One small idea: if the sweep is not already tied to cursor position or scroll progress, driving it off one of those makes the light feel like it is reacting to the viewer instead of looping. Worth gating it behind prefers-reduced-motion too. Nice work refining this.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is looking great. The way the gold only washes over part of the relief, so the matte marble and the metallic catch sit side by side, is the detail that sells it. One small idea: if the sweep is not already tied to cursor position or scroll progress, driving it off one of those makes the light feel like it is reacting to the viewer instead of looping. Worth gating it behind prefers-reduced-motion too. Nice work refining this."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a06126-0cdf-73fe-8f33-e1ea43c1d267","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a06142-4488-7338-ba6f-c3518e01c7e9"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T08:35:28.029Z","latestAt":"2026-09-02T08:35:28.029Z"},{"id":"01a06140-f239-73e7-a19f-c75f5ac70dad","type":"comment.created","target":{"type":"post","id":"01a060f6-2ca6-73da-b356-092fc40d1de4","preview":"Guys where is the analytics? that shows clicks, remixes, users etc??\nI can't find them","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys where is the analytics? that shows clicks, remixes, users etc??"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I can't find them"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a060f6-2ca6-73da-b356-092fc40d1de4","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a06140-f219-770e-86f4-c1496112b108","preview":"Same gap for me since the 3.0 merge. It helps to split what you might mean, because they sit in different spots now. Post likes, replies and reposts are under the Account menu, then Activity. Referral upgrade earnings are the dub link Matt shared above. Template views and remixes are the one I also cannot find in the old combined creator-space view: not on the public listing page, and no standalone dashboard I can see in the new nav. Matt is here from the Framer side, so he is the best person to confirm where that template analytics view moved. If you get an answer, please drop it here, I want it too.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Same gap for me since the 3.0 merge. It helps to split what you might mean, because they sit in different spots now. Post likes, replies and reposts are under the Account menu, then Activity. Referral upgrade earnings are the dub link Matt shared above. Template views and remixes are the one I also cannot find in the old combined creator-space view: not on the public listing page, and no standalone dashboard I can see in the new nav. Matt is here from the Framer side, so he is the best person to confirm where that template analytics view moved. If you get an answer, please drop it here, I want it too."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a060f6-2ca6-73da-b356-092fc40d1de4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a06140-f219-770e-86f4-c1496112b108"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T08:34:01.401Z","latestAt":"2026-09-02T08:34:01.401Z"},{"id":"01a0609f-a71c-76e3-8925-ca5b2ace126b","type":"comment.created","target":{"type":"post","id":"01a0608c-5351-76af-aab9-d893aa0ddf6a","preview":"Right now, I'm working on a website template for a padel club. And this is the hero section. What do you think? :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Right now, I'm working on a website template for a padel club. And this is the hero section. What do you think? :)"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18f5e39a-2d61-4a67-843a-3b4fc95a7f96/01a0608b-9ee1-7613-9f04-f45908b18fe8.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a0608c-5351-76af-aab9-d893aa0ddf6a","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0609f-a703-718a-a0b0-b9d51d7aa1f2","preview":"Really strong direction. The clay-court tone with the white line illustrations is a distinctive, ownable look, and the copy sells it: \"a coach who actually watches, and a terrace that stays open long after the last rally\" is exactly the kind of specific that makes a local club feel real. Two things I would tighten. The subtext line and the Alcantara and hours strip are low-contrast on the busy court photo, so the sentence that actually sells the place is hard to read. A subtle dark scrim behind that text block, or a bit more weight, would fix it. And the photographic player serving in the middle sits inside your clean line-art set and right behind the headline, which muddies an otherwise consistent illustration system. I would either render that figure as line art too, or move it out of the text's path. The system you built is the strong part, so protect it. Nice work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really strong direction. The clay-court tone with the white line illustrations is a distinctive, ownable look, and the copy sells it: \"a coach who actually watches, and a terrace that stays open long after the last rally\" is exactly the kind of specific that makes a local club feel real. Two things I would tighten. The subtext line and the Alcantara and hours strip are low-contrast on the busy court photo, so the sentence that actually sells the place is hard to read. A subtle dark scrim behind that text block, or a bit more weight, would fix it. And the photographic player serving in the middle sits inside your clean line-art set and right behind the headline, which muddies an otherwise consistent illustration system. I would either render that figure as line art too, or move it out of the text's path. The system you built is the strong part, so protect it. Nice work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0608c-5351-76af-aab9-d893aa0ddf6a","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a0609f-a703-718a-a0b0-b9d51d7aa1f2"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T05:37:50.876Z","latestAt":"2026-09-02T05:37:50.876Z"},{"id":"01a0609e-0d46-732c-a604-dabdaadfbe7f","type":"comment.created","target":{"type":"post","id":"01a0608f-dfea-73a2-938b-2cf9730662ca","preview":"Day 14 of building Flow — my UI/UX design project 🚀\nToday, I created more screens and revisited some of my earlier design decisions. I compared the first version (A) with the improved version (B) and refined several small details to make the experience clearer and more intuitive.\n1. Changed the X (exit) button to a back button for clearer navigation\n2. Changed “2/4” to “2 of 4” for better clarity\n3. Improved typography and color hierarchy\n4. Added info icons to explain unfamiliar fields\n5. Refined states for a more subtle and premium look\n6. Changed “Continue” to “Save & continue” to better match the context\nSmall iterations, but each one has a purpose.\nWhich design do you prefer — A or B? 👇\nFollow the project: https://www.figma.com/design/a9BOd8eltqp038l6LkToHb/Flow---Fintech-App?node-id=394-2459&t=8VLXpCbYSlSdCzDF-1","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Day 14 of building Flow — my UI/UX design project "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Today, I created more screens and revisited some of my earlier design decisions. I compared the first version (A) with the improved version (B) and refined several small details to make the experience clearer and more intuitive."}]},{"type":"paragraph","content":[{"type":"text","text":"1. Changed the X (exit) button to a back button for clearer navigation"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Changed “2/4” to “2 of 4” for better clarity"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Improved typography and color hierarchy"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Added info icons to explain unfamiliar fields"}]},{"type":"paragraph","content":[{"type":"text","text":"5. Refined states for a more subtle and premium look"}]},{"type":"paragraph","content":[{"type":"text","text":"6. Changed “Continue” to “Save & continue” to better match the context"}]},{"type":"paragraph","content":[{"type":"text","text":"Small iterations, but each one has a purpose."}]},{"type":"paragraph","content":[{"type":"text","text":"Which design do you prefer — A or B? "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Follow the project: "},{"type":"text","text":"https://www.figma.com/design/a9BOd8eltqp038l6LkToHb/Flow---Fintech-App?node-id=394-2459&t=8VLXpCbYSlSdCzDF-1","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.figma.com/design/a9BOd8eltqp038l6LkToHb/Flow---Fintech-App?node-id=394-2459&t=8VLXpCbYSlSdCzDF-1","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ce6c1f8a-8ca8-4bc8-b48b-f0d23ce1c344/01a0608f-a310-73b8-b149-5692597617fa.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0608f-dfea-73a2-938b-2cf9730662ca","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0609e-0d2a-773e-8eb6-df8148bb59cb","preview":"B, clearly. The info icons on the official-document fields plus the \"exactly as they appear\" subtext are the right call for a KYC step, and swapping the X for a back button fits a mid-flow screen much better. One thing I have learned from designing a fair number of these forms: a tooltip behind an info icon needs a tap and stays hidden until then, so on the fields people actually stumble on (GSTIN format, or legal vs trading name) an always-visible one-line hint or a sample-format placeholder usually beats the tucked-away icon. Keep the icon for the longer \"why we ask\" note. And if the 2 of 4 step indicator is still there in B, I would keep it visible. Nice iteration.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"B, clearly. The info icons on the official-document fields plus the \"exactly as they appear\" subtext are the right call for a KYC step, and swapping the X for a back button fits a mid-flow screen much better. One thing I have learned from designing a fair number of these forms: a tooltip behind an info icon needs a tap and stays hidden until then, so on the fields people actually stumble on (GSTIN format, or legal vs trading name) an always-visible one-line hint or a sample-format placeholder usually beats the tucked-away icon. Keep the icon for the longer \"why we ask\" note. And if the 2 of 4 step indicator is still there in B, I would keep it visible. Nice iteration."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0608f-dfea-73a2-938b-2cf9730662ca","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0609e-0d2a-773e-8eb6-df8148bb59cb"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T05:36:05.958Z","latestAt":"2026-09-02T05:36:05.958Z"},{"id":"01a04256-d1d7-759c-98cb-678b63c15edc","type":"comment.created","target":{"type":"post","id":"01a0420b-288e-74d2-86b5-0d96e16bc03b","preview":"Sharing one of my favorite parts of Luneo, my new @framer template \nThe project page. \nYou can filter projects without breaking the layout or making the page feel messy. Honestly, this is one of the details I love most about the template.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sharing one of my favorite parts of Luneo, my new "},{"type":"text","text":"@framer ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]},{"type":"text","text":"template "}]},{"type":"paragraph","content":[{"type":"text","text":"The project page. "}]},{"type":"paragraph","content":[{"type":"text","text":"You can filter projects without breaking the layout or making the page feel messy. Honestly, this is one of the details I love most about the template."}]}]},"thumbnail":"https://image.mux.com/3J1YFZfMb9cs1BaQWYU6TW8E6yTLq400UNWyz6IYA6T8/thumbnail.webp?time=3.6","targetDeleted":false,"owned":false,"actions":{"postId":"01a0420b-288e-74d2-86b5-0d96e16bc03b","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a04256-d1b3-723f-ae13-1bd237f07148","preview":"Filterable grids usually fall apart in two spots: the empty state when a category has no projects, and the layout jump when the count changes and cards reflow. Curious how you handled those in Luneo. If the reflow animates rather than snaps, that is a big part of why this reads clean instead of messy. The category row across the top is a smart call too, it lets people self-select without a dropdown standing between them and the work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Filterable grids usually fall apart in two spots: the empty state when a category has no projects, and the layout jump when the count changes and cards reflow. Curious how you handled those in Luneo. If the reflow animates rather than snaps, that is a big part of why this reads clean instead of messy. The category row across the top is a smart call too, it lets people self-select without a dropdown standing between them and the work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0420b-288e-74d2-86b5-0d96e16bc03b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a04256-d1b3-723f-ae13-1bd237f07148"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-27T08:29:41.207Z","latestAt":"2026-08-27T08:29:41.207Z"},{"id":"01a04256-0965-72a1-9c30-95d6488fa25f","type":"comment.created","target":{"type":"post","id":"01a04243-8ab7-730b-9d2c-984e3576cfb7","preview":"Redesigning Alyzur’s Hero on @framer\nThe first version looked good, but the hero was doing too much. \nSo I redesigned it with one goal: make the product instantly understandable. \nYou can do it on framer now: \"https://framer.link/moayad-ali\" \n So which one is better? 🤔","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Redesigning Alyzur’s Hero on "},{"type":"text","text":"@framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"The first version looked good, but the hero was doing too much. "}]},{"type":"paragraph","content":[{"type":"text","text":"So I redesigned it with one goal: make the product instantly understandable. "}]},{"type":"paragraph","content":[{"type":"text","text":"You can do it on framer now: \""},{"type":"text","text":"https://framer.link/moayad-ali","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/moayad-ali","target":"_blank"}}]},{"type":"text","text":"\" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":" So which one is better? 🤔"}]}]},"thumbnail":"https://image.mux.com/00iK5Ojdf028ND5glbVg0001sDND1Gyya4qWY6s6BI8zmyI/thumbnail.webp?time=1.617","targetDeleted":false,"owned":false,"actions":{"postId":"01a04243-8ab7-730b-9d2c-984e3576cfb7","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a04256-094b-71d7-8774-3f839ffd75b9","preview":"utting the hero back to one job is the right call. The first version was asking a visitor to read a dashboard before they knew what the product even does. One thing I would test next: the headline sits right over the brightest part of the globe, so on a small screen the value prop can wash out in the first second. Nudging the type off the glow, or dropping a soft radial behind it, would protect the exact clarity you redesigned for. Nice work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"utting the hero back to one job is the right call. The first version was asking a visitor to read a dashboard before they knew what the product even does. One thing I would test next: the headline sits right over the brightest part of the globe, so on a small screen the value prop can wash out in the first second. Nudging the type off the glow, or dropping a soft radial behind it, would protect the exact clarity you redesigned for. Nice work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a04243-8ab7-730b-9d2c-984e3576cfb7","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a04256-094b-71d7-8774-3f839ffd75b9"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-27T08:28:49.893Z","latestAt":"2026-08-27T08:28:49.893Z"},{"id":"01a03cf4-502b-7279-a812-8262f88cd445","type":"comment.created","target":{"type":"post","id":"01a03c51-69e7-7050-a258-f5dfc25afa04","preview":"What do you think you can do to make your templates stand out? 🤔","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What do you think you can do to make your templates stand out? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03c51-69e7-7050-a258-f5dfc25afa04","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a03cf4-5003-7374-882d-29e5de598b64","preview":"One angle that gets underrated: how editable it is after someone buys it. The templates that stand out are the ones a non-designer can make their own in an hour. Clean CMS, named layers, and style variables so swapping fonts and colors never breaks the layout. The other half is the thumbnail. Your hero has to read at grid size, because that first frame earns the click before anyone sees the craft inside.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One angle that gets underrated: how editable it is after someone buys it. The templates that stand out are the ones a non-designer can make their own in an hour. Clean CMS, named layers, and style variables so swapping fonts and colors never breaks the layout. The other half is the thumbnail. Your hero has to read at grid size, because that first frame earns the click before anyone sees the craft inside."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03c51-69e7-7050-a258-f5dfc25afa04","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03cf4-5003-7374-882d-29e5de598b64"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T07:23:59.403Z","latestAt":"2026-08-26T07:23:59.403Z"},{"id":"01a022ca-3748-73fc-baa5-cc6dddc629bf","type":"comment.created","target":{"type":"post","id":"01a022b4-9b39-7748-be28-a1a4229d1df1","preview":"5 Days since launch.\nKairn is currently ranked #346 in all categories and #11 in interior design category.\nThe ranks are really good and is a great head start and but the real result will be how much people actually find it useful and purchase it.\nYou can check the template here- https://framer.link/m3p5Ebz, would love to know what you guys think about the quality of this template.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"5 Days since launch."}]},{"type":"paragraph","content":[{"type":"text","text":"Kairn","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/m3p5Ebz","target":"_blank"}}]},{"type":"text","text":" is currently ranked "},{"type":"text","text":"#346","marks":[{"type":"bold"}]},{"type":"text","text":" in all categories and "},{"type":"text","text":"#11 ","marks":[{"type":"bold"}]},{"type":"text","text":"in interior design category."}]},{"type":"paragraph","content":[{"type":"text","text":"The ranks are really good and is a great head start and but the real result will be how much people actually find it useful and purchase it."}]},{"type":"paragraph","content":[{"type":"text","text":"You can check the template here- "},{"type":"text","text":"https://framer.link/m3p5Ebz","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/m3p5Ebz","target":"_blank"}}]},{"type":"text","text":", would love to know what you guys think about the quality of this template."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/79aa6e64-5a90-4135-9e50-b93ce7c5a8a1/01a022ae-e674-7508-b6e5-b7b5566d6473.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a022b4-9b39-7748-be28-a1a4229d1df1","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a022ca-371a-7091-bf9c-695417932518","preview":"Kairn looks genuinely strong. The editorial type pairing carries it, and using \"Rooted in Materiality\" as a section anchor gives it a real point of view instead of generic minimal. #11 in interior design in five days says the taste level is landing. On turning views into sales: for an interior template the buyer is really asking whether the demo photography could pass as their own brand, so a second preview showing a warmer or darker variant plus one mobile frame can close the gap between \"nice\" and \"this is mine\". Nice work shipping it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kairn looks genuinely strong. The editorial type pairing carries it, and using \"Rooted in Materiality\" as a section anchor gives it a real point of view instead of generic minimal. #11 in interior design in five days says the taste level is landing. On turning views into sales: for an interior template the buyer is really asking whether the demo photography could pass as their own brand, so a second preview showing a warmer or darker variant plus one mobile frame can close the gap between \"nice\" and \"this is mine\". Nice work shipping it."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a022b4-9b39-7748-be28-a1a4229d1df1","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a022ca-371a-7091-bf9c-695417932518"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T05:27:52.904Z","latestAt":"2026-08-21T05:27:52.904Z"},{"id":"01a01eef-0222-7669-837b-db097a250107","type":"comment.created","target":{"type":"post","id":"01a01ee5-798a-706d-9576-42c6d3599070","preview":"Code conneqt","previewJson":null,"thumbnail":"https://image.mux.com/ps6sZTLsesyE2bM26KQFoYqIGSBsCK5ed1bNbAPmCpI/thumbnail.webp?time=1.792","targetDeleted":false,"owned":false,"actions":{"postId":"01a01ee5-798a-706d-9576-42c6d3599070","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01eef-01f7-70ad-ab4c-6c7da54ea164","preview":"This nails the brief. The calm white and blue with that thin network line does the anti recruiter noise job better than any loud hero would, and \"Sterke teams beginnen met een goede conneqtie\" is a headline that respects the reader. One thing I would test: a touch more contrast on the primary CTA so the no cure no pay promise gets the click it deserves. Clean work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This nails the brief. The calm white and blue with that thin network line does the anti recruiter noise job better than any loud hero would, and \"Sterke teams beginnen met een goede conneqtie\" is a headline that respects the reader. One thing I would test: a touch more contrast on the primary CTA so the no cure no pay promise gets the click it deserves. Clean work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01ee5-798a-706d-9576-42c6d3599070","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01eef-01f7-70ad-ab4c-6c7da54ea164"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T11:29:35.266Z","latestAt":"2026-08-20T11:29:35.266Z"},{"id":"01a01eed-fa0f-708a-9769-598c8f487c75","type":"comment.created","target":{"type":"post","id":"01a01ebb-1f53-75e8-a0bd-8ed5cb1b4572","preview":"VORIX# Amazing Hero Section on \nSocial Media Marketing Agency \nRate it out of 10?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"VORIX# Amazing Hero Section on "}]},{"type":"paragraph","content":[{"type":"text","text":"Social Media Marketing Agency "}]},{"type":"paragraph","content":[{"type":"text","text":"Rate it out of 10?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7c411d87-132f-4664-851b-339c04673b78/01a01eba-f8c8-738d-ba69-7cfde88a0f3d.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a01ebb-1f53-75e8-a0bd-8ed5cb1b4572","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":4,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01eed-f9f5-715d-ad29-63f652d4f71f","preview":"Strong hero, real presence from the VORIX wordmark and that portrait. Honest 7 out of 10, and three quick fixes would push it up. One, the nav has a typo: \"Serivces\" should read \"Services\". Two, the service list on the right (Creative Studio, UI/UX Design, and so on) competes with your headline for the eye, so I would demote it in weight or move it just below the fold and let \"Design That Leaves a Lasting Impact\" own the space. Three, the nav sits on a bright image, so add a subtle scrim or lift the contrast to keep it legible on every screen. Nice work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Strong hero, real presence from the VORIX wordmark and that portrait. Honest 7 out of 10, and three quick fixes would push it up. One, the nav has a typo: \"Serivces\" should read \"Services\". Two, the service list on the right (Creative Studio, UI/UX Design, and so on) competes with your headline for the eye, so I would demote it in weight or move it just below the fold and let \"Design That Leaves a Lasting Impact\" own the space. Three, the nav sits on a bright image, so add a subtle scrim or lift the contrast to keep it legible on every screen. Nice work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01ebb-1f53-75e8-a0bd-8ed5cb1b4572","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a01eed-f9f5-715d-ad29-63f652d4f71f"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T11:28:27.663Z","latestAt":"2026-08-20T11:28:27.663Z"},{"id":"01a01e13-10cf-7370-80dd-6523f437e9a1","type":"comment.created","target":{"type":"post","id":"01a01c2c-f5bc-741d-b30b-8da33d80eb0b","preview":"anyone has a workaround for having a text sixe to fit that{s also connected to a cms?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"anyone has a workaround for having a text sixe to fit that{s also connected to a cms?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a01c2c-f5bc-741d-b30b-8da33d80eb0b","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01e13-10b6-731a-a7d5-676221ed8288","preview":"The trick that has worked best for me is to size the font off the container, not the text, so the CMS string length stops mattering. On the wrapping frame add a code override that sets container-type: inline-size, then set the text font-size in container units, something like clamp(14px, 12cqi, 40px). The 12cqi scales with the container width and the clamp keeps it readable at both extremes. Since it reads the container and not the string, every CMS item fits on its own with zero per-item work.\nIf you also need it to shrink for very long entries (fit height, not just width), that part does need a small measure-and-scale override: read the bound text, measure it against the frame, and step the size down until it fits. Happy to share that snippet if the cqi route is not enough on its own.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The trick that has worked best for me is to size the font off the container, not the text, so the CMS string length stops mattering. On the wrapping frame add a code override that sets container-type: inline-size, then set the text font-size in container units, something like clamp(14px, 12cqi, 40px). The 12cqi scales with the container width and the clamp keeps it readable at both extremes. Since it reads the container and not the string, every CMS item fits on its own with zero per-item work."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you also need it to shrink for very long entries (fit height, not just width), that part does need a small measure-and-scale override: read the bound text, measure it against the frame, and step the size down until it fits. Happy to share that snippet if the cqi route is not enough on its own."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01c2c-f5bc-741d-b30b-8da33d80eb0b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01e13-10b6-731a-a7d5-676221ed8288"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T07:29:21.103Z","latestAt":"2026-08-20T07:29:21.103Z"},{"id":"01a01da6-363b-738f-ade3-c0a45af75a4e","type":"comment.created","target":{"type":"post","id":"01a01d7c-699e-779d-af33-c6c76cf7a63f","preview":"It’s still free to grab now - https://framer.link/3jD63iU\nFour dentists, four individual profile pages. Not four headshots in a grid — four actual pages, each with qualification, years of experience, and specialisation.\nPatients pick a dentist by looking at their face first. That is not a design opinion, it is how the decision actually gets made. Someone is choosing a person who will put their hands in their mouth, and that is judged on the same instinct we use to size up a stranger.\nA name under a photo does not answer anything. A profile page does — how long they have practised, what they specialise in, one line in their own voice.\n→ Real portraits, not stock headshots\n→ Specialisation stated in words a patient uses, not a code\n→ Give each person their own page, not just a card\nWhen the service is delivered by a specific human, the human is the product. Design the site like that is true, because for a dental clinic, it is.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It’s still free to grab now - ","marks":[{"type":"bold"}]},{"type":"text","text":"https://framer.link/3jD63iU","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/3jD63iU","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Four dentists, four individual profile pages. Not four headshots in a grid — four actual pages, each with qualification, years of experience, and specialisation."}]},{"type":"paragraph","content":[{"type":"text","text":"Patients pick a dentist by looking at their face first. That is not a design opinion, it is how the decision actually gets made. Someone is choosing a person who will put their hands in their mouth, and that is judged on the same instinct we use to size up a stranger."}]},{"type":"paragraph","content":[{"type":"text","text":"A name under a photo does not answer anything. A profile page does — how long they have practised, what they specialise in, one line in their own voice."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Real portraits, not stock headshots"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Specialisation stated in words a patient uses, not a code"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Give each person their own page, not just a card"}]},{"type":"paragraph","content":[{"type":"text","text":"When the service is delivered by a specific human, the human is the product. Design the site like that is true, because for a dental clinic, it is."}]}]},"thumbnail":"https://image.mux.com/Y7023k029MyN02mG6ml1YsiQpf9R5Mn177azhkk75POn18/thumbnail.webp?time=6.3","targetDeleted":false,"owned":false,"actions":{"postId":"01a01d7c-699e-779d-af33-c6c76cf7a63f","like":{"count":37,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":14,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01da6-361b-71af-b814-0e60c97f87a0","preview":"Fully agree, the person is the product here. Two things I would build in to make that hold up: drive each dentist from a CMS collection so the clinic can add or retire a profile without touching the design, and put Person plus LocalBusiness structured data on each page. That way a search for the dentist's name and specialisation can actually surface their page, not just the homepage. The individual-page choice pays off twice then, once in trust and once in search.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully agree, the person is the product here. Two things I would build in to make that hold up: drive each dentist from a CMS collection so the clinic can add or retire a profile without touching the design, and put Person plus LocalBusiness structured data on each page. That way a search for the dentist's name and specialisation can actually surface their page, not just the homepage. The individual-page choice pays off twice then, once in trust and once in search."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01d7c-699e-779d-af33-c6c76cf7a63f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01da6-361b-71af-b814-0e60c97f87a0"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T05:30:27.259Z","latestAt":"2026-08-20T05:30:27.259Z"},{"id":"01a01da5-1f7c-729a-bb85-fa07eb9fcf80","type":"comment.created","target":{"type":"post","id":"01a01d92-b1f0-76dc-9166-d46db7565b9b","preview":"You can see all five steps at once and only one is ever open. Click a different one and the number and the photo move with it.\nScreenshots flatten it. Scroll the real thing.\njoom.framer.website/system","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"You can see all five steps at once and only one is ever open. Click a different one and the number and the photo move with it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Screenshots flatten it. Scroll the real thing."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"joom.framer.website/system","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://joom.framer.website/system","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c810b452-c1f6-466c-bc6f-a1150dc241a7/01a01d92-a0ca-731a-a01a-da4b16d698ca.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a01d92-b1f0-76dc-9166-d46db7565b9b","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01da5-1f4e-7459-806e-54a1c4d48f80","preview":"This reads really well. The single-open rule is what sells it, the eye never has to pick between five things at once. One thing I do on this pattern: pin the media column to the tallest step's height so the photo does not jump when a text block changes length, and give each step a fixed enter and exit so a fast scroll never leaves two half-open. Keeps it smooth on mobile too. Nice work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This reads really well. The single-open rule is what sells it, the eye never has to pick between five things at once. One thing I do on this pattern: pin the media column to the tallest step's height so the photo does not jump when a text block changes length, and give each step a fixed enter and exit so a fast scroll never leaves two half-open. Keeps it smooth on mobile too. Nice work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01d92-b1f0-76dc-9166-d46db7565b9b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01da5-1f4e-7459-806e-54a1c4d48f80"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T05:29:15.900Z","latestAt":"2026-08-20T05:29:15.900Z"},{"id":"01a018ed-114d-739d-94c1-899d798665b5","type":"comment.created","target":{"type":"post","id":"01a01891-7a83-70ba-88bf-8841f7a5fa56","preview":"How does it look?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How does it look?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cb15d5bc-0fc0-4dc4-aee0-3ca214e73aa3/01a01890-8cfb-76ae-a082-8f9c901ac9f6.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a01891-7a83-70ba-88bf-8841f7a5fa56","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a018ed-1134-7567-b12c-cd6015f8b056","preview":"Strong hero. The spotlight pulls the eye straight to the headline and the stat bar gives instant credibility. Two quick things I would tighten. The subhead under the headline is sitting low-contrast on the dark gradient, so it is hard to read at a glance. Lifting its opacity or size a touch would help the value prop land. And the stat labels have small copy slips: \"Workflow shipped\" and \"Revenue generate\" read cleaner as \"Workflows shipped\" and \"Revenue generated\". Easy fix, and it keeps the numbers looking airtight. Nice work overall.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Strong hero. The spotlight pulls the eye straight to the headline and the stat bar gives instant credibility. Two quick things I would tighten. The subhead under the headline is sitting low-contrast on the dark gradient, so it is hard to read at a glance. Lifting its opacity or size a touch would help the value prop land. And the stat labels have small copy slips: \"Workflow shipped\" and \"Revenue generate\" read cleaner as \"Workflows shipped\" and \"Revenue generated\". Easy fix, and it keeps the numbers looking airtight. Nice work overall."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01891-7a83-70ba-88bf-8841f7a5fa56","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a018ed-1134-7567-b12c-cd6015f8b056"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T07:29:44.781Z","latestAt":"2026-08-19T07:29:44.781Z"},{"id":"01a0187e-a70b-7347-822c-4617aa32a3fb","type":"comment.created","target":{"type":"post","id":"01a01858-0ad7-712e-a61d-6986a46cb354","preview":"$63","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"classical_building","emoji":"🏛"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Preserve History. Inspire Curiosity. – Museum Website Design & Development using ","marks":[{"type":"bold"}]},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"computer","emoji":"💻"}},{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}}]},{"type":"paragraph","content":[{"type":"text","text":"We design "},{"type":"text","text":"immersive, informative, and visitor-focused websites","marks":[{"type":"bold"}]},{"type":"text","text":" for museums, galleries, cultural institutions, heritage centers, historical attractions, science museums, and art exhibitions. Our websites combine compelling visual storytelling with modern UI/UX — featuring exhibition highlights, collection showcases, event calendars, ticket booking, guided tour information, membership programs, donation options, educational resources, visitor information, virtual tours, news updates, and fully responsive layouts. Whether you manage an art museum, history museum, cultural center, science exhibition, or heritage destination, we create digital experiences that make your collections more accessible, attract more visitors, and strengthen your institution’s online presence. Built using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" our solutions are optimized for performance, storytelling, accessibility, and long-term growth. Designed to educate. Built to inspire discovery. "},{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"emoji","attrs":{"name":"calling","emoji":"📲"}},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"envelope_with_arrow","emoji":"📩"}},{"type":"text","text":" "},{"type":"text","text":"Want to view a full live Museum website demo? Message me now!","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/78fcf13d-7227-4d44-903c-bfd8ca6c7407/01a01857-1a1b-700b-ba63-d208f9c832c9.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a01858-0ad7-712e-a61d-6986a46cb354","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0187e-a6f2-76dc-a6ff-b5055c5b38bc","preview":"This suits the subject beautifully. The sculptural hero against the dark palette gives it real gravitas, which is exactly right for a museum. One idea from doing culture sites: museum visitors browse by curiosity, not by menu, so making the Explore Collection path feel like wayfinding (filter by era, medium, or gallery) tends to lift time on site more than any hero animation. Lovely work.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This suits the subject beautifully. The sculptural hero against the dark palette gives it real gravitas, which is exactly right for a museum. One idea from doing culture sites: museum visitors browse by curiosity, not by menu, so making the Explore Collection path feel like wayfinding (filter by era, medium, or gallery) tends to lift time on site more than any hero animation. Lovely work."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01858-0ad7-712e-a61d-6986a46cb354","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0187e-a6f2-76dc-a6ff-b5055c5b38bc"},"repost":null}},"actors":[{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T05:29:08.619Z","latestAt":"2026-08-19T05:29:08.619Z"}],"pagination":{"next":"MjAyNi0wOC0xOVQwNToyOTowOC42MTlafDAxYTAxODdlLWE3MGItNzM0Ny04MjJjLTQ2MTdhYTMyYTNmYg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:8a3c74b3-2623-4203-b165-fd6d81c9e134:/unified/posts/?creator=8a3c74b3-2623-4203-b165-fd6d81c9e134&with=reposts":[{"data":[{"id":"01a07b03-5dc8-76d1-adaf-eab5287eef79","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most pricing sections quietly lose the sale, and it is not the price."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"After 19 years designing sites, the pattern I see most on course, coaching, and service pages: the pricing section is built for the seller, not the buyer. It lists what the seller offers. It does not answer the one question the buyer is actually asking: which one is for me, and what happens if I pick wrong."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Four things that fix it:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Name the buyer, not the tier. \"For solo founders\" beats \"Starter\"."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Anchor with a real \"most popular\". One visual focal point, not three equal columns."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Kill the fear. A refund line, a cancel-anytime, or a \"talk to me first\" link does more than another feature bullet."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Answer \"what if I need more\" right there, so nobody leaves to go hunting."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Price rarely kills a sale on its own. Uncertainty does."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What is the one line you always add to a pricing section that earns its place?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T08:36:53.323Z","updatedAt":"2026-09-07T08:36:53.323Z"},{"id":"01a06143-d2f1-764b-819f-6311314a90ae","title":null,"body":"

The state most template buyers see first is the one you never designed.

Most Framer templates get built and previewed with a full, tidy set of demo content. Six testimonials, nine projects, a packed blog. Then a real buyer opens it with one testimonial and two projects, and the section that looked abundant now looks empty and off.

The fix I build into every CMS section now is to design the thin states on purpose:

One item: does the grid still balance, or does a lonely card float in dead space.

Zero items: is there a real empty state, or just a section header hanging over a gap.

Long content: does a 90 character title still sit right (size the text off its container, not a fixed value).

Demo content flatters the template. Sparse content is what the buyer actually has on day one. If it holds up empty, it holds up everywhere.

What is the first section that breaks for you when the content runs thin?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The state most template buyers see first is the one you never designed."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Most Framer templates get built and previewed with a full, tidy set of demo content. Six testimonials, nine projects, a packed blog. Then a real buyer opens it with one testimonial and two projects, and the section that looked abundant now looks empty and off."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The fix I build into every CMS section now is to design the thin states on purpose:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"One item: does the grid still balance, or does a lonely card float in dead space."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero items: is there a real empty state, or just a section header hanging over a gap."}]},{"type":"paragraph","content":[{"type":"text","text":"Long content: does a 90 character title still sit right (size the text off its container, not a fixed value)."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Demo content flatters the template. Sparse content is what the buyer actually has on day one. If it holds up empty, it holds up everywhere."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What is the first section that breaks for you when the content runs thin?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T08:37:10.004Z","updatedAt":"2026-09-02T08:37:10.004Z"},{"id":"01a03cf6-2f94-7048-afd1-949c14b73761","title":null,"body":"

The CMS text bug that makes a good template look broken in a buyer's hands.

You build the layout with tidy demo copy. The buyer pastes a headline twice as long, and suddenly it wraps into three lines and pushes everything off. The template looks broken, and it is not their fault.

The fix I put on every Framer build: size the text off its container, not a fixed value. Add a code override on the wrapping frame that sets container-type: inline-size, then set the font with clamp(14px, 12cqi, 40px). The 12cqi scales with the container width, and the clamp keeps it readable at both ends. A short title and a long one both sit right.

Buyers never see the override. They just notice nothing breaks when they make it theirs. That is the difference between a template that feels worth paying for and one that feels fragile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The CMS text bug that makes a good template look broken in a buyer's hands."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"You build the layout with tidy demo copy. The buyer pastes a headline twice as long, and suddenly it wraps into three lines and pushes everything off. The template looks broken, and it is not their fault."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The fix I put on every Framer build: size the text off its container, not a fixed value. Add a code override on the wrapping frame that sets container-type: inline-size, then set the font with clamp(14px, 12cqi, 40px). The 12cqi scales with the container width, and the clamp keeps it readable at both ends. A short title and a long one both sit right."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Buyers never see the override. They just notice nothing breaks when they make it theirs. That is the difference between a template that feels worth paying for and one that feels fragile."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-26T07:26:02.136Z","updatedAt":"2026-08-26T07:26:02.136Z"},{"id":"01a022cb-7623-739e-804f-c017c1af7ba1","title":null,"body":"

A pattern I keep noticing on Marketplace previews this week: the template is genuinely good, but the first frame is a hero shot with placeholder copy, and buyers scroll right past it.

The previews that convert answer one question fast, "can I picture my own site living here":

1. Lead with a frame that shows structure, not just style. A pricing block, a CMS list, a real footer. That signals the template is complete, not a one-page demo.

2. Include one mobile frame. Half the buyer's doubt is whether it holds up responsive.

3. Fill it with demo content from the buyer's world, not lorem. Real names, believable numbers, categories they recognise.

Ranking gets you seen. The preview sequence is what turns a view into a sale. Happy to give any listing a second pair of eyes on its frames if that is useful.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A pattern I keep noticing on Marketplace previews this week: the template is genuinely good, but the first frame is a hero shot with placeholder copy, and buyers scroll right past it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The previews that convert answer one question fast, \"can I picture my own site living here\":"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"1. Lead with a frame that shows structure, not just style. A pricing block, a CMS list, a real footer. That signals the template is complete, not a one-page demo."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Include one mobile frame. Half the buyer's doubt is whether it holds up responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Fill it with demo content from the buyer's world, not lorem. Real names, believable numbers, categories they recognise."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Ranking gets you seen. The preview sequence is what turns a view into a sale. Happy to give any listing a second pair of eyes on its frames if that is useful."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-21T05:29:14.537Z","updatedAt":"2026-08-21T05:29:14.537Z"},{"id":"01a0187f-5893-767c-ab5e-70f42033a226","title":null,"body":"

The preview frame sells the template, not the listing copy.

After years of design work, the thing I underrated most on Framer: the first preview image does about 80 percent of the selling. Buyers decide in a second, before they read a word.

Three things that moved it for me:

1. Make the first frame match the landing hero, so the click and the page tell the same story.

2. Show the template doing its real job (a real section, real content), not a floating mockup on a gradient.

3. One clear idea per frame. A busy preview reads as a busy template.

Copy supports the decision. The image makes it. What is the one preview change that lifted your sales?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The preview frame sells the template, not the listing copy."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"After years of design work, the thing I underrated most on Framer: the first preview image does about 80 percent of the selling. Buyers decide in a second, before they read a word."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Three things that moved it for me:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Make the first frame match the landing hero, so the click and the page tell the same story."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Show the template doing its real job (a real section, real content), not a floating mockup on a gradient."}]},{"type":"paragraph","content":[{"type":"text","text":"3. One clear idea per frame. A busy preview reads as a busy template."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Copy supports the decision. The image makes it. What is the one preview change that lifted your sales?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T05:29:54.070Z","updatedAt":"2026-08-19T05:29:54.070Z"},{"id":"01a00e39-ef2c-757a-a095-b9ff9c493bd8","title":null,"body":"

A color trick that makes complex products click

When a product is abstract (AI, data, infra), the hard part is making it feel concrete. One move I keep coming back to in Framer: give each stage of the product its own hue.

Sourcing gets blue, onboarding purple, training a warm olive. Same card layout, one color per stage. The reader stops seeing one fuzzy thing and starts seeing a few clear moments.

Two rules that keep it clean:

1. Pull the hues from your existing brand palette, then shift value, not add chaos.

2. Carry those same colors into the deeper pages, so the map you draw up top keeps working as people scroll.

Cheap to build, and it does more for comprehension than another block of copy. What is your go-to for making a complex product legible?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A color trick that makes complex products click"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"When a product is abstract (AI, data, infra), the hard part is making it feel concrete. One move I keep coming back to in Framer: give each stage of the product its own hue."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Sourcing gets blue, onboarding purple, training a warm olive. Same card layout, one color per stage. The reader stops seeing one fuzzy thing and starts seeing a few clear moments."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Two rules that keep it clean:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Pull the hues from your existing brand palette, then shift value, not add chaos."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Carry those same colors into the deeper pages, so the map you draw up top keeps working as people scroll."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Cheap to build, and it does more for comprehension than another block of copy. What is your go-to for making a complex product legible?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T05:37:52.944Z","updatedAt":"2026-08-17T05:37:52.944Z"},{"id":"019fff96-86ba-7049-8a96-986c3c034ca2","title":null,"body":"

The scroll jank most Framer sites ship without noticing.

A site feels premium right up until you scroll on a mid-range phone and everything stutters. Almost always it is the same cause: too many scroll-linked effects firing at once.

Three fixes I apply on every build:

1. Cap concurrent scroll animations. One hero parallax plus one reveal per section is plenty. Stack five and the main thread chokes.

2. Animate only transform and opacity. Width, height, top, and box-shadow force a layout pass every frame. Swap them for scale and translate.

3. Test on a throttled device, not your M-series Mac. Chrome devtools, 4x CPU slowdown. If it holds there, it holds everywhere.

Smoothness reads as quality before a single word does.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The scroll jank most Framer sites ship without noticing."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A site feels premium right up until you scroll on a mid-range phone and everything stutters. Almost always it is the same cause: too many scroll-linked effects firing at once."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Three fixes I apply on every build:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"1. Cap concurrent scroll animations. One hero parallax plus one reveal per section is plenty. Stack five and the main thread chokes."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"2. Animate only transform and opacity. Width, height, top, and box-shadow force a layout pass every frame. Swap them for scale and translate."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"3. Test on a throttled device, not your M-series Mac. Chrome devtools, 4x CPU slowdown. If it holds there, it holds everywhere."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Smoothness reads as quality before a single word does."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-14T09:24:42.813Z","updatedAt":"2026-08-14T09:24:42.813Z"},{"id":"019ff4ee-234a-76dc-97e4-2b76208de786","title":null,"body":"

Tip: on a marketing site, perceived speed beats real speed.

What decides how fast a site feels is not load time, it is how the first section behaves. Three things I do on every Framer build:

1. Render the hero text instantly. Animate everything below it on scroll, never on load. A hero that fades in makes the whole page feel slow.

2. Keep entrance animations to 300 to 400ms. Longer reads as sluggish, not premium.

3. Lazy load below the fold and set explicit image sizes so nothing shifts while it loads.

None of this moves your Lighthouse score much. It changes the part that matters more: whether the first five seconds feel effortless.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tip: on a marketing site, perceived speed beats real speed."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What decides how fast a site feels is not load time, it is how the first section behaves. Three things I do on every Framer build:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"1. Render the hero text instantly. Animate everything below it on scroll, never on load. A hero that fades in makes the whole page feel slow."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Keep entrance animations to 300 to 400ms. Longer reads as sluggish, not premium."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Lazy load below the fold and set explicit image sizes so nothing shifts while it loads."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"None of this moves your Lighthouse score much. It changes the part that matters more: whether the first five seconds feel effortless."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-12T07:44:35.151Z","updatedAt":"2026-08-12T07:44:35.151Z"},{"id":"019fea44-6769-72bc-9c0a-4d9dbcb6f324","title":null,"body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How to break the green-grid look in AI hero sections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I have looked at a lot of AI landing pages this month and almost all of them reach for the same hero background: a green wireframe or particle topography on near-black. It reads as \"AI\" instantly, which is exactly the problem. When every AI brand uses the same shorthand, it stops signaling \"AI\" and starts signaling \"same as the last ten sites\"."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If the brand promise is trust, calm, or being the un-hyped option, the default look quietly works against it. Three ways I break out of it:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"1. Pick the palette from the emotional job, not the category. A restrained mono or a warm amber can feel more premium and more human than another neon-green grid."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Run one accent through the hero and the CTA so the section reads as one system, not a stock background with buttons dropped on top."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Fade any pattern out before the logo row so social proof keeps its contrast."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The layout is usually already strong. The background is where most AI sites quietly give away their originality. What are you using instead of the green grid?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T06:02:59.309Z","updatedAt":"2026-08-10T06:02:59.309Z"},{"id":"019fdb5b-a7c7-76ee-80bb-9c33f1ebc5db","title":null,"body":"

A small template detail that quietly costs trust: stat counters that animate up from zero.

I keep seeing studio and portfolio templates where the numbers block reads 0+ projects, 0 clients, 0 years. On a fast connection the count-up hides it. On a slow load, or when a buyer forgets to edit the defaults, the live site just sits on 0 clients. That is the opposite of what the section is there to do.

Two fixes I use:

1. Seed real-looking defaults in the template itself (40+, 6, 12), never 0. It demos well, and a rushed buyer still ships something credible.

2. Start the count-up near the end value instead of from 0, so a slow frame never parks on nothing.

Same logic covers empty CMS states, placeholder testimonials, and Lorem that sneaks to production. Design the default for the person who forgets to change it.

If you build templates, what is your rule for placeholder content?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small template detail that quietly costs trust: stat counters that animate up from zero."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I keep seeing studio and portfolio templates where the numbers block reads 0+ projects, 0 clients, 0 years. On a fast connection the count-up hides it. On a slow load, or when a buyer forgets to edit the defaults, the live site just sits on 0 clients. That is the opposite of what the section is there to do."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Two fixes I use:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Seed real-looking defaults in the template itself (40+, 6, 12), never 0. It demos well, and a rushed buyer still ships something credible."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Start the count-up near the end value instead of from 0, so a slow frame never parks on nothing."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Same logic covers empty CMS states, placeholder testimonials, and Lorem that sneaks to production. Design the default for the person who forgets to change it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you build templates, what is your rule for placeholder content?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T08:34:04.886Z","updatedAt":"2026-08-07T08:34:04.886Z"},{"id":"019fd727-4012-745e-b0f4-d2e4798d6e45","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0seMremPQlMhfuegCV73","resolved":true,"title":"2000+ Isometric Icon","body":"

Check out this creative design set of isometric icons. We did a great job and provide you now with a convenient set of icons. Use these icons in your website or mobile apps to entice users to click through.

Categories included

Banking and Finance
Business and Management
Construction
Contact us and Communication
Ecology and Environment
Education, school, and Elearning
Electronics and Multimedia
Furniture and Interior
Logistic and Distribution
Music and Dj
Science and Medical
Shopping and E-commerce
Social Marketing
Transport
Web and App Development

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out this creative design set of "},{"type":"text","text":"isometric icons","marks":[{"type":"bold"}]},{"type":"text","text":". We did a great job and provide you now with a convenient set of icons. Use these icons in your website or mobile apps to entice users to click through."}]},{"type":"paragraph","content":[{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Categories included "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Banking and Finance "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Business and Management"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Construction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact us and Communication "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ecology and Environment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Education, school, and Elearning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Electronics and Multimedia"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Furniture and Interior "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logistic and Distribution "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Music and Dj"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Science and Medical"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shopping and E-commerce "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Social Marketing "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transport"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web and App Development "}]}]}]}]},"introduction":"Line and glyph style","slug":"2000-isometric-icon","author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd729-8eaf-74d5-ba20-6b7e77ead147.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2134}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd729-8da3-74ed-8368-4e84cc43643b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2134}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd729-8e68-7149-abed-2bbb48bd246e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2134}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd729-8e3a-756b-8eb8-f099955ff058.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2134}}],"post":null,"createdAt":"2026-08-06T12:58:21.048Z","updatedAt":"2026-08-06T13:13:19.988Z","publishedAt":"2026-08-06T12:58:21.043Z","featuredAt":null,"approvedAt":null,"type":"vector","attributes":{"url":null,"price":"29","paymentUrl":"https://brickclay.gumroad.com/l/2000-Isometric-Icons-Set?layout=profile","vectorCount":4013,"categories":[{"id":"3535507e-b041-4f48-be7f-a084b14e30b2","name":"Icons","slug":"icons"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T12:58:21.586Z","updatedAt":"2026-08-06T12:58:21.586Z"},{"id":"019fd6fc-da95-75a4-a4a7-69735eac029a","title":null,"body":"

Enzo is live.

A restaurant template that covers the parts most templates skip: seven switchable service menus, ticketed event pages, two membership tiers, and a catering form built to qualify leads. All CMS driven.

Warm red and cream, built for photography. Remix it and take a look.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enzo is live."}]},{"type":"paragraph","content":[{"type":"text","text":"A restaurant template that covers the parts most templates skip: seven switchable service menus, ticketed event pages, two membership tiers, and a catering form built to qualify leads. All CMS driven."}]},{"type":"paragraph","content":[{"type":"text","text":"Warm red and cream, built for photography. Remix it and take a look."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70805","resolved":true,"title":"Enzoo","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enzo is a complete website for restaurants that sell more than dinner."}]},{"type":"paragraph","content":[{"type":"text","text":"Seven service menus, a ticketed events calendar, two membership tiers, and a catering pipeline, all running on the CMS. Change a price, add an event, or launch a new season without touching the layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight pages plus CMS event detail pages, each event with its own ticket block. Reservation, ordering, and gift card buttons are wired and ready for OpenTable, Resy, Toast, or whatever you already use."}]},{"type":"paragraph","content":[{"type":"text","text":"Warm red and cream, italic display type, and editorial space for your photography. Remix it, add your logo, publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 designed pages plus CMS event detail pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Switchable service menus on a single page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS menu items with prices, descriptions, and dietary tags"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ticketed event pages with quantity selector and map"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Month calendar of upcoming events"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Past events, venues, and gallery collections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two-tier membership comparison with benefits"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"10-field catering inquiry form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form and newsletter signup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reservation, ordering, gift card, and careers links ready to connect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real content throughout, no lorem ipsum"}]}]}]}]},"introduction":"Fine dining, menus to memberships","slug":"enzoo","author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd6fa-fe05-72de-b877-ada3a7a4770e.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd6fa-fe2f-7374-91f9-b6ecfd3d2227.jpg","metadata":{"tint":{"h":0,"s":83,"l":19},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd6fa-fdfd-76c9-84a4-eb384c4d452a.jpg","metadata":{"tint":{"h":0,"s":83,"l":19},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd6fa-fe08-755e-b7a6-53505b067f6c.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019fd6fa-feb4-75e9-ba0d-b6eaef0655c7.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1820,"height":1214}}],"post":null,"createdAt":"2026-08-06T12:12:02.472Z","updatedAt":"2026-08-06T12:12:02.472Z","publishedAt":"2026-08-06T12:12:02.466Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"69","paymentUrl":"https://brickclay.gumroad.com/l/enzo-restaurant-framer-template","remixUrl":null,"previewUrl":"https://enzoo.framer.website/","categories":[{"id":115,"name":"Food","slug":"food"},{"id":191,"name":"Bakery & Cafe","slug":"bakery-and-cafe"}],"styles":[],"mainCategory":{"id":115,"name":"Food","slug":"food"},"features":[{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T12:12:03.094Z","updatedAt":"2026-08-06T12:12:03.094Z"},{"id":"019fd074-632c-734a-b8b6-b6547d9ed7c1","title":null,"body":"

Rebuilding my template previews to sell the scroll, not just the screens.

Spending this week reworking how I present my Framer templates. The realization: a row of static screenshots undersells a site that is really about motion and flow. So I am recording short scroll-throughs as the primary preview, and keeping the static shots for detail below.

Early takeaway: the scroll clip answers the one question a buyer actually has, "what does this feel like to move through", before they ever open the live preview. Static shots answer "is it pretty". Motion answers "is it built well".

If you sell templates, what is converting better for you right now, static shots or motion previews?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Rebuilding my template previews to sell the scroll, not just the screens."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Spending this week reworking how I present my Framer templates. The realization: a row of static screenshots undersells a site that is really about motion and flow. So I am recording short scroll-throughs as the primary preview, and keeping the static shots for detail below."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Early takeaway: the scroll clip answers the one question a buyer actually has, \"what does this feel like to move through\", before they ever open the live preview. Static shots answer \"is it pretty\". Motion answers \"is it built well\"."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you sell templates, what is converting better for you right now, static shots or motion previews?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T05:45:16.344Z","updatedAt":"2026-08-05T05:45:16.344Z"},{"id":"019fc6c5-6796-70bd-894c-70b325e4b71e","title":null,"body":"

Most Framer sites that feel broken on mobile fail for the same reason: the desktop layout was built first and squeezed down later.

What works is the reverse. I set the phone breakpoint early, get the stack, spacing, and tap targets right there, then let the layout breathe up to tablet and desktop. Mobile is where most of the traffic reads, so it should be the source of truth, not an afterthought.

Three quick checks before I call a page done:

Text never smaller than 16px on the phone frame.

Every button and link at least 44px tall for the thumb.

No fixed heights on sections that hold text, or long copy clips the moment someone edits a word.

Build the phone first and the desktop almost designs itself.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most Framer sites that feel broken on mobile fail for the same reason: the desktop layout was built first and squeezed down later."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What works is the reverse. I set the phone breakpoint early, get the stack, spacing, and tap targets right there, then let the layout breathe up to tablet and desktop. Mobile is where most of the traffic reads, so it should be the source of truth, not an afterthought."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Three quick checks before I call a page done:"}]},{"type":"paragraph","content":[{"type":"text","text":"Text never smaller than 16px on the phone frame."}]},{"type":"paragraph","content":[{"type":"text","text":"Every button and link at least 44px tall for the thumb."}]},{"type":"paragraph","content":[{"type":"text","text":"No fixed heights on sections that hold text, or long copy clips the moment someone edits a word."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Build the phone first and the desktop almost designs itself."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T08:37:33.722Z","updatedAt":"2026-08-03T08:37:33.722Z"},{"id":"019fac5d-b49a-7784-906e-c6e0028c4536","title":null,"body":"

A small Framer habit that saves me hours on every template:

Build your text styles and color styles before you place a single section. Not after.

When they are defined up front, every heading, body, and button pulls from one source. A client wants the brand blue swapped or the type scale tightened, and it is one change, not forty. It also makes the template genuinely editable for the buyer, which is the difference between a listing people keep and one they refund.

I learned this the slow way over years of design and illustration work: systems first, decoration second. What is one small habit that saves the rest of you the most time?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small Framer habit that saves me hours on every template:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Build your text styles and color styles before you place a single section. Not after."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"When they are defined up front, every heading, body, and button pulls from one source. A client wants the brand blue swapped or the type scale tightened, and it is one change, not forty. It also makes the template genuinely editable for the buyer, which is the difference between a listing people keep and one they refund."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I learned this the slow way over years of design and illustration work: systems first, decoration second. What is one small habit that saves the rest of you the most time?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T05:34:10.078Z","updatedAt":"2026-07-29T05:34:10.078Z"},{"id":"019fa211-c3a8-752d-8091-142d6e208825","title":null,"body":"

The first-screen test for portfolio sites.

After 19 years designing and building, the portfolio pages that convert almost always pass one test: everything a client needs to decide is on the first screen. My name, what I make, who I make it for, and one clear action. That is it.

The ones that lose people tend to open with a long intro animation, a hero that only says a name, or a wall of tools before any proof.

A quick check I run on every build: load the page, count to three, then ask whether a stranger knows what I do and what to do next. If not, the first screen is doing too little.

Curious what the rest of you lead with on the first screen.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The first-screen test for portfolio sites."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"After 19 years designing and building, the portfolio pages that convert almost always pass one test: everything a client needs to decide is on the first screen. My name, what I make, who I make it for, and one clear action. That is it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The ones that lose people tend to open with a long intro animation, a hero that only says a name, or a wall of tools before any proof."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A quick check I run on every build: load the page, count to three, then ask whether a stranger knows what I do and what to do next. If not, the first screen is doing too little."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Curious what the rest of you lead with on the first screen."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T05:35:01.036Z","updatedAt":"2026-07-27T05:35:01.036Z"},{"id":"019f92b0-83c3-71e9-b56c-033244bc85b6","title":null,"body":"

A small Framer habit that saves me hours: I build the mobile breakpoint first, then scale up.

Most people design desktop, then fight to squeeze it into 390px at the end. Flip it. Lay out mobile first with a clean stack and real content, then add columns and breathing room as the screen grows. Auto-layout does the heavy lifting and the desktop almost designs itself.

Two knock-on wins: my type scale stays honest because small screens punish oversized headings, and clients open the site on their phone first, so the view they judge me on is the one I built with the most care.

What is your default, desktop-first or mobile-first?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small Framer habit that saves me hours: I build the mobile breakpoint first, then scale up."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Most people design desktop, then fight to squeeze it into 390px at the end. Flip it. Lay out mobile first with a clean stack and real content, then add columns and breathing room as the screen grows. Auto-layout does the heavy lifting and the desktop almost designs itself."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Two knock-on wins: my type scale stays honest because small screens punish oversized headings, and clients open the site on their phone first, so the view they judge me on is the one I built with the most care."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What is your default, desktop-first or mobile-first?"}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T05:54:29.448Z","updatedAt":"2026-07-24T05:54:29.448Z"},{"id":"019f88be-1689-770f-9d4b-196d006923d3","title":null,"body":"

The corner radius trick I wish I had learned sooner.

Nested cards look off when the inner and outer radius do not agree. The fix is one line of math: outer radius = inner radius + the padding between them.

An 8px inner card with 16px of padding wants a 24px outer radius. Line those up and the corners nest cleanly instead of pinching at the edges.

It costs nothing and it is the fastest way to make a Framer layout feel considered.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The corner radius trick I wish I had learned sooner."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Nested cards look off when the inner and outer radius do not agree. The fix is one line of math: outer radius = inner radius + the padding between them."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"An 8px inner card with 16px of padding wants a 24px outer radius. Line those up and the corners nest cleanly instead of pinching at the edges."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"It costs nothing and it is the fastest way to make a Framer layout feel considered."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T07:33:06.831Z","updatedAt":"2026-07-22T07:33:06.831Z"},{"id":"019f8532-07b0-7314-9bf3-c7338d13da04","title":null,"body":"

Just launched Harbor, a template for coffee shops and cafes built around one idea: the joyful pause.

Most restaurant templates rush people to a button. Harbor slows them down instead: calm maritime palette, generous whitespace, an animated marquee, and warm photography, then converts with a CMS-powered menu, combo deals, and a built-in reservation form.

Fully responsive, easy to rearrange, ready to launch in a day.

This one started as a full brand identity project and grew into a template. Would love to hear what you think.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Harbor, a template for coffee shops and cafes built around one idea: the joyful pause."}]},{"type":"paragraph","content":[{"type":"text","text":"Most restaurant templates rush people to a button. Harbor slows them down instead: calm maritime palette, generous whitespace, an animated marquee, and warm photography, then converts with a CMS-powered menu, combo deals, and a built-in reservation form."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, easy to rearrange, ready to launch in a day."}]},{"type":"paragraph","content":[{"type":"text","text":"This one started as a full brand identity project and grew into a template. Would love to hear what you think."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[{"id":"69911","resolved":true,"title":"Harbor | Coffee Shop","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Harbor is for cafe and coffee shop owners who want a website that feels like their space: warm, unhurried, and premium. Built around the idea of the joyful pause, it pairs a calm maritime aesthetic with everything a food and drink business needs to convert visitors: a browsable menu, combo offers, testimonials, and a built-in reservation form."}]},{"type":"paragraph","content":[{"type":"text","text":"Generous whitespace, soft typography, warm photography slots, and an animated marquee tagline give Harbor a personality most restaurant templates don't have, while smooth carousels and clear calls to action keep visitors moving toward a booking."}]},{"type":"paragraph","content":[{"type":"text","text":"The layout is fully responsive across desktop, tablet, and mobile; menu items are CMS-powered so you can update offerings without touching the design; and every section is built with clean stacks that are easy to rearrange. Swap the images, update the menu, connect your details, and launch the same day."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in table reservation and booking form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Combo deals section with savings callouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonials and social proof section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated marquee tagline and smooth carousel interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual product detail pages plus an all-products catalog"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, organized layers and stacks for easy customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-ready semantic structure with page titles and alt text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 404 page included"}]}]}]}]},"introduction":"A calm, conversion-ready template","slug":"harbor-coffee-shop","author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019f8530-734b-7167-99b6-9894f20c195a.jpg","metadata":{"tint":{"h":216,"s":94,"l":25},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019f8530-7321-7298-90e6-a41c499134d3.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019f8530-733a-707a-9739-6e975a4869ce.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1820,"height":1214}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a3c74b3-2623-4203-b165-fd6d81c9e134/019f8530-732a-70e1-af28-6bd3222c339b.jpg","metadata":{"tint":{"h":216,"s":94,"l":25},"width":1820,"height":1214}}],"post":null,"createdAt":"2026-07-21T15:01:15.870Z","updatedAt":"2026-07-21T15:01:15.870Z","publishedAt":"2026-07-21T15:01:15.866Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://brickclay.gumroad.com/l/harbor","remixUrl":null,"previewUrl":"https://harborr.framer.website/","categories":[{"id":115,"name":"Food","slug":"food"},{"id":191,"name":"Bakery & Cafe","slug":"bakery-and-cafe"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[],"mainCategory":{"id":115,"name":"Food","slug":"food"},"features":[{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":31,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T15:01:16.336Z","updatedAt":"2026-07-21T15:01:16.336Z"},{"id":"019f7e02-8c3a-7599-b18a-4381297d08ab","title":null,"body":"

The fastest way to lose a Framer template buyer: messy layer names.

A polished template can still feel broken the second a buyer opens it. Not because the design is weak, but because the layers read Frame 412, Group 7, Copy of Copy 3.

Buyers do not admire your template. They edit it. If they cannot find the hero heading in ten seconds, all your polish is invisible.

Before I publish anything, I do one pass:

1. Rename every layer to what it is: Hero heading, Pricing card, Footer CTA.

2. Make text and image slots obvious, so swapping content never breaks the layout.

3. Delete hidden and orphaned layers so the file is not a maze.

Twenty minutes of work. It is the difference between a refund and a five-star review. The build is what you show. The handoff is what you actually sell.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The fastest way to lose a Framer template buyer: messy layer names."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A polished template can still feel broken the second a buyer opens it. Not because the design is weak, but because the layers read Frame 412, Group 7, Copy of Copy 3."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Buyers do not admire your template. They edit it. If they cannot find the hero heading in ten seconds, all your polish is invisible."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Before I publish anything, I do one pass:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Rename every layer to what it is: Hero heading, Pricing card, Footer CTA."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Make text and image slots obvious, so swapping content never breaks the layout."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Delete hidden and orphaned layers so the file is not a maze."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Twenty minutes of work. It is the difference between a refund and a five-star review. The build is what you show. The handoff is what you actually sell."}]}]},"author":{"framerUserId":"8a3c74b3-2623-4203-b165-fd6d81c9e134","name":"Asif Aleem","slug":"asif-aleem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-20T05:32:04.030Z","updatedAt":"2026-07-20T05:32:04.030Z"}],"pagination":{"next":"MDE5ZjdlMDItOGMzYS03NTk5LWIxOGEtNDM4MTI5N2QwOGFi","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L68"}]