A portfolio for a few pieces of work worth a story: work list, two case-study layouts, about, plus a contact page with an enquiry form and a 404 in Pro. Plain HTML and CSS, no build step, no JavaScript, dark mode follows the system.
The home page and its CSS — enough to publish a one-pager. A credit link stays in the footer.
Every page, the Pro-only pages, the source files, no attribution, and 12 months of updates and email support.
Use it in unlimited personal and commercial projects, including client work.
Do not resell the template itself, alone or in a bundle.
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.
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 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.
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.
Contact page with enquiry form and 404 added to Pro; free archive is now the home page
First release
A reading-first blog in plain HTML and one stylesheet: 18 px serif at a 66-character measure, notes that sit in the margin on wide screens, article, archive and author layouts. No build step, no JavaScript, system fonts only, dark mode redrawn not inverted. Newsletter page and 404 in Pro.
A design-and-engineering studio site that leads with the case study: results as big numbers, a 'what didn't work' section, sticky team and stack. Big type, one accent colour, no logo soup. Work, services with prices, team, contact, plus careers and a 404 in Pro.
A shop site with a counter price list, a week of dated events and opening hours, in a 1970s ledger-book style: warm paper, oxblood ink, dotted-leader rows, squared corners. Plain HTML and one stylesheet, no images, no build step.