Grove — single-column portfolio template

What this template is for

Grove is for people with a few pieces of work worth a story, not a wall of thumbnails. The home page is a list — title, year, one sentence — and each item opens into a case study built as problem → what we did → outcome, with a facts table and room for a quote.

What’s inside

Four pages of plain HTML and one stylesheet. No build step, no framework, no JavaScript: open index.html and edit. Colours, fonts and the width of the text column are variables at the top of the CSS. Dark mode follows the system setting.

The measure is the design

The text column is 42 rem — about 65 to 75 characters a line — because that is where long paragraphs stay comfortable. The type scale, the facts grid and the image slots are all sized off that one number. Change it and the page re-flows around it.

What you will need to replace

Every image is a labelled placeholder with an aspect ratio already set. Replace each with an <img> carrying width and height, and the layout will not jump while photos load. The two case studies are the same structure — copy one for each additional piece of work.