Live pages, not screenshots. Each tile is the real template running in an iframe, so nothing here can go stale without the templates going stale too. Colour and lettering are not shown here on purpose — they are a stylesheet each, swapped live on the edit page.
Structurally different arrangements. This is the number that counts as "how many designs".
Opens on a full photograph, then alternating bands of evidence — work, process, price. Survives mismatched client photography because every image sits in a fixed frame. Suits roofing, hvac, landscape.
No photography anywhere. A statement opening, hard facts where an image would be, and services as a numbered index. Built for corporate and boutique practices rather than personal injury. Suits law, accounting, agency.
One column, no grid, nothing to hide behind. Words first, credentials early, and a written price where a competitor puts "contact us". Suits law, mediation, consulting.
Headings sit in a side gutter and the content runs beside them, so the page is scannable by topic. A filing calendar that keeps itself current, published fees, and downloadable forms lead. Suits accounting, bookkeeping, payroll.
The work leads, laid out as an uneven grid where the first piece is largest. Built for a trade judged on range rather than on one photograph. Suits landscape, pools, masonry.
A large display scale where the headings carry the layout and the body text sits to one side. For a business whose product is how things look. Suits web design, branding, architecture.
Dense and card-led, four across, tuned for scanning rather than reading. The agent comes early and the areas carry real weight. Suits real estate, lettings, brokerage.
The same kit dressed as a real business. This is the group to open on a call: a layout answers "what shapes are there", and one of these answers "what would mine look like".
Plate layout, its own palette and lettering. A whole site, not a specimen.
Mosaic layout, its own palette and lettering. A whole site, not a specimen.
Ledger layout, its own palette and lettering. A whole site, not a specimen.
Schedule layout, its own palette and lettering. A whole site, not a specimen.
Schedule layout, its own palette and lettering. A whole site, not a specimen.
Two things that change more than the surface.
Plate in dark mode. The page set and the inverse set swap, so an inverted band inside a dark page comes out lighter rather than black on black.
Arabic. Same kit, same recipe, same sections — only the language and a typeset whose family draws Arabic.
Six templates that exist as pages and cannot be used as templates. Each bakes its colour into its own layout, so a customer's palette cannot reach it, and none of them can swap with anything. They are here because a design that is quietly dropped looks exactly like one that was never built.
Built by me before the contract. 9 hex values in the layout.
Built by me before the contract. 8 hex values in the layout.
Built by me before the contract. 9 hex values in the layout.
Built by a parallel agent. 10 hex values in the layout.
Built by a parallel agent. 10 hex values in the layout.
Built by a parallel agent. 15 hex values in the layout.