Detent

About this template

Put your work on the table

Detent is a Framer portfolio for product, packaging and branding studios. Interactive 3D objects, green accents and technical details help you build a portfolio that feels like you.

Help with the first steps

On the Home canvas, Start Here covers identity, projects, objects and launch checks, with instructions and screenshots. Ask the Agent includes a master prompt you can copy into your assistant for help with changes.

Objects worth exploring

Turn and inspect objects, browse a project carousel and explore CMS project pages with credits, extra objects and process images. A box folds as you scroll, an interactive dial introduces your studio, and Contact brings services, FAQs and enquiries together.

What’s included

• Home, About, Contact, CMS project pages and a custom 404

• Responsive layouts for desktop, tablet and phone

• Works CMS, a project carousel, work index and next work navigation

• Interactive 3D objects with lighting and image fallbacks

• A scroll animated folding box and an About dial

• Team and process sections, services, FAQs and an enquiry form

• Editable lettering on the 404 tag and contact stamp

• Reusable components, shared styles, a guide, screenshots and master prompt

Bring your own work

Start with the supplied objects or upload your own GLB models. Transparent PNG or SVG graphics can become objects with depth. Custom shapes and folding animations need models made for that purpose. Familiarity with Framer helps.

A note from me

I’ve spent time refining Detent’s interactions and guide to help you make it your own.

If you have a question about Detent or notice something that isn’t working as expected, email me at business@atestudio.de. I’m happy to help.

Built with care by ate studio ♡