5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5d:T9a8,

About Daron Template

Daron is a bold, dark portfolio template built for designers, creative directors, and digital makers who want a site that demands attention.

Every detail is intentional — from the Anton SC display type and Geist Mono captions to the scroll-triggered color shifts and custom cursor trail. Daron isn't minimal for the sake of it; it's precise.

What's Included

8 fully designed and responsive pages:

Homepage — Bold hero, featured work, and rolling text marquee
About — Bio, skills, and experience (powered by CMS)
Works — Filterable project grid
Works Detail — Full CMS-driven case study page
Insights — Writing and thoughts index
Insights Detail — Full CMS-driven article page
Contact — Inquiry form with social links
404 — Custom error page

CMS Collections

Works — 16 fields including title, cover, tags, live URL, case study content
Insights — 6 fields for articles and written work
Experience — 4 fields for timeline/CV entries on the About page

Custom Code Components

Cursor Image Trail — Follows the cursor with a dynamic image trail effect
Scroll Color Change Text — Text that shifts color as it enters the viewport
Rolling Text — Animated marquee for dynamic, looping headlines

Design System

Fonts: Anton SC (display), Inter (body), Geist Mono (captions) — all free via Google Fonts
12 text styles — H1–H6, Paragraph L/M/S, Caption L/M/S — all responsive across Desktop (1200px), Tablet (810px), and Mobile (390px)
9 color styles — fully organized into Neutral, Text, and System groups
Fully responsive — built and tested at all three breakpoints

Built for real projects. Swap your work into the CMS, apply your promo code for 3 months of Framer Pro free (included with purchase), and launch.

59:[["$","$L5c",null,{"post":{"id":"019dbeb4-0f99-7b7f-a165-81f6a3181626","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5099e2ed-914a-43df-a1ec-2f05b5d3aafa","name":"Lastdraft Studio","slug":"lastdraftstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5099e2ed-914a-43df-a1ec-2f05b5d3aafa/ji5venf8","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"61920","resolved":true,"title":"Daron","body":"$5d","bodyJson":null,"introduction":"Portfolio / Agency Template","slug":"daron","author":{"framerUserId":"5099e2ed-914a-43df-a1ec-2f05b5d3aafa","name":"Lastdraft Studio","slug":"lastdraftstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5099e2ed-914a-43df-a1ec-2f05b5d3aafa/ji5venf8","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5099e2ed-914a-43df-a1ec-2f05b5d3aafa/019fdbb2-2fca-71ea-a4ca-c1528c531ea0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61920/daron-hgomAAJQ3uIXiMppft7n6aqjb6vH2J","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61920/daron-YBXQAMD8QRVNvGyrj06Lro554g2Inv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61920/daron-O6H2CGtYpOkUlABuTv9jZdfXYPYJJN","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-31T11:47:24.034Z","updatedAt":"2026-08-07T10:09:02.051Z","publishedAt":"2026-04-24T08:56:04.761Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"99","paymentUrl":"https://buy.polar.sh/polar_cl_Dbbdc7EvGTZqGakNbPMYX7ItiuVXwMJZUCqnn0BpDGs","remixUrl":null,"previewUrl":"https://base-daron.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"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":38,"name":"P3 Colors","slug":"p3-colors"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":41,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-24T08:56:04.761Z","updatedAt":"2026-04-24T08:56:04.761Z","reported":false}}],"$L5e"]

Suggested for you