{ "slug": "bankermark", "name": "Bankermark", "title": "Free stonemason website template", "description": "Free HTML stonemason website template for stone yards and restoration masons, with lettering prices. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for a stonemasonry yard or restoration craft business, for clients who commission repairs, new stonework and lettering", "summary": "A one-page site for a stonemason's yard: three trades, five stones, a four-step process from survey to setting, seven masons with their marks, four recent jobs, lettering prices, lime mortar, client quotes, questions and an enquiry form. A near-black page with large rounded light-grey panels, a grotesk for headings and text, a serif for the inscription and the quotes, photographs of stone and pale stone-green accents.", "fits": [ "stonemason or stone restoration yard", "memorial and letter-cutting workshop", "heritage builder, bricklayer or lime plasterer", "any craft trade with several services, a team and a portfolio of jobs" ], "categories": [ "Architecture and building", "Local business" ], "tags": [ "stonemason", "stone restoration", "letter cutting", "memorials", "heritage", "builder", "craftsman", "portfolio", "dark page", "serif", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 100, "photos": 17, "fonts": [ "Host Grotesk", "Source Serif 4" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "floating bar: mark and wordmark, a Menu button, a Book a site visit button and a Call the yard link; a full-screen menu of ten numbered links" }, { "key": "opening", "id": "opening", "heading": "Stone is cut once. We take our time over the cut.", "about": "first screen: h1, intro, two actions, three facts with icons, and a photo of a squared stone slab" }, { "key": "trades", "id": "trades", "heading": "Three trades at one banker", "about": "three trade panels that stack like blocks, each with a photo, a badge, a title, a paragraph, four jobs and a link (demo: repair and repointing, ashlar and steps, lettering and ornament)" }, { "key": "stones", "id": "stones", "heading": "Five stones on the banker this year", "about": "five stones as courses of a wall: photo, name, origin and a line (demo: Bath stone, Portland, York stone, Ham stone, Welsh slate) and a note on other stones" }, { "key": "banker", "id": "banker", "heading": "From the bed to the wall", "about": "a photo of rough stone blocks whose frame is cut step by step, beside four numbered process steps (demo: survey, sawing, working, signing and setting)" }, { "key": "masons", "id": "masons", "heading": "Seven masons, seven marks", "about": "seven masons as rows with a drawn mark, name, role and a line (demo: Tom Hearn, Ellie Pratt, Dan Okafor, Martha Vowles, Sam Beddoe, Ruth Allard, Josh Tanner)" }, { "key": "work", "id": "work", "heading": "Recent work", "about": "pinned horizontal track of four jobs with photo, badge, title, a paragraph and a year, stone and client line (demo: a Georgian terrace, a church tower, a garden arch, a boundary wall)" }, { "key": "lettering", "id": "lettering", "heading": "Letters cut by hand", "about": "a pinned inscription of three lines cut line by line, then a heading, a paragraph, three prices and a button (demo: house names from £380, memorials from £1,450, inscriptions by the letter)" }, { "key": "lime", "id": "lime", "heading": "Lime, never cement", "about": "a photo of hands with lime powder beside a heading, a paragraph, a lime versus cement comparison and a closing paragraph" }, { "key": "reviews", "id": "reviews", "heading": "What clients say once the scaffold comes down", "about": "three client quotes on glass panes over a photo of an old stone wall" }, { "key": "faq", "id": "faq", "heading": "Asked on site", "about": "six questions and answers as native
rows with a plus icon (demo: listed buildings, travel, matching stone, memorial timing, cement, site visit cost)" }, { "key": "contact", "id": "contact", "heading": "Bring us the stone, or the problem.", "about": "a two-line heading, yard details (address, phone, email, hours) and an enquiry form over a quarry photo" }, { "key": "footer", "id": "footer", "heading": "", "about": "large split wordmark, a drawn mark, a short description, the yard details, contacts, page links and the copyright line with the company number" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/stonemason-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the name, Corsham details, stones, masons, jobs, prices and client quotes. Keep the section ids, the classes AGENTS.md lists and the SVG mark paths, and set the footer wordmark's len to the new name's length. Ask me for missing facts and never invent prices, licences, quotes or contacts." }, "links": { "page": "https://8b.com/templates/bankermark/", "md": "https://8b.com/templates/bankermark.md", "json": "https://8b.com/templates/bankermark.json", "demo": "https://8b.com/templates/bankermark/demo.html", "ghDemo": "https://8bsite.github.io/stonemason-website-template/", "repo": "https://github.com/8bsite/stonemason-website-template", "zip": "https://8b.com/templates/bankermark/stonemason-website-template.zip", "use": "https://github.com/new?template_name=stonemason-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/stonemason-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/stonemason-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/stonemason-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/bankermark/desktop.webp", "phone": "https://8b.com/templates/bankermark/phone.webp", "clip": "https://8b.com/templates/bankermark/scroll.mp4", "og": "https://8b.com/templates/bankermark/og.jpg", "design_md": "https://8b.com/templates/bankermark/DESIGN.md" }, "github": { "repo": "8bsite/stonemason-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "stonemason", "stone-restoration", "craftsman-website", "builder-website", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }