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.
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.
Service pages get found; case studies close. Fathom’s case-study layout is the page with the most work in it: a meta row, a wide hero, four results as large numbers before any prose, then the brief, what was done instead, engineering notes, and a section titled What didn’t work — because a prospect trusts the number you missed more than the ten you hit. A sticky sidebar carries the team and the stack and a link to the next study.
One display style (.display), tight and heavy, at sizes from 2.75 to 7 rem depending on the
viewport, and one accent colour that appears on a button, a hover and a selection — nowhere
else. The client list is a line of monospace text, not a row of grey logos.
Each service states its length, the team, what you get and a starting price. Delete the price row if you’d rather not, but the page was designed to carry it: agencies that publish numbers get fewer, better enquiries.
Photos are placeholders with the intended subject on them; the case-study hero is 21:9, work cards 4:3, portraits 4:5. Company names, results and quotes are examples — replace every number with one you can defend.
First release
An estate agency in Tailwind: listings with filters as real links, a property page with gallery, room sizes, floor plan, map and enquiry form, agents with direct numbers, plus a valuation funnel and a 404 in Pro. No JavaScript, RealEstateListing markup.
A restaurant site in Tailwind: menu with anchor sections, table booking form, gallery, hours and contact, plus a private-dining page and a 404 in Pro. Schema.org markup for the venue and the menu.
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.