62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T6ac,

DATUM is a template for studios and agencies that treat a website like a drawing, not a brochure.

Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks

your position down the page, and a bill of materials that fills line by line as you scroll. The

concept is not decoration: it is how the pages are organised.

WHAT'S INSIDE

7 pages — Home, Work index, Work detail (CMS), Studio, Contact, 404, Style guide

12 sections on the home page, each usable on its own

4 breakpoints — 4K, 2K, desktop, tablet, phone

Dark and light, both designed, not inverted

CMS collection for project records, with a detail page template

Working enquiry form

A style guide page that documents the system, so it stays consistent after you edit it

THE MOVING PARTS

A pinned plate sequence — six sheets that stack their tabs as you pass them

A survey line that draws itself through the build log, station by station

A bill of materials whose fill line ticks each box as it passes

A proximity field on the client marks

A figures timeline you can scrub by year

A sticky footer reveal — the page slides up off it

BUILT TO EDIT

Layout and content live on the Framer canvas. Code components are used only where canvas cannot

do the job, and every one of them exposes property controls, so you change colour, timing and

content in the panel like any other layer.

MEASURED, NOT CLAIMED

1.36 MB page weight

Reduced motion honoured throughout

100% alt coverage

No horizontal overflow at 390, 810 or 1440, in either theme

64:T9b4,

Scanline Strip is a logo marquee, tech stack strip and client logo showcase for Framer that replaces the usual row of grey logos with one that is read by a moving scanner line.

Whatever the line touches turns colour. Not as a state that flips on: the colour is a per-pixel mask, so an item lights up progressively, icon first, then each letter as the line walks across it. It holds full colour while the line is inside it and releases once its trailing edge clears.

It picks its own mode

If the row fits its container, the line sweeps across it. If it does not, the row scrolls and the line holds at the centre. Measured against its container, not guessed from the window width. You never choose.

Key features

Progressive per-pixel colour mask, not a two-state toggle
Automatic sweep and marquee switching, decided by fit
16 property controls: accent, resting colour, background, hairline, label font, icon size, spacing and speed
Bind the colours to Framer colour styles and it follows your light and dark themes
One value retints everything, scanner line included
Right to left supported
Reduced motion stops it and hides the line
Pauses while off screen
18 KB, no dependencies, no build step

Where to use

Trusted-by and client logo sections
Tech stack and integration rows
Hero and footer strips
Agency, SaaS, startup and portfolio sites

Measured

Mask edge lands within 0.6px of the line, including inside a scaled ancestor
Cloned rows and overlays are inert, so a linked logo never becomes a keyboard trap
Chrome 87, Firefox 66, Safari 14.1 and newer

Notes

Icons are your own assets, none are bundled. Sweep suits roughly 4 to 30 items. Labels are a single line each. Leave Motion on Auto unless you have a reason to force a mode.

