50:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T6f0,

Halftone is a one-page landing site for a trading desk, exchange, broker tool or any fintech product that needs to show a working interface instead of a stock illustration. It is built for founders and designers who want the product on screen from the first scroll.

The page opens on the desk itself. On desktop the hero scene is pinned and the dashboard tilts flat as you scroll, with order chips arriving around it. On tablet and phone the desk enters once, and on phone it becomes an app view. Below it, the Seat section shows a market tape that fades at both edges and an eight-level order book on each side of the spread. Markets places a city skyline behind six trading sessions. Workflow draws one trade across a candle chart in five steps, from research to review. The page continues with one membership plan with a second, smaller tier, four figures over an Earth-at-night photo with a quote, a five-question FAQ where one answer opens at a time, and a closing section with contact buttons and the footer.

Everything is built with native Framer layers and canvas components, so the copy, prices, links, photos and colours are edited in the canvas. There are no code components to maintain. Colours and type come from shared styles: six text styles in Instrument Sans and Fragment Mono, and colour styles for ground, ink, muted text and one accent used for data. Changing a style restyles the page.

Desktop, tablet and phone are each designed, not scaled. The navigation becomes a menu with an index drawer on tablet and phone, and the sections that need it have their own tablet and phone versions.

Every figure on the page is example content: prices, market data, the testimonial and the email address. Replace them before you publish.

52:T7b8,

Painted Sky is a website template for a small museum, gallery or exhibition space. It puts the work, the programme and the visit on one calm site, and lets the paintings carry it.

The Home page opens on a painted sky. On a first visit, brush strokes paint it in layer by layer, and then the clouds keep drifting slowly. As you scroll, the sky shrinks into a framed painting hung on a wall, with its wall label and picture light. Moving between pages, a wall-coloured brush lifts off the page you arrive on.

There are twelve pages. Exhibitions shows what is on, what opens next and what has closed. Each exhibition page hangs its works on the wall and lists its artists and talks. The Artists index reveals a band of each artist's sky on hover. Visit holds the opening hours, the price list and an isometric plan of the rooms: point at a room in the legend and it rises on the plan. There is also a Journal with a lead story, an About page, Contact with a form, Privacy, Terms and a 404.

Content lives in four CMS collections: Exhibitions, Artists, Talks and Journal. Each show's status (Current, Upcoming or Past) decides where it appears, and talks show up on the pages of their exhibition and artists. Type and colour come from five text styles in Playfair and colour styles for the three grounds, paper, wall and ink, so changing a style restyles the whole site. Desktop, tablet and phone are each designed, and the phone has its own menu.

The template comes with an editor-only Getting started guide, a /design-system page and eight skills for the Framer AI agent: always-on rules that keep the design consistent, plus /swap-hero-painting, /new-exhibition, /new-page, /retint, /retype, /polish-edit and /launch-check.

The paintings are public-domain (CC0) works from The Metropolitan Museum of Art Open Access collection, credited where they appear. The museum, the artists and the texts in the demo are fictional placeholders.

53:T682,

Dropzone is a drag-and-drop file field for Framer sites: contact and brief forms, application pages, client portals, anywhere a visitor needs to hand you a file. Native Framer forms have no file upload, and most upload components lean on a third-party storage service. Dropzone works on its own: it reads files on the visitor's device, and sends them only to an endpoint you choose.

The box tells a small story with every file. While a file is dragged over it, the figure opens a drawer, slides out a tray or lifts its flap. On drop, the file's chip flies in, the box gulps, and the file's tag issues from the figure with its progress filling behind the name. Removing a file plays the same story in reverse: the slot opens and the card lifts out. Oversize files, wrong types and a full box get a kind line inside the box, with a short shake, and repeated size refusals escalate through five lines.

Everything is set in the property panel, in five groups: Content, Look, Limits, Upload and Behavior. The component follows reduced motion (no shake, stretch or overshoot; short crossfades instead) and stays still on the Framer canvas.

