{
 "slug": "halyard",
 "name": "Halyard",
 "title": "Free marketing agency website template",
 "description": "Free HTML marketing agency website template for a studio with a yearly report and a live series. AGENTS.md for Claude Code and Cursor, or build it no-code.",
 "kind": "One-page website for a marketing or communications agency that publishes a yearly research report and runs a live series",
 "summary": "A one-page site for a small communications studio in Bristol: an opening statement, six research signals, a ledger of six old measures against new ones, field notes with photos, four live sessions, a team of four, a free report download, questions and a contact form. Cool grey ground, a light high-contrast serif against thin uppercase type, and one heavy arrow cut from grainy red, pink, black and taupe paper that turns, assembles and reaches across the page.",
 "fits": [
  "marketing, communications or PR agency",
  "research, insights or consultancy firm with a yearly report",
  "webinar, conference or live series with a free download",
  "media or newsletter brand with a signature trends report"
 ],
 "categories": [
  "Agency and studio"
 ],
 "tags": [
  "marketing agency",
  "communications studio",
  "pr agency",
  "research report",
  "trends report",
  "webinar",
  "live series",
  "lead magnet",
  "collage",
  "editorial",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 113,
 "photos": 9,
 "fonts": [
  "Geist",
  "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(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "fixed top bar: logo, six section links, a red live link; hides on scroll down; phone menu overlay"
  },
  {
   "key": "thesis",
   "id": "thesis",
   "heading": "Attention doesn’t drift. It turns.",
   "about": "first screen: a tall collage arrow on the left, the h1 \"Attention doesn't drift. It turns.\", a lead, a facts line and two buttons"
  },
  {
   "key": "signals",
   "id": "signals",
   "heading": "Six signals for 2027",
   "about": "six numbered trends as a list beside a sticky dial with one big arrow that swings to each trend's bearing"
  },
  {
   "key": "shifts",
   "id": "shifts",
   "heading": "What brands count, and what people act on",
   "about": "ledger of six old measures struck out and replaced by new ones, each with a one-line note"
  },
  {
   "key": "field",
   "id": "field",
   "heading": "Field notes",
   "about": "a quote over five torn photos that start piled on top of it and part toward the edges, each with a city caption"
  },
  {
   "key": "sessions",
   "id": "sessions",
   "heading": "Halyard Ahead: four evenings, argued live",
   "about": "red paper sheet with four live session strips: date, title, guest and a Save a seat button"
  },
  {
   "key": "voices",
   "id": "voices",
   "heading": "The people reading the wind",
   "about": "four torn portraits on a sideways track threaded on a collage shaft: name, role and a line each"
  },
  {
   "key": "report",
   "id": "report",
   "heading": "The full forecast, free",
   "about": "report cover made of an arrow and loose paper bits beside a summary of the 64-page report, seven chapters and an email form"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you ask",
   "about": "five questions and answers (native <details>) with a thin stack and two loose paper bits"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Point us somewhere",
   "about": "contact form and address block under a long arrow that extends across the section"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "large wordmark, four links, a note about the studio, copyright with the Design: 8B credit and a back-to-top button"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "form",
  "email",
  "phone"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/marketing-agency-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my agency: name, city, what we publish each year, the findings and chapters, live event dates, titles and guests, team names and roles, hours, address, contacts>. Replace the figures, signals, shifts, session dates and nav live link first, then the team. Keep every id, the data-8b-section, data-8b-motion and data-8b-part attributes, the classes AGENTS.md lists and one bearing per signal; set the footer --len to the name's length. Ask me for missing facts; never invent figures, dates, names or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/halyard/",
  "md": "https://8b.com/templates/halyard.md",
  "json": "https://8b.com/templates/halyard.json",
  "demo": "https://8b.com/templates/halyard/demo.html",
  "ghDemo": "https://8bsite.github.io/marketing-agency-website-template/",
  "repo": "https://github.com/8bsite/marketing-agency-website-template",
  "zip": "https://8b.com/templates/halyard/marketing-agency-website-template.zip",
  "use": "https://github.com/new?template_name=marketing-agency-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/marketing-agency-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/marketing-agency-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/marketing-agency-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/halyard/desktop.webp",
  "phone": "https://8b.com/templates/halyard/phone.webp",
  "clip": "https://8b.com/templates/halyard/scroll.mp4",
  "og": "https://8b.com/templates/halyard/og.jpg",
  "design_md": "https://8b.com/templates/halyard/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/marketing-agency-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "marketing-agency",
   "agency-website",
   "report-landing-page",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}