Eclair

Eclair is an editorial portfolio for fashion and portrait photographers, laid out like a magazine. The home page is a cover: your name is cut out of a band across the photo, with eight stories beside it like a contact sheet. Scroll, swipe or press an arrow, and every photo on the cover turns to the next story, each one opening from a corner, one after another, while the captions roll.

Highlights

• Cover hero with eight stories, stepped by scroll, swipe, arrows, keys or a timer, with a soft cursor parallax on the main photo

• Work page set like a contents page: big titles, a photo chip on hover and a large preview that opens in the direction you move

• Story pages from the CMS: a row of four photos you scroll sideways with the wheel, plus client, year, photo count, notes and a Next story link

• About page as a magazine spread, with the name running across the portrait

• Contact page with a cut-out photo, a Framer form and a dropdown styled to match

• Cut-out 404, Legal and Read me pages

• Page Motion: name a layer Reveal Mask, Reveal Drop, Reveal Line or Reveal Up and it animates. Photos always open before the text

• Slow, smooth motion everywhere, turned off on the canvas and for visitors who ask for reduced motion

• Desktop, tablet and phone layouts for every page