Style: Hairline (seven animated line figures), Plain (a quiet arrow-into-tray icon for any site) or Custom (your own SVG or PNG, painted in Ink or kept in its colours).
Figures (Hairline): Drawers, Pigeonholes, Folder, Trays, Box, Mailbox and Single tray.
Files as: Tags (files come back out of the figure, inside the box) or List (rows under the box, with size, percentage and image thumbnails).

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-a1e0c773-d1ab-4dc1-86de-645157218a97-all:/unified/creator/a1e0c773-d1ab-4dc1-86de-645157218a97/activity/":[{"data":[{"id":"01a14695-9deb-7377-ae15-bd95e8db8c95","type":"comment.reply","target":{"type":"post","id":"01a14657-482a-7404-b5b6-16302234ec80","preview":"Halftone Tech","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-08ce-722e-a11f-f984cb68ab5e.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a14657-482a-7404-b5b6-16302234ec80","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a14695-9dd9-7759-a327-bd996a5b79f6","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a14657-482a-7404-b5b6-16302234ec80","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a1467d-44ee-72e6-b889-23fe6830c1b8"},"repost":null}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T21:19:32.843Z","latestAt":"2026-10-16T21:19:32.843Z"},{"id":"01a14695-4911-705a-8074-3c13be7c2f53","type":"comment.liked","target":{"type":"comment","id":"01a1467d-44ee-72e6-b889-23fe6830c1b8","preview":"💎💎","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"gem","emoji":"💎"}},{"type":"emoji","attrs":{"name":"gem","emoji":"💎"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a14657-482a-7404-b5b6-16302234ec80","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a1467d-44ee-72e6-b889-23fe6830c1b8"},"repost":null}},"context":{"type":"post","id":"01a14657-482a-7404-b5b6-16302234ec80","preview":"Halftone Tech","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-08ce-722e-a11f-f984cb68ab5e.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a14657-482a-7404-b5b6-16302234ec80","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T21:19:11.106Z","latestAt":"2026-10-16T21:19:11.106Z"},{"id":"01a14657-4a8f-740f-9ca9-c8a51ad719e1","type":"template.created","target":{"type":"template","id":"76118","preview":"Halftone Tech","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-08ce-722e-a11f-f984cb68ab5e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-16T20:11:28.271Z","latestAt":"2026-10-16T20:11:28.271Z"},{"id":"01a14551-ea3c-7382-a738-3d7e5635e533","type":"creator.followed","target":{"type":"creator","id":"85b55fb2-d136-41f5-ab24-0dda62826b44","preview":"Saimun Jubayer Shoyeb","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85b55fb2-d136-41f5-ab24-0dda62826b44/z0kq21r5","slug":"uixshoyeb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:25:58.712Z","latestAt":"2026-10-16T15:25:58.712Z"},{"id":"01a14551-e7e9-7300-8618-71ecea2d82bc","type":"creator.followed","target":{"type":"creator","id":"47eb2df9-9900-4df8-b8a2-cfb901cb9bd7","preview":"Patryk Palenque","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/47eb2df9-9900-4df8-b8a2-cfb901cb9bd7/5k21vitlc","slug":"patryk-palenque","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:25:58.118Z","latestAt":"2026-10-16T15:25:58.118Z"},{"id":"01a14551-e528-737e-b0d3-6269c1631cd5","type":"creator.followed","target":{"type":"creator","id":"fd383880-857e-4de3-a917-893fb06cd93e","preview":"Olamide A. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fd383880-857e-4de3-a917-893fb06cd93e/pz1knmzc","slug":"atinsola-olamide","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:25:57.413Z","latestAt":"2026-10-16T15:25:57.413Z"},{"id":"01a14551-e243-757c-895d-c111866ae366","type":"creator.followed","target":{"type":"creator","id":"0ec40449-f383-4448-84ca-814884932ce1","preview":"Artonest Design Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ec40449-f383-4448-84ca-814884932ce1/80tuh6u9","slug":"artonest-design-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:25:56.664Z","latestAt":"2026-10-16T15:25:56.664Z"},{"id":"01a14551-ddf6-735c-8310-5dacd48b12e1","type":"creator.followed","target":{"type":"creator","id":"4499ef1c-4b1c-4064-996e-a272314019b4","preview":"Khusanjon Jurabaev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4499ef1c-4b1c-4064-996e-a272314019b4/qkic1duq","slug":"astrodsgnr","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:25:55.570Z","latestAt":"2026-10-16T15:25:55.570Z"},{"id":"01a14551-ad6a-72c5-a49e-47d4c821eae9","type":"creator.followed","target":{"type":"creator","id":"49e8c64a-092f-4872-b831-77224bbd1680","preview":"ikhwan waldan maulana","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49e8c64a-092f-4872-b831-77224bbd1680/omsq6m70","slug":"ikhwan-waldan-maulana","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:25:43.141Z","latestAt":"2026-10-16T15:25:43.141Z"},{"id":"01a1454b-3c22-70c3-948c-ceab725e9816","type":"creator.followed","target":{"type":"creator","id":"86db0235-738c-4ad9-910a-d663b8886d16","preview":"Oğuzhan Dican","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/606004/avatar-s9Of7TxxhQ1k4ZtBehrZEXnjgcefJV.jpg","slug":"oguzhan-dican","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:18:40.922Z","latestAt":"2026-10-16T15:18:40.922Z"},{"id":"01a1454b-3978-76c9-bac4-7c28bd82f7e4","type":"creator.followed","target":{"type":"creator","id":"ec61ceb6-71a8-4d10-a02e-7f6b06d50bd2","preview":"Jakob Hauritz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1234436/avatar-TEwAsArCLaGXb8bzpC0JtLwCzwX7wg.jpg","slug":"jakob-ps","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:18:40.226Z","latestAt":"2026-10-16T15:18:40.226Z"},{"id":"01a1454b-3854-729f-b473-75f100f5c46e","type":"creator.followed","target":{"type":"creator","id":"5ee32ca8-1069-43ff-a0a8-c360b830c032","preview":"Ishaan Patel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5ee32ca8-1069-43ff-a0a8-c360b830c032/65vrtee4","slug":"ishaan-patel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T15:18:39.952Z","latestAt":"2026-10-16T15:18:39.952Z"},{"id":"01a144b8-dd9d-72fa-b7ec-2a3c73be60cc","type":"comment.reply","target":{"type":"post","id":"01a14449-e81d-738b-a18b-e17dc5370b84","preview":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?\nCopy Signature Field\nCopy Drop Zone\nCopy Access Code","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Copy Signature Field","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/ygsuJgF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Drop Zone","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/V2RpwNj","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Access Code","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/UZLONez","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/pyx668Z00a4kCcjikWYvVKQ2Hzyc1OkdUb8WbgiVLjWg/thumbnail.webp?time=13.2","targetDeleted":false,"owned":true,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a144b8-dd82-72ed-84a3-33a3263416db","preview":"Noted!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Noted!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a144b3-f563-704e-a8bd-08902e6e0f4c"},"repost":null}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T12:38:48.477Z","latestAt":"2026-10-16T12:38:48.477Z"},{"id":"01a144b8-b3f4-7218-95f5-9b4900527436","type":"comment.reply","target":{"type":"post","id":"01a14449-e81d-738b-a18b-e17dc5370b84","preview":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?\nCopy Signature Field\nCopy Drop Zone\nCopy Access Code","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Copy Signature Field","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/ygsuJgF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Drop Zone","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/V2RpwNj","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Access Code","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/UZLONez","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/pyx668Z00a4kCcjikWYvVKQ2Hzyc1OkdUb8WbgiVLjWg/thumbnail.webp?time=13.2","targetDeleted":false,"owned":true,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a144b8-b3da-7279-90b4-29c41632806b","preview":"Yes! You can select type of item and size! It te full custom! It also has many different illustrations and animations","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes! You can select type of item and size! It te full custom! It also has many different illustrations and animations"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a144a7-e8ed-71df-88d9-61b63b0fe97f"},"repost":null}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T12:38:37.812Z","latestAt":"2026-10-16T12:38:37.812Z"},{"id":"01a144b8-092c-77b8-9023-f6f58b3654fa","type":"comment.liked","target":{"type":"comment","id":"01a144a7-e8ed-71df-88d9-61b63b0fe97f","preview":"Drop Zone would be my pick. Does it support multiple files and a file size limit?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Zone would be my pick. Does it support multiple files and a file size limit?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a144a7-e8ed-71df-88d9-61b63b0fe97f"},"repost":null}},"context":{"type":"post","id":"01a14449-e81d-738b-a18b-e17dc5370b84","preview":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?\nCopy Signature Field\nCopy Drop Zone\nCopy Access Code","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Copy Signature Field","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/ygsuJgF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Drop Zone","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/V2RpwNj","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Access Code","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/UZLONez","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/pyx668Z00a4kCcjikWYvVKQ2Hzyc1OkdUb8WbgiVLjWg/thumbnail.webp?time=13.2","targetDeleted":false,"owned":true,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T12:37:54.089Z","latestAt":"2026-10-16T12:37:54.089Z"},{"id":"01a144b8-06cc-7319-8453-97dd6d575aaa","type":"comment.liked","target":{"type":"comment","id":"01a144b3-f563-704e-a8bd-08902e6e0f4c","preview":"signature field for me. contract and onboarding forms on agency sites always end up bouncing to a separate e-sign tool, having it right on the page is way smoother","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"signature field for me. contract and onboarding forms on agency sites always end up bouncing to a separate e-sign tool, having it right on the page is way smoother"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a144b3-f563-704e-a8bd-08902e6e0f4c"},"repost":null}},"context":{"type":"post","id":"01a14449-e81d-738b-a18b-e17dc5370b84","preview":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?\nCopy Signature Field\nCopy Drop Zone\nCopy Access Code","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Copy Signature Field","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/ygsuJgF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Drop Zone","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/V2RpwNj","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Access Code","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/UZLONez","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/pyx668Z00a4kCcjikWYvVKQ2Hzyc1OkdUb8WbgiVLjWg/thumbnail.webp?time=13.2","targetDeleted":false,"owned":true,"actions":{"postId":"01a14449-e81d-738b-a18b-e17dc5370b84","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T12:37:53.480Z","latestAt":"2026-10-16T12:37:53.480Z"},{"id":"01a14480-7754-766c-9d92-90633b4e6343","type":"creator.followed","target":{"type":"creator","id":"9a0bdf2d-7f5d-4483-b9f9-3a058fbc42ce","preview":"Gigas Design Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/230484/avatar-mb0hVq8kgdqxSPh9fCdaZE0HrdccRl.jpg","slug":"mauricio-herrera","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T11:37:12.271Z","latestAt":"2026-10-16T11:37:12.271Z"},{"id":"01a14480-75fe-757c-8581-16a9fa54c984","type":"creator.followed","target":{"type":"creator","id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","preview":"Asif Aleem","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1355627/a42688efa2d11283c5837a3d8ef0be89-VTV9smtGd3Xc4vcAkIqCMc4sKjuXQS","slug":"asif-aleem","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T11:37:11.929Z","latestAt":"2026-10-16T11:37:11.929Z"},{"id":"01a14479-6b78-7760-a858-8f68f32fcadf","type":"comment.liked","target":{"type":"comment","id":"01a14469-15a6-762d-9ae1-38b419633fe7","preview":"Super cool parallax","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Super cool parallax"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a14123-e016-749c-94f8-eb6f824ad631","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14469-15a6-762d-9ae1-38b419633fe7"},"repost":null}},"context":{"type":"post","id":"01a14123-e016-749c-94f8-eb6f824ad631","preview":"Painted Sky","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14121-ac8f-7601-a746-1c680243c702.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a14123-e016-749c-94f8-eb6f824ad631","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T11:29:30.482Z","latestAt":"2026-10-16T11:29:30.482Z"},{"id":"01a14467-9753-7669-8a2f-7975474d8a78","type":"creator.followed","target":{"type":"creator","id":"5e863604-d2f1-4a69-a2df-f72c03d18ab7","preview":"Anastasiia Tkach","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2536387/TZK8tS3Wr-26aa6tSamDjgra7vCqOztRuOo80RJ6","slug":"anastasiia-tkach-x0mjkd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T11:10:02.060Z","latestAt":"2026-10-16T11:10:02.060Z"}],"pagination":{"next":"MjAyNi0xMC0xNlQxMToxMDowMi4wNjBafDAxYTE0NDY3LTk3NTMtNzY2OS04YTJmLTc5NzU0NzRkOGE3OA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:a1e0c773-d1ab-4dc1-86de-645157218a97:/unified/posts/?creator=a1e0c773-d1ab-4dc1-86de-645157218a97&with=reposts":[{"data":[{"id":"01a14776-d570-718b-a805-c01986ead51f","title":null,"body":"

A free one-page site for a trading desk. Candles draw in as you scroll, and an order book sits under the hero. A /design-system page names every layer. What would you trade on it?

Copy Halftone Tech

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A free one-page site for a trading desk. Candles draw in as you scroll, and an order book sits under the hero. A /design-system page names every layer. What would you trade on it?"}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Halftone Tech","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/b5gPfhH","target":"_blank"}}]}]}]},"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/SLRRrrp8Qq007F3bkKTMAgvjsX9srTnxzcUFY900nBfSg.m3u8","metadata":{"posterUrl":"https://image.mux.com/SLRRrrp8Qq007F3bkKTMAgvjsX9srTnxzcUFY900nBfSg/thumbnail.webp?time=10.45","aspectRatio":"16:9","duration":15.333333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-17T01:25:32.659Z","updatedAt":"2026-10-17T01:25:32.659Z","type":"post"},{"id":"01a14657-482a-7404-b5b6-16302234ec80","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"76118","resolved":true,"title":"Halftone Tech","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Halftone is a one-page landing site for a trading desk, exchange, broker tool or any fintech product that needs to show a working interface instead of a stock illustration. It is built for founders and designers who want the product on screen from the first scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"The page opens on the desk itself. On desktop the hero scene is pinned and the dashboard tilts flat as you scroll, with order chips arriving around it. On tablet and phone the desk enters once, and on phone it becomes an app view. Below it, the Seat section shows a market tape that fades at both edges and an eight-level order book on each side of the spread. Markets places a city skyline behind six trading sessions. Workflow draws one trade across a candle chart in five steps, from research to review. The page continues with one membership plan with a second, smaller tier, four figures over an Earth-at-night photo with a quote, a five-question FAQ where one answer opens at a time, and a closing section with contact buttons and the footer."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is built with native Framer layers and canvas components, so the copy, prices, links, photos and colours are edited in the canvas. There are no code components to maintain. Colours and type come from shared styles: six text styles in Instrument Sans and Fragment Mono, and colour styles for ground, ink, muted text and one accent used for data. Changing a style restyles the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone are each designed, not scaled. The navigation becomes a menu with an index drawer on tablet and phone, and the sections that need it have their own tablet and phone versions."}]},{"type":"paragraph","content":[{"type":"text","text":"Every figure on the page is example content: prices, market data, the testimonial and the email address. Replace them before you publish."}]}]},"introduction":"Landing for a trading product.","slug":"halftone-tech","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/YZfPcpm100uQjYy00MBH2VnEjvlULvf2C6zuoj6bYA3Y00.m3u8","metadata":{"posterUrl":"https://image.mux.com/YZfPcpm100uQjYy00MBH2VnEjvlULvf2C6zuoj6bYA3Y00/thumbnail.webp?time=10.428","aspectRatio":"1:1","duration":15.308844}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-08ce-722e-a11f-f984cb68ab5e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-092c-77db-ae5f-2bde13ac2b7b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":560,"height":1100}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-0909-75de-bddd-643ad72b463f.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1000,"height":1100}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14657-093c-74cd-80f5-4bece2e0c0d9.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":548,"height":3200}}],"post":null,"createdAt":"2026-10-16T20:11:27.002Z","updatedAt":"2026-10-16T20:11:27.002Z","publishedAt":"2026-10-16T20:11:26.999Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/b5gPfhH","remixUrl":"https://framer.link/b5gPfhH","previewUrl":"https://half-tone.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":272,"name":"Fintech","slug":"fintech"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-16T20:11:27.658Z","updatedAt":"2026-10-16T20:11:27.658Z","type":"post"},{"id":"01a14449-e81d-738b-a18b-e17dc5370b84","title":null,"body":"

Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?

