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/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.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/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:T8e4,

Lucelle is an elegant creative studio template for Framer. It's made for design studios, agencies, freelancers and brand consultants who want a site that feels considered rather than loud. A fixed four-column hairline grid runs behind every page. Small ember star marks sit where the lines cross, and a monumental Marcellus wordmark anchors the opening and the footer. Warm ivory surfaces, near-black ink and a single ember accent let your work glow.

Every page is fully responsive across desktop, tablet and phone. The template runs on shared color styles, responsive text styles, reusable components and a single layout template for the navigation, grid lines and footer. You can rebrand it in minutes and add pages without rebuilding anything.

Motion is quiet and editorial: the wordmark rises in on load, sections fade up softly as they scroll into view, and project images zoom slowly on hover.

Pages (7)

Home
About
Services
Work
Project detail / case study (CMS)
Contact
404

It also includes a Style Guide design page with every color token, text style and component.

Highlights

An architectural hairline grid with corner star marks, in a calm light mode
Two CMS collections, Projects and Services. Project detail pages have rich-text case studies and dynamic SEO titles
Staggered stats, numbered sections (01/ … 05/) and an editorial services list with hover states
FAQ accordion, testimonial cards and stat components, all driven by properties
Working contact form with a budget selector and sending, success and error button states
Sticky navigation with a smooth phone drawer menu
Shared navigation, grid lines and footer through one layout template
Style Guide page with every color token, text style and component
SEO ready: page titles and descriptions, a social sharing image, light and dark favicons, and an Apple touch icon

Setup

No plugins or custom code are required. Fonts: Marcellus, Host Grotesk and Geist Mono, all available in Framer.

53:[["$","$L56",null,{"post":{"id":"01a15032-9784-7509-a479-6e4e5ba318fc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"20ae612f-84db-4ff1-9d42-6396a7bb714c","name":"Framigo Studio","slug":"studio-framigo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/9er2lnan","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"76261","resolved":true,"title":"Lucelle","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Lucelle is an elegant creative studio template for Framer. It's made for design studios, agencies, freelancers and brand consultants who want a site that feels considered rather than loud. A fixed four-column hairline grid runs behind every page. Small ember star marks sit where the lines cross, and a monumental Marcellus wordmark anchors the opening and the footer. Warm ivory surfaces, near-black ink and a single ember accent let your work glow."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page is fully responsive across desktop, tablet and phone. The template runs on shared color styles, responsive text styles, reusable components and a single layout template for the navigation, grid lines and footer. You can rebrand it in minutes and add pages without rebuilding anything."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion is quiet and editorial: the wordmark rises in on load, sections fade up softly as they scroll into view, and project images zoom slowly on hover."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages (7)"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project detail / case study (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"It also includes a Style Guide design page with every color token, text style and component."}]},{"type":"customHeading","content":[{"type":"text","text":"Highlights"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An architectural hairline grid with corner star marks, in a calm light mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two CMS collections, Projects and Services. Project detail pages have rich-text case studies and dynamic SEO titles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered stats, numbered sections (01/ … 05/) and an editorial services list with hover states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"FAQ accordion, testimonial cards and stat components, all driven by properties"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Working contact form with a budget selector and sending, success and error button states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky navigation with a smooth phone drawer menu"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shared navigation, grid lines and footer through one layout template"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Guide page with every color token, text style and component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO ready: page titles and descriptions, a social sharing image, light and dark favicons, and an Apple touch icon"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"No plugins or custom code are required. Fonts: Marcellus, Host Grotesk and Geist Mono, all available in Framer."}]}]},"introduction":"Calm, editorial studio template","slug":"lucelle","author":{"framerUserId":"20ae612f-84db-4ff1-9d42-6396a7bb714c","name":"Framigo Studio","slug":"studio-framigo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/9er2lnan","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/01a15032-0af0-733d-977b-4d889ef4fad5.png","metadata":{"tint":{"h":60,"s":17,"l":51},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/01a15032-0aed-744e-9a92-af50c7ddf246.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/01a15032-0ab9-72e5-93f4-03fcd29007d0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/01a15032-4557-700e-a0a2-650f3d1adf7b.png","metadata":{"tint":{"h":30,"s":41,"l":55},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/20ae612f-84db-4ff1-9d42-6396a7bb714c/01a15032-455d-71ad-897f-e3607104ffbd.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-18T18:07:34.749Z","updatedAt":"2026-10-18T18:07:34.749Z","publishedAt":"2026-10-18T18:07:34.746Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/ejEN78h","remixUrl":"https://framer.link/ejEN78h","previewUrl":"https://lucelle.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-18T18:07:35.300Z","updatedAt":"2026-10-18T18:07:35.300Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you