5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T96b,

A full multi-page template for design studios — case studies, team, services, and labs, all built with cursor-reactive motion instead of static layouts. Free to remix, production-ready.

About this Template

Studio HRSE turns the standard agency site into a motion-driven experience for studios that live or die by first impressions — every page, down to the 404, feels intentional rather than templated.

Demo test here

https://hrse.framer.website/

Perfect for

Design & Branding Studios: a case-study-to-contact structure built to close high-ticket clients.
Freelance Designers: agency-grade presence without building the interaction layer yourself.
Boutique Studios: reads like a 10-person shop, run by one.

Feature Highlights

Cursor-Aware Nav: follows the cursor to confirm where you are.
Interactive Team Cards: hover reveals a reactive detail layer on each bio.
Cinematic Case Studies: grid-to-detail flow with scroll transitions straight into the next project.
Physics-Driven Labs Grid: a drifting gallery that shows range beyond client work.

The Why

Building this cursor-reactive detail and scroll choreography from scratch is a week of senior dev work. Studio HRSE hands you that foundation already solved — responsive and bulletproof across devices.

How to Use

Remix into your workspace and swap in your content.
Adjust colors, type, and imagery to match your identity.
Test every interaction, then publish.

Refund Policy

All sales are final — digital products are non-refundable once you access the source files or Remix Link. Explore the live preview thoroughly before buying; we provide detailed previews so you can confirm fit. Need implementation help? We don't offer refunds, but our support team will help you get it working: hello@madrepunk.com

59:[["$","$L5c",null,{"post":{"id":"01a054ff-7920-76cf-93cb-c5a7b65a7ec3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72159","resolved":true,"title":"Studio HRSE","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full multi-page template for design studios — case studies, team, services, and labs, all built with cursor-reactive motion instead of static layouts. Free to remix, production-ready."}]},{"type":"customHeading","content":[{"type":"text","text":"About this Template","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Studio HRSE turns the standard agency site into a motion-driven experience for studios that live or die by first impressions — every page, down to the 404, feels intentional rather than templated."}]},{"type":"customHeading","content":[{"type":"text","text":"Demo test here","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"https://hrse.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hrse.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design & Branding Studios:","marks":[{"type":"bold"}]},{"type":"text","text":" a case-study-to-contact structure built to close high-ticket clients."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance Designers:","marks":[{"type":"bold"}]},{"type":"text","text":" agency-grade presence without building the interaction layer yourself."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boutique Studios:","marks":[{"type":"bold"}]},{"type":"text","text":" reads like a 10-person shop, run by one."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-Aware Nav:","marks":[{"type":"bold"}]},{"type":"text","text":" follows the cursor to confirm where you are."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Team Cards:","marks":[{"type":"bold"}]},{"type":"text","text":" hover reveals a reactive detail layer on each bio."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Case Studies:","marks":[{"type":"bold"}]},{"type":"text","text":" grid-to-detail flow with scroll transitions straight into the next project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics-Driven Labs Grid:","marks":[{"type":"bold"}]},{"type":"text","text":" a drifting gallery that shows range beyond client work."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The Why","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Building this cursor-reactive detail and scroll choreography from scratch is a week of senior dev work. Studio HRSE hands you that foundation already solved — responsive and bulletproof across devices."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remix into your workspace and swap in your content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust colors, type, and imagery to match your identity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Test every interaction, then publish."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"All sales are final — digital products are non-refundable once you access the source files or Remix Link. Explore the live preview thoroughly before buying; we provide detailed previews so you can confirm fit. Need implementation help? We don't offer refunds, but our support team will help you get it working: "},{"type":"text","text":"hello@madrepunk.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@madrepunk.com","target":"_blank"}}]}]}]},"introduction":"Design studio template, real craft","slug":"studio-hrse","author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/VB4UvGZiyshEraAKd9s01FrC99mAePHi39sCwSbL1l00k.m3u8","metadata":{"posterUrl":"https://image.mux.com/VB4UvGZiyshEraAKd9s01FrC99mAePHi39sCwSbL1l00k/thumbnail.webp?time=6.65","aspectRatio":"4:3","duration":29.083333}},{"type":"video","url":"https://stream.mux.com/OFwPvGKjqgBOvv3fzF2MHSFCz3WJixGDimgeG7H35lA.m3u8","metadata":{"posterUrl":"https://image.mux.com/OFwPvGKjqgBOvv3fzF2MHSFCz3WJixGDimgeG7H35lA/thumbnail.webp?time=3.65","aspectRatio":"4:3","duration":9.05}},{"type":"video","url":"https://stream.mux.com/lwhTST00eoapcTi011H4TrVDAD019mm5lVqWeaeY73X9qo.m3u8","metadata":{"posterUrl":"https://image.mux.com/lwhTST00eoapcTi011H4TrVDAD019mm5lVqWeaeY73X9qo/thumbnail.webp?time=10.033","aspectRatio":"4:3","duration":18.683333}}],"post":null,"createdAt":"2026-08-30T23:27:03.380Z","updatedAt":"2026-08-30T23:30:13.620Z","publishedAt":"2026-08-30T23:27:03.376Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/AfNxvfe","remixUrl":"https://framer.link/AfNxvfe","previewUrl":"https://hrse.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"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":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-30T23:27:03.969Z","updatedAt":"2026-08-30T23:27:03.969Z","reported":false}}],"$L5e"]

Suggested for you