Copy Signature Field

Copy Drop Zone

Copy Access Code

Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?

Copy Signature Field

Copy Drop Zone

Copy Access Code

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Three free form components for Framer: sign on the page, drop a real file, paste an invite code. Which one is missing from your forms?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Copy Signature Field","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/ygsuJgF","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Drop Zone","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/V2RpwNj","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Access Code","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/UZLONez","target":"_blank"}}]}]}]},"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/pyx668Z00a4kCcjikWYvVKQ2Hzyc1OkdUb8WbgiVLjWg.m3u8","metadata":{"posterUrl":"https://image.mux.com/pyx668Z00a4kCcjikWYvVKQ2Hzyc1OkdUb8WbgiVLjWg/thumbnail.webp?time=13.2","aspectRatio":"480:373","duration":15.92}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":4},"reposts":{"count":3,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-16T10:37:36.674Z","updatedAt":"2026-10-16T10:37:36.674Z","type":"post"},{"id":"01a14123-e016-749c-94f8-eb6f824ad631","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"76033","resolved":true,"title":"Painted Sky","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Painted Sky is a website template for a small museum, gallery or exhibition space. It puts the work, the programme and the visit on one calm site, and lets the paintings carry it."}]},{"type":"paragraph","content":[{"type":"text","text":"The Home page opens on a painted sky. On a first visit, brush strokes paint it in layer by layer, and then the clouds keep drifting slowly. As you scroll, the sky shrinks into a framed painting hung on a wall, with its wall label and picture light. Moving between pages, a wall-coloured brush lifts off the page you arrive on."}]},{"type":"paragraph","content":[{"type":"text","text":"There are twelve pages. Exhibitions shows what is on, what opens next and what has closed. Each exhibition page hangs its works on the wall and lists its artists and talks. The Artists index reveals a band of each artist's sky on hover. Visit holds the opening hours, the price list and an isometric plan of the rooms: point at a room in the legend and it rises on the plan. There is also a Journal with a lead story, an About page, Contact with a form, Privacy, Terms and a 404."}]},{"type":"paragraph","content":[{"type":"text","text":"Content lives in four CMS collections: Exhibitions, Artists, Talks and Journal. Each show's status (Current, Upcoming or Past) decides where it appears, and talks show up on the pages of their exhibition and artists. Type and colour come from five text styles in Playfair and colour styles for the three grounds, paper, wall and ink, so changing a style restyles the whole site. Desktop, tablet and phone are each designed, and the phone has its own menu."}]},{"type":"paragraph","content":[{"type":"text","text":"The template comes with an editor-only Getting started guide, a /design-system page and eight skills for the Framer AI agent: always-on rules that keep the design consistent, plus /swap-hero-painting, /new-exhibition, /new-page, /retint, /retype, /polish-edit and /launch-check."}]},{"type":"paragraph","content":[{"type":"text","text":"The paintings are public-domain (CC0) works from The Metropolitan Museum of Art Open Access collection, credited where they appear. The museum, the artists and the texts in the demo are fictional placeholders."}]}]},"introduction":"Small museum or gallery","slug":"painted-sky","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Vh9OI4BZReJ23nw7KDm01bEeJo500frX6RzZCIZZQ01T00c.m3u8","metadata":{"posterUrl":"https://image.mux.com/Vh9OI4BZReJ23nw7KDm01bEeJo500frX6RzZCIZZQ01T00c/thumbnail.webp?time=1.9","aspectRatio":"16:9","duration":23.783333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14121-ac8f-7601-a746-1c680243c702.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14121-acd3-74e2-bd5e-60ca9c9cac6a.png","metadata":{"tint":{"h":180,"s":25,"l":13},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14121-acce-74cc-9746-485ea4bc8d38.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a14121-ac86-725d-af6c-f8ba5ce809e0.png","metadata":{"tint":{"h":240,"s":17,"l":19},"width":2880,"height":1800}}],"post":null,"createdAt":"2026-10-15T19:57:11.951Z","updatedAt":"2026-10-15T19:57:11.951Z","publishedAt":"2026-10-15T19:57:11.946Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/hAUjm38","remixUrl":"https://framer.link/hAUjm38","previewUrl":"https://paintedsky.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":236,"name":"Light","slug":"light"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":267,"name":"Artists","slug":"artists"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-15T19:57:12.598Z","updatedAt":"2026-10-15T19:57:12.598Z","type":"post"},{"id":"01a12c6c-15e1-726d-bfaf-281b7488a426","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IIEQ4lh64SJVhM5rj1g7","resolved":true,"title":"Drop Zone","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dropzone is a drag-and-drop file field for Framer sites: contact and brief forms, application pages, client portals, anywhere a visitor needs to hand you a file. Native Framer forms have no file upload, and most upload components lean on a third-party storage service. Dropzone works on its own: it reads files on the visitor's device, and sends them only to an endpoint you choose."}]},{"type":"paragraph","content":[{"type":"text","text":"The box tells a small story with every file. While a file is dragged over it, the figure opens a drawer, slides out a tray or lifts its flap. On drop, the file's chip flies in, the box gulps, and the file's tag issues from the figure with its progress filling behind the name. Removing a file plays the same story in reverse: the slot opens and the card lifts out. Oversize files, wrong types and a full box get a kind line inside the box, with a short shake, and repeated size refusals escalate through five lines."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is set in the property panel, in five groups: Content, Look, Limits, Upload and Behavior. The component follows reduced motion (no shake, stretch or overshoot; short crossfades instead) and stays still on the Framer canvas."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style:","marks":[{"type":"bold"}]},{"type":"text","text":" Hairline (seven animated line figures), Plain (a quiet arrow-into-tray icon for any site) or Custom (your own SVG or PNG, painted in Ink or kept in its colours)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Figures (Hairline):","marks":[{"type":"bold"}]},{"type":"text","text":" Drawers, Pigeonholes, Folder, Trays, Box, Mailbox and Single tray."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Files as:","marks":[{"type":"bold"}]},{"type":"text","text":" Tags (files come back out of the figure, inside the box) or List (rows under the box, with size, percentage and image thumbnails)."}]}]}]}]},"introduction":"Drop real files onto a figure","slug":"drop-zone","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a12c6b-fccf-7209-9efe-cb3b6e209124.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-10-11T19:24:02.782Z","updatedAt":"2026-10-12T12:06:45.088Z","publishedAt":"2026-10-11T19:24:02.780Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-Dropzone-IgWGRV.js@iUG7tGjauDx13Tego786","previewUrl":"https://dropithere.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"iUG7tGjauDx13Tego786","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-11T19:24:03.425Z","updatedAt":"2026-10-11T19:24:03.425Z","type":"post"},{"id":"01a11d49-5f9a-7058-8f85-f63b57e02cae","title":null,"body":"