Keywords: logo marquee, logo carousel, tech stack strip, client logo showcase, partner logos, sponsor wall, trusted by section, scanline, scanner effect, infinite marquee, logo slider, brand marquee, integration logos, accessible marquee, RTL marquee.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-0d7b7de8-7fbd-4f36-b783-7d3d154df279-all:/unified/creator/0d7b7de8-7fbd-4f36-b783-7d3d154df279/activity/":[{"data":[{"id":"01a032d7-44f6-700c-a807-1987fde574ae","type":"template.created","target":{"type":"template","id":"71773","preview":"DATUM Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/01a032d4-f559-70de-80bf-c16cc412d679.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-24T08:16:03.830Z","latestAt":"2026-08-24T08:16:03.830Z"},{"id":"019fb514-29bd-74fa-841d-b0f650114a26","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:25.332Z","latestAt":"2026-07-30T22:10:25.332Z"},{"id":"019fb514-1a3c-7128-8863-0a39929f0af6","type":"creator.followed","target":{"type":"creator","id":"2be06ac9-204d-4857-99cc-760f06f8c5e5","preview":"Abdelbaki Bahloul","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2be06ac9-204d-4857-99cc-760f06f8c5e5/mmqtf9z6","slug":"abdelbaki-bahloul","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:21.351Z","latestAt":"2026-07-30T22:10:21.351Z"},{"id":"019fb514-1185-778d-908f-da8bb262f572","type":"creator.followed","target":{"type":"creator","id":"10babd35-5d65-432b-a937-0d364862def7","preview":"Template Munk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/987138/avatar-ab5H26kGpYaOYuIhN5LyueDxmZncxB.jpg","slug":"template-munk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:19.119Z","latestAt":"2026-07-30T22:10:19.119Z"},{"id":"019fb514-09c3-73af-8f35-e2c1dac2529f","type":"creator.followed","target":{"type":"creator","id":"032f8ef6-37dc-49aa-a327-25662d92c5d7","preview":"Fizi Lee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/032f8ef6-37dc-49aa-a327-25662d92c5d7/rcp4q9t2","slug":"leenguyen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:17.149Z","latestAt":"2026-07-30T22:10:17.149Z"},{"id":"019fb514-00df-7038-bc3f-063d584d614b","type":"creator.followed","target":{"type":"creator","id":"0377da32-5157-43ad-9c57-e949e915db9e","preview":"Daniyal Habib","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:14.871Z","latestAt":"2026-07-30T22:10:14.871Z"},{"id":"019fb513-de63-709c-9b4d-6b516617ea02","type":"creator.followed","target":{"type":"creator","id":"e1af7305-3d64-4054-8d78-41972a97341c","preview":"Zoe P.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1af7305-3d64-4054-8d78-41972a97341c/46zap623","slug":"zoe-p","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:06.042Z","latestAt":"2026-07-30T22:10:06.042Z"},{"id":"019fb513-d5fe-7529-a183-3dc60bda377a","type":"creator.followed","target":{"type":"creator","id":"072367a8-16c3-4b27-80c7-1f881eb926fd","preview":"584.studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/j8ymfms2","slug":"584studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:10:03.893Z","latestAt":"2026-07-30T22:10:03.893Z"},{"id":"019fb513-c1d0-75e5-8a86-877ef61ba999","type":"creator.followed","target":{"type":"creator","id":"e602b3af-2cca-4f73-972b-6810f421796b","preview":"Felix Clausen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e602b3af-2cca-4f73-972b-6810f421796b/az5k9ivh","slug":"felixclausen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T22:09:58.674Z","latestAt":"2026-07-30T22:09:58.674Z"},{"id":"019fa415-daca-7311-92ab-aaa3da6d8054","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T14:58:43.524Z","latestAt":"2026-07-27T14:58:43.524Z"},{"id":"019fa415-d8a0-732e-b015-18bc6d969ef6","type":"creator.followed","target":{"type":"creator","id":"e384faea-043f-4f5c-bd25-070ec91488d7","preview":"FramerGeeks","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/65683/avatar-DpmNXlAfqaNbZuhHKKWXXcPtwRkgYh.jpg","slug":"framergeeks","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T14:58:42.968Z","latestAt":"2026-07-27T14:58:42.968Z"},{"id":"019fa21c-07ef-731f-a74b-21053a98f3b4","type":"component.created","target":{"type":"component","id":"0hzOgGavBFulBOeYqVg3","preview":"Scanline Strip","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/019fb4ae-3545-7079-b8b8-5f3bce1f0203.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T05:46:13.871Z","latestAt":"2026-07-27T05:46:13.871Z"},{"id":"019fa171-5584-7299-a17c-43074e683253","type":"component.liked","target":{"type":"component","id":"o2K1A3VTeigjwjeC81Qg","preview":"Wave Lines Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f8ec6-d30b-756d-bded-7170114942fe.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T02:39:47.069Z","latestAt":"2026-07-27T02:39:47.069Z"},{"id":"019fa170-8591-754b-8c05-f469cb720a3e","type":"component.liked","target":{"type":"component","id":"Ak93owvzhxPzfPaTdDvF","preview":"Image Swap Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/75041aad-25ae-4fe3-99f2-619b86b739e6/019f9d02-897f-7368-b001-ad7ce0e2b78a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T02:38:53.836Z","latestAt":"2026-07-27T02:38:53.836Z"},{"id":"019fa16f-db95-735e-abe2-f1cbf179fa54","type":"component.liked","target":{"type":"component","id":"SuOqsNFsfEvQPTuFaPbz","preview":"Smooth Liquid Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/209f50a2-053f-4743-80bc-53199d20b167/019f9584-f699-7351-958b-cc3df44e389e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T02:38:10.320Z","latestAt":"2026-07-27T02:38:10.320Z"},{"id":"019fa16f-3fce-7118-bfa7-e63fe2e41ef3","type":"component.liked","target":{"type":"component","id":"i4xyrg6mVJXT0IK2vPS1","preview":"TOC Component","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/48187080-0210-4d90-91f5-f31629a7fb5a/019f9e0f-3556-72ad-a3e1-d4609714c5d7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T02:37:30.441Z","latestAt":"2026-07-27T02:37:30.441Z"},{"id":"019fa165-aebb-75fd-b123-af36f1b66035","type":"plugin.liked","target":{"type":"plugin","id":"419","preview":"Glass Material","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/aff7fc51-076e-4557-8736-98d72e090bd6/01a03aee-03d0-769b-a446-51bf6b4246bd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-27T02:27:03.476Z","latestAt":"2026-07-27T02:27:03.476Z"},{"id":"019fa165-8f32-75a8-97f7-e3282b1406eb","type":"plugin.liked","target":{"type":"plugin","id":"913","preview":"3D Shapes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/913-10ko38lVw1EnJ7sxhBEpFz1OLWfmpy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","slug":"ciprian-titire","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-27T02:26:55.405Z","latestAt":"2026-07-27T02:26:55.405Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0d7b7de8-7fbd-4f36-b783-7d3d154df279:/unified/posts/?creator=0d7b7de8-7fbd-4f36-b783-7d3d154df279&with=reposts":[{"data":[{"id":"01a032d7-4307-7063-9dc5-608cae949892","title":null,"body":"

