Cutline Studio

Give the work a page of its own.

An editorial photography portfolio for photographers, image makers and small creative studios. Four independent Framer components combine large photographs, expandable stories and image-and-note spreads.

Framer code component kit

US$39 · one-time purchase

US dollars. Applicable taxes appear at checkout.

Cutline Studio photography portfolio with oversized editorial typography, a red-coat portrait, paper-toned sections and original visual studies.

A red coat catches the light. Large type cuts across the page. Cutline opens like a photographic feature, then gives each selected story its own image, introduction and room to unfold.

Visitors open the story that interests them. In a separate visual notebook, they can turn an image over to read its note and move through the spreads at their own pace. The pictures get space. The words get a purpose.

Start with the fictional Cutline studio and five original AI-generated photography studies, then bring in your own work. Edit the text, images, colours, fonts and links in Framer’s property panel. Arrange the four components around the stories you want to tell. Your contact sheet has had enough time to think about it.

A good fit for

Photographers, image makers, art directors and small creative studios presenting a focused collection of visual work.

Make room for your point of view.

Cutline Cover

Cutline Cover

An oversized editorial opening with a framed photograph, editable branding, navigation, introduction and CTA. An optional opening reveal introduces the image.

An oversized editorial opening with a framed photograph, editable branding, navigation, introduction and CTA. An optional opening reveal introduces the image.

Cutline Stories

Cutline Stories

Up to four image-led stories in alternating layouts. Open one story at a time to read its details, see an optional second image and follow your own project link. Arrow, Home and End keys move focus between story buttons.

Up to four image-led stories in alternating layouts. Open one story at a time to read its details, see an optional second image and follow your own project link. Arrow, Home and End keys move focus between story buttons.

Cutline Spread

Cutline Spread

Up to six visual notebook spreads. Switch between an image and its note, or use previous/next controls to turn to another spread. Arrow, Home and End keys also change the page.

Up to six visual notebook spreads. Switch between an image and its note, or use previous/next controls to turn to another spread. Arrow, Home and End keys also change the page.

Cutline Footer

Cutline Footer

A paper-toned studio introduction with a large orange closing panel, your own contact destination and two optional profile links.

A paper-toned studio introduction with a large orange closing panel, your own contact destination and two optional profile links.

Includes four self-contained component source files, individual Framer insert links, five original AI-generated PNG photography studies and an English setup guide.

Give the work a page of its own.

Download the kit after checkout and open START-HERE.html. Choose a component and paste its insert link into your Framer canvas. Arrange the four pieces, then change the text, images, colours, fonts and links in their property controls. The guide also includes a source-file installation option.

A Framer account and basic familiarity with the canvas and property panel. Framer hosting plans and any connected third-party services are purchased separately if your site needs them.

A few useful answers.

Can I use the four sections separately?

Can I use the four sections separately?

Yes. Each component has its own insert link and self-contained source file. Use the complete Cutline arrangement or choose the sections that suit your website.

Yes. Each component has its own insert link and self-contained source file. Use the complete Cutline arrangement or choose the sections that suit your website.

Can I edit it without writing code?

Can I edit it without writing code?

Change the main text, images, colours, fonts and links through each component’s Framer property controls. A code component’s internal visuals do not become separate native canvas layers. The included source is available for deeper layout changes.

Change the main text, images, colours, fonts and links through each component’s Framer property controls. A code component’s internal visuals do not become separate native canvas layers. The included source is available for deeper layout changes.

What are the images and interactions?

What are the images and interactions?

The four static PNG photography studies were created with AI for the fictional studio. The people and scenes are fictional. Story buttons reveal project details, and the visual notebook switches between image and note views across its spreads. Bring your own photographs to present your work. Video footage and 3D models are outside the kit.

The four static PNG photography studies were created with AI for the fictional studio. The people and scenes are fictional. Story buttons reveal project details, and the visual notebook switches between image and note views across its spreads. Bring your own photographs to present your work. Video footage and 3D models are outside the kit.

What happens after purchase?

What happens after purchase?

Lemon Squeezy provides the download. Open START-HERE.html for four insert links, a source-file alternative and editing notes. One purchase covers one completed website. We handle orders, access and defects; the guide covers routine setup.

Lemon Squeezy provides the download. Open START-HERE.html for four insert links, a source-file alternative and editing notes. One purchase covers one completed website. We handle orders, access and defects; the guide covers routine setup.

One completed website

One completed website

One purchase covers one completed personal, commercial or client website. You can edit the components and use the included PNG studies within that website. Keep the reusable kit and image files out of products you resell or redistribute.

One purchase covers one completed personal, commercial or client website. You can edit the components and use the included PNG studies within that website. Keep the reusable kit and image files out of products you resell or redistribute.

Guide and support

Guide and support

For order, download-access or reproducible defect issues, use the seller contact details on your receipt. The included guide covers installation and everyday editing.

For order, download-access or reproducible defect issues, use the seller contact details on your receipt. The included guide covers installation and everyday editing.

Seven-day conditional refunds

Seven-day conditional refunds

Contact the seller within 7 days for duplicate purchases or charges, unresolved delivery failure, or a material defect or advertised-feature mismatch that cannot reasonably be fixed. Timely requests stay open during investigation. Mandatory rights and Lemon Squeezy rules apply; see the included licence for the full policy.

Contact the seller within 7 days for duplicate purchases or charges, unresolved delivery failure, or a material defect or advertised-feature mismatch that cannot reasonably be fixed. Timely requests stay open during investigation. Mandatory rights and Lemon Squeezy rules apply; see the included licence for the full policy.

Wuren Studio. Digital goods with a point of view.

Paid orders and delivery are handled by Lemon Squeezy.

For order or product issues, use the seller contact shown on your receipt.

Create a free website with Framer, the website builder loved by startups, designers and agencies.