Drop it into a contact, booking or consent form and it sits there like any other field.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into a contact, booking or consent form and it sits there like any other field."}]}]},"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"LYFN8TIUB3AWsR5RAm6W","resolved":true,"title":"Signature Field","body":"

A signature field for any Framer form. Visitors draw on a dotted pad above a baseline. Sign locks the ink, Clear empties the pad so they can start again.

Drop it into a contact, booking or consent form and it sits there like any other field.

Free. Copy Component onto your canvas.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A signature field for any Framer form. Visitors draw on a dotted pad above a baseline. Sign locks the ink, Clear empties the pad so they can start again."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into a contact, booking or consent form and it sits there like any other field."}]},{"type":"paragraph","content":[{"type":"text","text":"Free. Copy Component onto your canvas."}]}]},"introduction":"Your signature right on the page.","slug":"signature-field","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a11d49-38df-76e9-8b3a-4cda525a0666.png","metadata":{"tint":{"h":30,"s":41,"l":55},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-08T20:51:49.601Z","updatedAt":"2026-10-08T20:51:49.601Z","publishedAt":"2026-10-08T20:51:49.599Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-SignatureField-2laxaF.js@smUDE3IAiHzaEJt2jalZ","previewUrl":"https://signaturecard.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"smUDE3IAiHzaEJt2jalZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-08T20:51:50.298Z","updatedAt":"2026-10-08T20:51:50.298Z","type":"post"},{"id":"01a11b05-e34b-7631-98c1-ad4803381e1e","title":null,"body":"

Drag any letter. A line holds it, then it springs home

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag any letter. A line holds it, then it springs home"}]}]},"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"e013v8ilTMuOeDlZtBVB","resolved":true,"title":"DragDrop","body":"

Grab any letter in your headline and pull it. A thin line stays tied to where it started, and when you let go, it springs back into place.

Pick the feel in the properties panel: plain spring, soft blur while it moves, or a red-cyan split. Your own text and font, works in any section.

Free. Copy Component onto your canvas.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Grab any letter in your headline and pull it. A thin line stays tied to where it started, and when you let go, it springs back into place."}]},{"type":"paragraph","content":[{"type":"text","text":"Pick the feel in the properties panel: plain spring, soft blur while it moves, or a red-cyan split. Your own text and font, works in any section."}]},{"type":"paragraph","content":[{"type":"text","text":"Free. Copy Component onto your canvas."}]}]},"introduction":"Drag a letter on a line - snaps.","slug":"dragdrop","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a11b05-92ec-73d4-a1c4-3b05af2c033a.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3024,"height":2160}}],"post":null,"createdAt":"2026-10-08T10:18:52.446Z","updatedAt":"2026-10-08T10:24:28.291Z","publishedAt":"2026-10-08T10:18:52.442Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/dragdrop-d5eF9W.js@hMt9NbQ8YyL36ds4E265","previewUrl":"https://obedient-signposts-144062.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"hMt9NbQ8YyL36ds4E265","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-10-08T10:18:53.131Z","updatedAt":"2026-10-08T10:18:53.131Z","type":"post"},{"id":"01a11608-5f78-75a8-834f-cd7312a4a9de","title":null,"body":"

