Detent Folio

Detent is a one-screen Framer portfolio template for photographers and directors who show stills and short films side by side. The selected project sits large in the middle of the screen, with a thumbnail wheel along the bottom. Drag, scroll, swipe or use the arrow keys, and every step plays a short tick, like a dial clicking into place. Click the picture to open the project.

Behind the wheel is a quiet white site on a 12-column grid: an Index with a cursor-following cover, project pages with a masonry gallery that keeps every photograph uncut, and an Info page. Everything runs on one CMS collection, so you reorder the whole site by dragging items.

A Styleguide page shows every colour, text style and component. Two built-in Framer Skills work inside Framer AI: /customize and /design-system.

What's included

• 7 pages: Home, Index, Project, Info, Imprint, Styleguide and 404

• Two Framer Skills: /customize and /design-system

• Photo Wheel: drag, scroll, swipe or use the keys, with an instant swap and a tick on every step

• Sound toggle, counter and replaceable tick sound

• Video support for film projects in the wheel

• Index list with a cover that follows the cursor

• Project pages with an offset details grid, a masonry gallery and a Next project link

• One CMS collection: Projects

• Reusable Photo Wheel and Cursor Preview components

• Responsive layouts for desktop, tablet and phone

• SEO ready, with titles, descriptions and social images per page

• Motion that respects reduced motion settings

Set in Inter. Open /customize in Framer AI, follow the steps, then publish.

Good to know: browsers keep sound off until a visitor clicks or taps once, so the tick starts after the first interaction.