5d: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"] 5e:T91c,

Elevate your digital presence with Hartt, a sophisticated Framer template designed for web designers, creative agencies, and freelancers who prioritize structure, aesthetics, and conversion. Hartt blends high-end typography with fluid motion to build a digital identity that tells your story with precision.

Whether you are showcasing high-impact case studies or sharing insights through a journal, Hartt provides a seamless user experience that feels effortless to explore and adapts beautifully across every screen.

Key Features:

Minimalist & Professional: A clean, bold aesthetic that lets your work take center stage.
Fully Responsive: Optimized for desktop, tablet, and mobile to ensure a flawless experience.
CMS-Powered: Easily manage your Projects and Journal (blog) with Framer’s intuitive CMS.
Smooth Animations: Blends aesthetics and motion for a premium, high-end feel.
SEO Optimized: Built with clean structure and fast loading times to help you rank higher.
Easy Customization: No code required - change colors, fonts, and layouts in minutes

Perfect for: Web Designers, UX/UI Designers, Creative Agencies, Art Directors, Design Consultants

Update 1.1- template now has Light and Dark modes, they switch according to visitor's system settings.- minor changes for drop-down animation of phone menu.- updated color styles according to Light/Dark mode.Major update 2.0:1. Now template powered by cms, that means content in header, footer and About page doesn't need to be updated manually. Services, Approach, Experience and Socials now work the same way.

2. Dark and Light mode toggle added to the header.

3. Integration of Lenis scroll Instead of Smooth scroll for better performance.

5a:[["$","$L5d",null,{"post":{"id":"019ae4f3-856d-7ec6-ad03-c0dee9b910dd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"262f1b6d-d017-43e3-8100-da3c38d70511","name":"Volodymyr F.","slug":"volodymyr-fominykh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/125763/avatar-qwmgJbMNftgn0BJk7DGVATJFMmIx0V.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"58178","resolved":true,"title":"Hartt","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your digital presence with "},{"type":"text","text":"Hartt","marks":[{"type":"bold"}]},{"type":"text","text":", a sophisticated Framer template designed for web designers, creative agencies, and freelancers who prioritize structure, aesthetics, and conversion. Hartt blends high-end typography with fluid motion to build a digital identity that tells your story with precision. "}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are showcasing high-impact case studies or sharing insights through a journal, Hartt provides a seamless user experience that feels effortless to explore and adapts beautifully across every screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimalist & Professional:","marks":[{"type":"bold"}]},{"type":"text","text":" A clean, bold aesthetic that lets your work take center stage."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized for desktop, tablet, and mobile to ensure a flawless experience."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-Powered:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily manage your Projects and Journal (blog) with Framer’s intuitive CMS."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Animations:","marks":[{"type":"bold"}]},{"type":"text","text":" Blends aesthetics and motion for a premium, high-end feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Built with clean structure and fast loading times to help you rank higher."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" No code required - change colors, fonts, and layouts in minutes"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" Web Designers, UX/UI Designers, Creative Agencies, Art Directors, Design Consultants"}]},{"type":"paragraph","content":[{"type":"text","text":"Update 1.1","marks":[{"type":"bold"}]},{"type":"text","text":"- template now has "},{"type":"text","text":"Light and Dark modes","marks":[{"type":"bold"}]},{"type":"text","text":", they switch according to visitor's system settings.- minor changes for drop-down animation of phone menu.- updated color styles according to Light/Dark mode.Major update 2.0:1. Now template powered by cms, that means content in header, footer and About page doesn't need to be updated manually. Services, Approach, Experience and Socials now work the same way."}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58178-hartt-9UuCcyjE92Fs7T4Q2MQdqz828QGoKq","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"2. Dark and Light mode toggle added to the header."}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58178-hartt-28dt7PBRS0iYyQosryxmGGrEdeHKEE","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"3. Integration of Lenis scroll Instead of Smooth scroll for better performance."}]}]},"introduction":"Modern Portfolio for Creatives","slug":"hartt","author":{"framerUserId":"262f1b6d-d017-43e3-8100-da3c38d70511","name":"Volodymyr F.","slug":"volodymyr-fominykh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/125763/avatar-qwmgJbMNftgn0BJk7DGVATJFMmIx0V.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58178/hartt-HqZWIiH5DCo9OfYMDWS6VX0gZiOMfa","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58178/hartt-nuzZJ1uWZCRNUb0H4vntoJD8sOeCSW","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58178/hartt-j9pGQNb8UiuxFFCCzyJcnSKKKXf20K","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/58178/hartt-fLIzWHP8DUe4ZnGsv2HWwuCr6Oz6oq","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-21T18:07:30.700Z","updatedAt":"2026-09-23T18:45:28.743Z","publishedAt":"2025-12-03T16:02:36.013Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/87p9X3e","remixUrl":"https://framer.link/87p9X3e","previewUrl":"https://hartt.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":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":222,"name":"Grid","slug":"grid"}],"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":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-03T16:02:36.013Z","updatedAt":"2025-12-03T16:02:36.013Z","reported":false}}],"$L5f"]

Suggested for you