One headline. Letters sit on their own fields and drift light under glass.

The lens follows your hand and tugs the glyphs as you move — not a warp mesh, not a tethered letter.

Free. Copy Component onto the canvas.

One headline. Letters sit on their own fields and drift light under glass.

The lens follows your hand and tugs the glyphs as you move — not a warp mesh, not a tethered letter.

Free. Copy Component onto the canvas.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One headline. Letters sit on their own fields and drift light under glass."}]},{"type":"paragraph","content":[{"type":"text","text":"The lens follows your hand and tugs the glyphs as you move — not a warp mesh, not a tethered letter."}]},{"type":"paragraph","content":[{"type":"text","text":"Free. Copy Component onto the canvas."}]}]},"introduction":"Glass drift on one line.","slug":"mark-glass","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a11608-21e4-7077-ac5c-cf89d10abbe8.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1200,"height":800}}],"post":null,"createdAt":"2026-10-07T11:03:29.251Z","updatedAt":"2026-10-07T11:03:29.251Z","publishedAt":"2026-10-07T11:03:29.248Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/MarkGlass-ZCVisq.js@QzyciKRF84JSbH9h6HF4","previewUrl":"https://shining-tulip-594956.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"QzyciKRF84JSbH9h6HF4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T11:03:29.912Z","updatedAt":"2026-10-07T11:03:29.912Z","type":"post"},{"id":"01a11247-a9ab-704c-a7f7-5def74354b26","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gUSB2etMCJVlsD3vNIT9","resolved":true,"title":"Stickers Folder","body":"

