56:I[473921,["/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/3f4g-fr876v8f.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/34g6edkub9lqm.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/16queuxy94k6z.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57: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.

53:[["$","$L56",null,{"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":"$57","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":8,"liked":false},"comments":{"count":5},"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","reported":false,"type":"post"}}],"$L58"]

Suggested for you