Tearsheet

Tearsheet is a free one-page portfolio for independent designers and small studios. Your name runs across the top in huge type, and your projects open in place: click a row and it unfolds into the case right there (gallery, brief, what you did, result and one number) without leaving the page.

What you get

• A remix link to the Framer project. The demo site is the same project.

• Pages: Home, 7 example projects from the CMS (each with its own case page) and a 404.

• Project rows: each opens in place, the first one is open when the page loads, and every project has its own link (/#work-<slug>) that opens it straight away.

• Copy link: copies that project link and shows "Link copied" (if the browser blocks the clipboard, it shows the link to select).

• Hero name that sizes itself to fit the width, so long names fit automatically.

• About, services, experience, two testimonials and a client line.

• Contact: an email that copies on click and a form (name, email, project type, timeline, message) using Framer's built-in form submissions.

• CMS fields per project: Title, Folio, Client, Discipline, Year, Role, Timeline, Cover, Image 2, Image 3, Share Image, Brief, What I Did, Result, Metric Value, Metric Label, Live Link, Open First, Order, Body.

• Four layouts: 1440, 1200, 810 and 390.

Good to know

• All example content is made up: the person, the clients, the projects and the numbers. Photos are from Unsplash.

• The "View live" button and the social links are placeholders; point them at your own pages.

• Project rows are a small code component. You edit them in the CMS, not in code. The in-place view uses plain text; formatted text (Body) is on the full case page.

• The CMS is one collection with 7 items. Framer's CMS limits per plan change over time, so check framer.com/pricing before you add more projects. A custom domain needs a paid Framer site plan.