Secret Folder lifts the cover just enough — two lines on the sheet, stickers sitting above. Click or drag. Canvas stays still.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Secret Folder lifts the cover just enough — two lines on the sheet, stickers sitting above. Click or drag. Canvas stays still."}]}]},"introduction":"Cover lifts, stickers on top","slug":"stickers-folder","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a1123b-e389-75f9-b4e8-6033312cb5c2.png","metadata":{"tint":{"h":0,"s":13,"l":60},"width":1200,"height":800}}],"post":null,"createdAt":"2026-10-06T17:34:08.117Z","updatedAt":"2026-10-06T17:39:14.992Z","publishedAt":"2026-10-06T17:34:08.115Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-StickersFolder-x49KqY.js@zJSW7Y92TJHA5FasI8vx","previewUrl":"https://secretfolder.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"zJSW7Y92TJHA5FasI8vx","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-10-06T17:34:08.812Z","updatedAt":"2026-10-06T17:34:08.812Z","type":"post"},{"id":"01a10c4e-a0cb-76fb-bc49-f59ca7f7fdb9","title":null,"body":"

Free. Click the cover or drag the edge — it opens onto a ruled sheet. Name, work, signature, portrait. Stickers on the page, each with its own link.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free. Click the cover or drag the edge — it opens onto a ruled sheet. Name, work, signature, portrait. Stickers on the page, each with its own link."}]}]},"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kO5aIh78E1ZTR52SIPes","resolved":true,"title":"Notebook Cover","body":"

Click the cover or drag the edge. It opens onto ruled paper — name, work, signature, portrait. Stickers keep their own links. The canvas stays still.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Click the cover or drag the edge. It opens onto ruled paper — name, work, signature, portrait. Stickers keep their own links. The canvas stays still."}]}]},"introduction":"Cover opens to a ruled page…","slug":"notebook-cover","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a10c3e-e592-7753-a8f2-3973cf1d10c1.png","metadata":{"tint":{"h":20,"s":38,"l":58},"width":1200,"height":836}}],"post":null,"createdAt":"2026-10-05T13:44:01.287Z","updatedAt":"2026-10-09T15:46:31.374Z","publishedAt":"2026-10-05T13:44:01.280Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-Notebook-sdxCBB.js@5ZtxyOHCEZsCSdGJEjCs","previewUrl":"https://notebookresume.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"5ZtxyOHCEZsCSdGJEjCs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T13:44:01.995Z","updatedAt":"2026-10-05T13:44:01.995Z","type":"post"},{"id":"01a0d974-1813-7545-8995-d7e40c61d919","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"InKSdT8goEurWW8C8I2X","resolved":true,"title":"Pill Lens","body":"

Drop Pills on the page. Photos sit in one horizontal row under a single lens.

Negative distortion is a wide shallow dish.

Positive distortion pinches and still fills the frame.

Drag and scroll move the row through the glass. The page scroll is not trapped. A corner radius of 0 is a sharp corner. Half the short side is a pill.

Each photo can carry its own link. The canvas stays still. Replace the photos, and set distortion, gloss, and size in the panel.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Pills on the page. Photos sit in one horizontal row under a single lens. "}]},{"type":"paragraph","content":[{"type":"text","text":"Negative distortion is a wide shallow dish. "}]},{"type":"paragraph","content":[{"type":"text","text":"Positive distortion pinches and still fills the frame. "}]},{"type":"paragraph","content":[{"type":"text","text":"Drag and scroll move the row through the glass. The page scroll is not trapped. A corner radius of 0 is a sharp corner. Half the short side is a pill. "}]},{"type":"paragraph","content":[{"type":"text","text":"Each photo can carry its own link. The canvas stays still. Replace the photos, and set distortion, gloss, and size in the panel."}]}]},"introduction":"Row of photo pills under one lens","slug":"pill-lens","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a0d973-edd7-72c2-b38e-37f6ecbbdc79.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-25T16:44:18.712Z","updatedAt":"2026-09-30T13:25:25.643Z","publishedAt":"2026-09-25T16:44:18.709Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-Pills-RKDoEb.js@RiEAtVc5JjJFywe1rhjl","previewUrl":"https://great-mermaid-706164.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"RiEAtVc5JjJFywe1rhjl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T16:44:19.347Z","updatedAt":"2026-09-25T16:44:19.347Z","type":"post"},{"id":"01a0c95a-e9f8-76eb-8cde-0783b0e75535","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cGQyAd0kOmZa0fhfE1Gg","resolved":true,"title":"Lens Warp","body":"

Drop Lens Warp on the page. Nine photos sit in one grid under a single lens. Negative distortion is a concave dish. Positive distortion pinches and still fills the frame.

Scroll and drag move the mosaic through the glass. The page scroll is not trapped. Phone width folds the grid to two columns.

The canvas and a static export freeze the same frame. Replace the photos, and set distortion and gloss in the panel.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Lens Warp on the page. Nine photos sit in one grid under a single lens. Negative distortion is a concave dish. Positive distortion pinches and still fills the frame. "}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll and drag move the mosaic through the glass. The page scroll is not trapped. Phone width folds the grid to two columns. "}]},{"type":"paragraph","content":[{"type":"text","text":"The canvas and a static export freeze the same frame. Replace the photos, and set distortion and gloss in the panel."}]}]},"introduction":"Mosaic under one optical lens.","slug":"lens-warp","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a0c963-3e4c-700a-96e8-571522e6dc41.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1024,"height":682}}],"post":null,"createdAt":"2026-09-22T13:42:53.083Z","updatedAt":"2026-09-22T13:52:03.073Z","publishedAt":"2026-09-22T13:42:53.075Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-LensWarp-leoLwz.js@l9uxDoS2FlyPMvjb12Jt","previewUrl":"https://technical-researchers-468369.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"l9uxDoS2FlyPMvjb12Jt","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-22T13:42:53.688Z","updatedAt":"2026-09-22T13:42:53.688Z","type":"post"},{"id":"01a0b5b6-7f26-77ad-ab55-16df9db93896","title":null,"body":"

Free Framer component. Badge on a lanyard: grab, throw, settle. Name, photo, and event are yours.

That’s it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free Framer component. Badge on a lanyard: grab, throw, settle. Name, photo, and event are yours."}]},{"type":"paragraph","content":[{"type":"text","text":"That’s it."}]}]},"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OBYThRcComdwLglVaxyE","resolved":true,"title":"Lanyard Pass","body":"

Lanyard Pass is a 3D credential on a lanyard. Grab it, throw it, watch it settle.

