Reference 02 / Form & Field

Instrument-inspired React agency website template

Inspired by Instrument

Form & Field is a creative studio website with sixteen connected pages, four case studies, a journal and GSAP scroll motion. Preview the full site, then adapt the React source for your studio or portfolio.

Get the source and prompt

Original recreation with fictional branding and demo data. Explore the page inside the preview.

Inside the recreation

A complete creative studio website with sixteen connected pages, original photography, four case studies, and GSAP scroll motion.

Pages and sections

Opening reel and studio wordmark
Services and three practice pages
Work and four case studies
Studio, Journal, and three essays
Contact with a local project brief

Adapting the page

Replace the fictional studio, projects, photography and journal stories with your own work. Keep the service and case-study page relationships, then connect the local project brief to your preferred contact service.

Reference observed October 4, 2026. Independent recreation; no affiliation with Instrument.

Build with Form & Field

Use Form & Field as a starting point for a creative agency website, a design studio portfolio or a study of how case studies connect a studio’s services to its work.

Run the React template locally

Download the source package and extract the ZIP.
Open a terminal in the extracted project folder. Use Node.js 22.22 or newer, then run:

npm ci
npm run dev

Open the local URL printed in the terminal. Run npm run build when you are ready to create the production files in dist/.

Adapt it with Claude Code or Codex

Open the extracted project in your coding tool. Copy the recreation prompt from the source panel, then describe the content, branding and interactions you want to change.

Use the included README for project-specific routes and setup notes. Keep the full project folder so the styles, fonts and other assets remain available.

What the demo includes

The studio, clients and projects are fictional demonstration content. The project brief runs locally and does not send an inquiry. Check the included asset and license notes before reusing photography or other assets.