Coverline

Coverline is a portfolio template for fashion photographers and small creative studios, published like a magazine: every series is an issue with its own cover. The home page opens on a cover with the title cut out of the paper, and the contents page slides over it as you scroll.

Pages:

- Home: cut-out cover, "In this issue", selected covers, as seen in, services, a pile of prints, "Book a shoot"

- Work: every series as a cover, with category filters (CMS)

- Series page (CMS): two layouts per series, a cut-out cover or a report; credits, lead, full screen photos, next issue

- About: the photographer as the cover star, interview, clients and press

- Contact: a booking form like an order form

- 404: "Out of print"

Motion and details:

- Titles cut out of the paper, letters punch through one by one

- The cover fades into the paper, the contents page slides over it

- Covers split into strips and come together on hover

- Contents rows throw their photo onto the page

- A pile of prints you can drag or click

- A camera focus cursor with VIEW / READ / NEXT and a hand over the prints

- Full screen series photos with arrows, keys and swipe

- A phone menu laid out like a contents page

- Booking form with our own errors; sends to Formspree or any webhook

Good to know:

- Desktop, Tablet and Phone layouts, checked down to 320 px.

- Every effect is a component with its own controls. No code.

- Respects "reduce motion".

- Fonts: Bodoni Moda and Inter (Google, free). Photos from Pexels.

Launch price 69 $ for the first 20 sales or 30 days, then 129 $.