Template guide

Start here.

Nine steps from the Run Log template to your own studio site. This page is hidden from search engines.

1. Name and contact

Replace Runbook in the Site Nav and the footer (Main Layout), and hello@example.com everywhere. Delete the Get Run Log button in Main Layout.

2. Colours and type

Change the Signal colour (red) and Paper in Assets > Colors. Text styles Display, H1 Page, H2 and Closing carry the Archivo headline look.

3. The run log

Select the Run Log on the home page and edit Rows: one line per step, time | step | status. The last line is the summary. Ask the /add-run Skill to build it from your client’s real tools.

4. Services

Edit the Services collection: Letter, Title, Short, the two lists and a Sample Log for each service page.

5. Case studies

Every case ships as a labelled placeholder. Replace it with a real client, real numbers the client agreed to publish and the real log, then delete the Placeholder case label on the case page.

6. Pricing

Edit the Plans collection. The sample prices are there to show the layout, not a recommendation.

7. The form

Select the form on Contact and choose where submissions go (email or a webhook). Test it once on your published site.

8. Skills

This project ships with Framer Skills: /runlog-design, /add-run, /add-service, /add-case-study, /rebrand and /before-publish. Type / in Framer AI to use them.

9. Before you publish

Run /before-publish. It checks one H1 per page, alt text, placeholder labels and the form destination.