Full-art print, PVC sleeve, linen or gloss. Name, photo, and event are yours.

Motion off holds the rest pose. Canvas and reduced-motion stay still.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Lanyard Pass is a 3D credential on a lanyard. Grab it, throw it, watch it settle."}]},{"type":"paragraph","content":[{"type":"text","text":"Full-art print, PVC sleeve, linen or gloss. Name, photo, and event are yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion off holds the rest pose. Canvas and reduced-motion stay still."}]}]},"introduction":"Credential you can grab and throw.","slug":"lanyard-pass","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a0b5b0-bed1-7549-87ba-056477353184.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-18T18:10:30.678Z","updatedAt":"2026-10-16T19:50:21.907Z","publishedAt":"2026-09-18T18:10:30.674Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Kern-LanyardPass-757vlY.js@tLX19FzkqPTLtw2tLnqO","previewUrl":"https://basic-quail-243157.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"tLX19FzkqPTLtw2tLnqO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T18:10:31.334Z","updatedAt":"2026-09-18T18:10:31.334Z","type":"post"},{"id":"01a096cf-83ed-7769-a243-b5e49682fa49","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vQgIiUFziKwGM66o5OOn","resolved":true,"title":"Original Pill","body":"

Original Pill is a compact CTA: a rounded label pill with an arrow circle that scales in from the left on hover. Rest state is just the label. Hover brings the arrow circle in; leave and it settles back.

Built for hero CTAs, pricing rows, and quiet product pages where a full button chrome is too loud.

Drop it in, set the label and link, match fill and type to your brand. Preview motion on the published site (hover).

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Original Pill is a compact CTA: a rounded label pill with an arrow circle that scales in from the left on hover. Rest state is just the label. Hover brings the arrow circle in; leave and it settles back."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for hero CTAs, pricing rows, and quiet product pages where a full button chrome is too loud."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, set the label and link, match fill and type to your brand. Preview motion on the published site (hover)."}]}]},"introduction":"Arrow circle expands to the label","slug":"original-pill","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a096cf-2942-726f-9c40-45d11faae841.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1200,"height":800}}],"post":null,"createdAt":"2026-09-12T18:09:36.665Z","updatedAt":"2026-09-12T18:09:36.665Z","publishedAt":"2026-09-12T18:09:36.662Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Hover-Reveal-Button-nCSaRj.js@tbzZjciR0KpzUT0b2IaO","previewUrl":"https://originalpill.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"tbzZjciR0KpzUT0b2IaO","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-09-12T18:09:37.262Z","updatedAt":"2026-09-12T18:09:37.262Z","type":"post"},{"id":"01a05277-75b9-741a-b75c-247d769845fd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NOs0w7D2fey67MLNfEJI","resolved":true,"title":"Glass Type","body":"

The glass follows. Type does not.

One radial glass lens sits on your type. Move the mouse and the glass tracks. The letters stay where they are.

Two scenes:

→ Line — the whole string rises through the lens

→ Drift — each word walks through once

Play:

→ Hover — type parked. Glass follows if Lens is On.

→ Once — plays through and holds

→ Loop — rises and falls

Paper is transparent on drop, so the page shows through. Ink is the letters. Fringe is the color split at the rim. Scale is optical size. Amount is travel and pinch. 0 is still.

Lens is mouse only. On a phone, Hover, Once, and Loop still run. Reduced motion freezes the same tree.

Built brutally well.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The glass follows. Type does not."}]},{"type":"paragraph","content":[{"type":"text","text":"One radial glass lens sits on your type. Move the mouse and the glass tracks. The letters stay where they are."}]},{"type":"paragraph","content":[{"type":"text","text":"Two scenes:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Line — the whole string rises through the lens"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Drift — each word walks through once"}]},{"type":"paragraph","content":[{"type":"text","text":"Play:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Hover — type parked. Glass follows if Lens is On."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Once — plays through and holds"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Loop — rises and falls"}]},{"type":"paragraph","content":[{"type":"text","text":"Paper is transparent on drop, so the page shows through. Ink is the letters. Fringe is the color split at the rim. Scale is optical size. Amount is travel and pinch. 0 is still."}]},{"type":"paragraph","content":[{"type":"text","text":"Lens is mouse only. On a phone, Hover, Once, and Loop still run. Reduced motion freezes the same tree."}]},{"type":"paragraph","content":[{"type":"text","text":"Built brutally well."}]}]},"introduction":"One glass lens over your type.","slug":"glass-type","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a05277-5424-70e9-a74f-e12500b2ced1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":960,"height":444}}],"post":null,"createdAt":"2026-08-30T11:39:15.213Z","updatedAt":"2026-10-02T17:45:58.461Z","publishedAt":"2026-08-30T11:39:15.211Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/BuiltByKern-GlassType-uWQoNV.js@owWod8OoCjGks2GzWjVO","previewUrl":"https://social-track-366523.framer.app/thumbnail","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"owWod8OoCjGks2GzWjVO","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-30T11:39:15.769Z","updatedAt":"2026-08-30T11:39:15.769Z","type":"post"},{"id":"019fe6ee-7e10-703d-a038-6a2c98ae0efe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bUvDMwff9fTqu2awJkIb","resolved":true,"title":"Type Peek","body":"

Type Peek is a keyword ticker for Framer sites: editorial words stream in seamless lanes while 1–2 photo windows weave through letter-level stacking (Saviour-style). Hover or tap opens a left-to-right crop reveal anchored to source glyphs; optional links per word. Ceramic still-life defaults, coral ember accent, transparent background for Kern page atmosphere. Canvas Active index freezes the same layered tree for Export. Reduced-motion aware, in-view image preload, CDN-capped peeks. Zero packages beyond framer / framer-motion. Setup (buyer)