DATUM — a spec-sheet system for studios and agencies.

Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks your position down the page, and a bill of materials that fills line by line as you scroll.

Nine sticky elements do the heavy lifting: a pinned plate sequence that stacks its tabs as you pass them, a survey line that draws itself station by station through the build log, and a footer the page slides up off.

Layout and content stay on the canvas. Code components only where the canvas couldn't do the job, each with property controls, so it stays editable after you buy it.

7 pages, 4 breakpoints, dark and light both designed rather than inverted. 1.36 MB, reduced motion honoured, no horizontal overflow at any width.

There's a style guide page documenting the system, so it survives being edited.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DATUM — a spec-sheet system for studios and agencies."}]},{"type":"paragraph","content":[{"type":"text","text":"Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks your position down the page, and a bill of materials that fills line by line as you scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Nine sticky elements do the heavy lifting: a pinned plate sequence that stacks its tabs as you pass them, a survey line that draws itself station by station through the build log, and a footer the page slides up off."}]},{"type":"paragraph","content":[{"type":"text","text":"Layout and content stay on the canvas. Code components only where the canvas couldn't do the job, each with property controls, so it stays editable after you buy it."}]},{"type":"paragraph","content":[{"type":"text","text":"7 pages, 4 breakpoints, dark and light both designed rather than inverted. 1.36 MB, reduced motion honoured, no horizontal overflow at any width."}]},{"type":"paragraph","content":[{"type":"text","text":"There's a style guide page documenting the system, so it survives being edited."}]}]},"author":{"framerUserId":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","slug":"ciprian-titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71773","resolved":true,"title":"DATUM Studio","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DATUM is a template for studios and agencies that treat a website like a drawing, not a brochure."}]},{"type":"paragraph","content":[{"type":"text","text":"Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks"}]},{"type":"paragraph","content":[{"type":"text","text":"your position down the page, and a bill of materials that fills line by line as you scroll. The"}]},{"type":"paragraph","content":[{"type":"text","text":"concept is not decoration: it is how the pages are organised."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT'S INSIDE"}]},{"type":"paragraph","content":[{"type":"text","text":"7 pages — Home, Work index, Work detail (CMS), Studio, Contact, 404, Style guide"}]},{"type":"paragraph","content":[{"type":"text","text":"12 sections on the home page, each usable on its own"}]},{"type":"paragraph","content":[{"type":"text","text":"4 breakpoints — 4K, 2K, desktop, tablet, phone"}]},{"type":"paragraph","content":[{"type":"text","text":"Dark and light, both designed, not inverted"}]},{"type":"paragraph","content":[{"type":"text","text":"CMS collection for project records, with a detail page template"}]},{"type":"paragraph","content":[{"type":"text","text":"Working enquiry form"}]},{"type":"paragraph","content":[{"type":"text","text":"A style guide page that documents the system, so it stays consistent after you edit it"}]},{"type":"paragraph","content":[{"type":"text","text":"THE MOVING PARTS"}]},{"type":"paragraph","content":[{"type":"text","text":"A pinned plate sequence — six sheets that stack their tabs as you pass them"}]},{"type":"paragraph","content":[{"type":"text","text":"A survey line that draws itself through the build log, station by station"}]},{"type":"paragraph","content":[{"type":"text","text":"A bill of materials whose fill line ticks each box as it passes"}]},{"type":"paragraph","content":[{"type":"text","text":"A proximity field on the client marks"}]},{"type":"paragraph","content":[{"type":"text","text":"A figures timeline you can scrub by year"}]},{"type":"paragraph","content":[{"type":"text","text":"A sticky footer reveal — the page slides up off it"}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT TO EDIT"}]},{"type":"paragraph","content":[{"type":"text","text":"Layout and content live on the Framer canvas. Code components are used only where canvas cannot"}]},{"type":"paragraph","content":[{"type":"text","text":"do the job, and every one of them exposes property controls, so you change colour, timing and"}]},{"type":"paragraph","content":[{"type":"text","text":"content in the panel like any other layer."}]},{"type":"paragraph","content":[{"type":"text","text":"MEASURED, NOT CLAIMED"}]},{"type":"paragraph","content":[{"type":"text","text":"1.36 MB page weight"}]},{"type":"paragraph","content":[{"type":"text","text":"Reduced motion honoured throughout"}]},{"type":"paragraph","content":[{"type":"text","text":"100% alt coverage"}]},{"type":"paragraph","content":[{"type":"text","text":"No horizontal overflow at 390, 810 or 1440, in either theme"}]}]},"introduction":"A spec-sheet system for studios","slug":"datum-studio","author":{"framerUserId":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","slug":"ciprian-titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/01a032d4-f559-70de-80bf-c16cc412d679.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1440}},{"type":"video","url":"https://stream.mux.com/go01m0202Qx02Wu11iDDPhDcK8ZDH7SPo6mtCHnZLgT5VLg.m3u8","metadata":{"posterUrl":"https://image.mux.com/go01m0202Qx02Wu11iDDPhDcK8ZDH7SPo6mtCHnZLgT5VLg/thumbnail.webp?time=24.433","aspectRatio":"16:9","duration":31.6}}],"post":null,"createdAt":"2026-08-24T08:16:02.786Z","updatedAt":"2026-08-24T08:16:02.786Z","publishedAt":"2026-08-24T08:16:02.783Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://buy.stripe.com/bJe8wO8hpaHydxIc8P9k409","remixUrl":null,"previewUrl":"https://datum-v1.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T08:16:03.335Z","updatedAt":"2026-08-24T08:16:03.335Z"},{"id":"019fa21c-0698-7678-9696-4a43fa1ebbce","title":null,"body":"

Scanline Strip is live. It's a logo marquee that actually does something: a scanner line travels the row, and whatever it touches turns colour, icon first, then letter by letter. No dependencies, 18 KB, and it picks sweep or scroll by itself depending on whether the row fits.

#framer #framercomponents #codecomponent #logomarquee #logocloud #marquee #webdesign #uidesign #microinteraction #framermarketplace

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scanline Strip is live. It's a logo marquee that actually does something: a scanner line travels the row, and whatever it touches turns colour, icon first, then letter by letter. No dependencies, 18 KB, and it picks sweep or scroll by itself depending on whether the row fits."}]},{"type":"paragraph","content":[{"type":"text","text":"#framer #framercomponents #codecomponent #logomarquee #logocloud #marquee #webdesign #uidesign #microinteraction #framermarketplace"}]}]},"author":{"framerUserId":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","slug":"ciprian-titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0hzOgGavBFulBOeYqVg3","resolved":true,"title":"Scanline Strip","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scanline Strip","marks":[{"type":"bold"}]},{"type":"text","text":" is a "},{"type":"text","text":"logo marquee","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"tech stack strip","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"client logo showcase","marks":[{"type":"bold"}]},{"type":"text","text":" for Framer that replaces the usual row of grey logos with one that is read by a moving scanner line."}]},{"type":"paragraph","content":[{"type":"text","text":"Whatever the line touches turns colour. Not as a state that flips on: the colour is a per-pixel mask, so an item lights up progressively, icon first, then each letter as the line walks across it. It holds full colour while the line is inside it and releases once its trailing edge clears."}]},{"type":"paragraph","content":[{"type":"text","text":"It picks its own mode","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If the row fits its container, the line sweeps across it. If it does not, the row scrolls and the line holds at the centre. Measured against its container, not guessed from the window width. You never choose."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progressive per-pixel colour mask, not a two-state toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic sweep and marquee switching, decided by fit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"16 property controls: accent, resting colour, background, hairline, label font, icon size, spacing and speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bind the colours to Framer colour styles and it follows your light and dark themes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One value retints everything, scanner line included"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Right to left supported"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion stops it and hides the line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses while off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"18 KB, no dependencies, no build step"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Where to use","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trusted-by and client logo sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tech stack and integration rows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero and footer strips"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency, SaaS, startup and portfolio sites"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Measured","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mask edge lands within 0.6px of the line, including inside a scaled ancestor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cloned rows and overlays are inert, so a linked logo never becomes a keyboard trap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Chrome 87, Firefox 66, Safari 14.1 and newer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Notes","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Icons are your own assets, none are bundled. Sweep suits roughly 4 to 30 items. Labels are a single line each. Leave Motion on Auto unless you have a reason to force a mode."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords:","marks":[{"type":"bold"}]},{"type":"text","text":" logo marquee, logo carousel, tech stack strip, client logo showcase, partner logos, sponsor wall, trusted by section, scanline, scanner effect, infinite marquee, logo slider, brand marquee, integration logos, accessible marquee, RTL marquee."}]}]},"introduction":"A logo row that reads itself.","slug":"scanline-strip","author":{"framerUserId":"0d7b7de8-7fbd-4f36-b783-7d3d154df279","name":"Ciprian Titire","slug":"ciprian-titire","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/fhqx0l2d","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d7b7de8-7fbd-4f36-b783-7d3d154df279/019fb4ae-3545-7079-b8b8-5f3bce1f0203.png","metadata":{"tint":{"h":120,"s":50,"l":6},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-07-27T05:46:13.212Z","updatedAt":"2026-07-30T20:19:09.060Z","publishedAt":"2026-07-27T05:46:13.206Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stupendous-audience-657621.framer.app/","price":"5","paymentUrl":"https://buy.stripe.com/cNi5kC0OX6ri65ga0H9k408","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"z1P86b4GeOVVPCq6BOxO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T05:46:13.528Z","updatedAt":"2026-07-27T05:46:13.528Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]