Orgel

Orgel is a free Framer portfolio template for photographers, directors and small photo and film studios. Projects sit on a vertical drum: scroll and the titles turn like the cylinder of a music box, and every step plays a soft lo-fi piano note.

The rest of the page stays quiet around that one idea. A white page, black type in Bricolage Grotesque and one cobalt accent for whatever is current. Covers keep their own proportions, so portrait, landscape and square work all look the way they were shot.

Home opens with the covers flashing in the centre before the drum settles, and the active project's cover sits beside it. Work lists every project in one table, and the cover follows the row you point at. Each project page carries a cover or a film, a few short paragraphs, the project details and a gallery that opens in a full screen viewer. About, Imprint, a 404 that runs on its own drum and a Styleguide finish the set.

What's included:

• 7 page layouts at Desktop, Tablet and Phone

• 1 CMS collection, Projects, with 12 sample projects, covers, optional films and galleries

• Code overrides: Drum, Covers, Intro, Row Hover, Sound Toggle, Now Playing and Gallery Viewer

• A sound toggle in the header and a click hint for the first visit

• Colour tokens and text styles that update every page

Good to know: sound starts after the first click, because browsers block autoplay. The piano samples come from the Salamander Grand Piano by Alexander Holm under CC BY 3.0, so keep the credit on the Imprint page. The sample photos and names are placeholders to replace with your own work. Intro timing and cover sizes live in the settings at the top of Orgel.tsx.