Insert Type Peek · size full-width or ~1080×580
Prefer transparent Background · put Kern atmosphere on the page
Edit Content → Words (label · Image 1/2 · link)
Tune Look (Solid / Accent / Windows) and Ticker rows

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Type Peek is a keyword ticker for Framer sites: editorial words stream in seamless lanes while 1–2 photo windows weave through letter-level stacking (Saviour-style). Hover or tap opens a left-to-right crop reveal anchored to source glyphs; optional links per word. Ceramic still-life defaults, coral ember accent, transparent background for Kern page atmosphere. Canvas Active index freezes the same layered tree for Export. Reduced-motion aware, in-view image preload, CDN-capped peeks. Zero packages beyond framer / framer-motion. Setup (buyer)"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Insert "},{"type":"text","text":"Type Peek","marks":[{"type":"bold"}]},{"type":"text","text":" · size full-width or ~1080×580"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Prefer transparent Background · put Kern atmosphere on the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit Content → Words (label · Image 1/2 · link)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune Look (Solid / Accent / Windows) and Ticker rows"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Letter-anchored photo weave.","slug":"type-peek","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/019fe6ee-6bc4-73fb-9a62-f2afdc217336.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1200,"height":900}}],"post":null,"createdAt":"2026-08-09T14:30:16.772Z","updatedAt":"2026-09-30T13:24:40.176Z","publishedAt":"2026-08-09T14:30:16.763Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TypePeek-jPKPl0.js@912Dg3uQGpuFoVMvq57F","previewUrl":"https://straightforward-engineers-555983.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"912Dg3uQGpuFoVMvq57F","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T14:30:17.360Z","updatedAt":"2026-08-09T14:30:17.360Z","type":"post"},{"id":"019fe6ea-2ce4-74af-ab88-d4c29c51bb32","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nkSoWxKJ54GOoBjdJag7","resolved":true,"title":"Archive Preview","body":"

Hover an archive row and a muted film plate opens through a Gate slit, follows the cursor with velocity tilt, and a hairline VIEW ring.

Built for editorial and film shelves. Transparent on Kern atmosphere.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover an archive row and a muted film plate opens through a Gate slit, follows the cursor with velocity tilt, and a hairline VIEW ring."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial and film shelves. Transparent on Kern atmosphere."}]}]},"introduction":"Hover an archive row — Gate slit,","slug":"archive-preview","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/01a0d971-faf3-701f-b8c0-8809210f4a50.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1464,"height":1080}}],"post":null,"createdAt":"2026-08-09T14:25:33.997Z","updatedAt":"2026-10-08T12:34:08.460Z","publishedAt":"2026-08-09T14:25:33.993Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ArchivePreview-08eu6K.js@MWE7v5Fr0lDFdyzps0Ta","previewUrl":"https://appreciative-let-618414.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"MWE7v5Fr0lDFdyzps0Ta","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T14:25:34.436Z","updatedAt":"2026-08-09T14:25:34.436Z","type":"post"},{"id":"019fcea8-0a73-7429-bd07-8fc528df496a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7iGmvQhAifMZtpMixai0","resolved":true,"title":"Dive Field","body":"

Dive Field is a full-bleed typographic depth field for Framer.

Type stacks in Z; wheel, drag, or focused keys advance a damped camera through fog and chromatic dissolve.

Motion → Loop On repeats forever; Loop Off stops at the last plane and hands scroll back to the page.

BuiltByKern: #060606 ground, accent #6FFF8A, zero external packages. Canvas-safe static stack; reduced-motion aware.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dive Field is a full-bleed typographic depth field for Framer. "}]},{"type":"paragraph","content":[{"type":"text","text":"Type stacks in Z; wheel, drag, or focused keys advance a damped camera through fog and chromatic dissolve. "}]},{"type":"paragraph","content":[{"type":"text","text":"Motion → Loop On repeats forever; Loop Off stops at the last plane and hands scroll back to the page. "}]},{"type":"paragraph","content":[{"type":"text","text":"BuiltByKern: #060606 ground, accent #6FFF8A, zero external packages. Canvas-safe static stack; reduced-motion aware."}]}]},"introduction":"Typographic depth field — wheel.","slug":"dive-field","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/019fcea7-fd12-725b-a968-5bcb8d99c7a7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-04T21:22:26.528Z","updatedAt":"2026-10-04T12:06:42.522Z","publishedAt":"2026-08-04T21:22:26.522Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/DiveField-shDCy1.js@m1XUS94and0G1ZhLgv1M","previewUrl":"https://agreeable-direction-468549.framer.app/thumbnail","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"m1XUS94and0G1ZhLgv1M","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T21:22:27.059Z","updatedAt":"2026-08-04T21:22:27.059Z","type":"post"},{"id":"019fc836-a684-7639-ad11-9fafb41a6c8e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"M6j01fhiRBZB8JeUGGce","resolved":true,"title":"Access Code","body":"

Access Code is an invite gate for Framer sites: paste-first OTP / access field with segmented slots (4–8), optional group separator, alphanumeric or numeric, and autocomplete="one-time-code".

Soft unlock accepts any full code when Expected is empty, or a comma/newline list of codes. Optional Remember keeps unlock in localStorage (skips Link/Section on restore). Fail clears slots. On success it fires onComplete, then optional Link or Section. Soft iris accent, BuiltByKern surface, quiet focus ring, reduced-motion aware, zero packages beyond framer.

Canvas Preview modes included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Access Code is an invite gate for Framer sites: paste-first OTP / access field with segmented slots (4–8), optional group separator, alphanumeric or numeric, and "},{"type":"text","text":"autocomplete=\"one-time-code\"","marks":[{"type":"code"}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Soft unlock accepts any full code when Expected is empty, or a comma/newline list of codes. Optional Remember keeps unlock in localStorage (skips Link/Section on restore). Fail clears slots. On success it fires "},{"type":"text","text":"onComplete","marks":[{"type":"code"}]},{"type":"text","text":", then optional Link or Section. Soft iris accent, BuiltByKern surface, quiet focus ring, reduced-motion aware, zero packages beyond "},{"type":"text","text":"framer","marks":[{"type":"code"}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Canvas Preview modes included."}]}]},"introduction":"Invite / OTP field — paste works.","slug":"access-code","author":{"framerUserId":"a1e0c773-d1ab-4dc1-86de-645157218a97","name":"BuiltByKern","slug":"builtbykern","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/019fc836-91d9-7434-98e9-5f1f2d77cf37.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-08-03T15:20:51.757Z","updatedAt":"2026-09-08T15:02:06.167Z","publishedAt":"2026-08-03T15:20:51.747Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AccessCode-AtkFly.js@WqBYPQ472qm5tGk6ho7W","previewUrl":"https://compassionate-celery-632226.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"WqBYPQ472qm5tGk6ho7W","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T15:20:52.612Z","updatedAt":"2026-08-03T15:20:52.612Z","type":"post"}],"pagination":{"next":"MDE5ZmM4MzYtYTY4NC03NjM5LWFkMTEtOWZhZmI0MWE2Yzhl","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]