{
  "schemaVersion": 2,
  "name": "Roster",
  "slug": "roster",
  "description": "Swiss poster for a designer-developer: white, black and one signal red, a text-only table of work with giant numerals and hover previews, a fixed-fee enquiry.",
  "audience": ["designer-developer", "web and print designer", "freelance designer"],
  "category": "Portfolio",
  "job": "freelance",
  "categoryId": "freelancer",
  "alsoFits": ["designer", "developer", "print designer", "typesetter"],
  "direction": "Swiss poster: white ground, black ink, one signal red, tiny type with giant numerals, no images until hover",
  "mood": ["light", "bold", "modern"],
  "schemaOrg": "Person",
  "palette": {
    "--paper": "#ffffff",
    "--ink": "#0b0b0b",
    "--signal": "#e10600",
    "--mute": "#4a4a4a"
  },
  "fonts": ["Inter Tight"],
  "pages": [
    {"path": "index.html", "label": "Work", "purpose": "Intro with price, a text-only table of work with hover previews (numerals, titles, discipline, year), closing enquiry CTA"},
    {"path": "case-fenwick.html", "label": "Hadfield Tide Atlas", "purpose": "One full case note: brief, process, measured result, client quote"},
    {"path": "about.html", "label": "About", "purpose": "Background, the stack by discipline, three-step project process"},
    {"path": "contact.html", "label": "Contact", "purpose": "Enquiry form slot with mailto and phone fallback, what helps in a brief"}
  ],
  "slots": [
    {"id": "contact", "kind": "form", "page": "contact.html", "fallback": "mailto"}
  ],
  "facts": [
    "name",
    "address",
    "phone",
    "email",
    "starting price",
    "project list with disciplines and years",
    "client quote with real name",
    "years in practice and project count",
    "privacy retention period"
  ],
  "interview": [
    "What is your name and what should the studio be called?",
    "What do you design and what do you code?",
    "Which five projects should go in the table, with year and discipline?",
    "Which project gets the full case note, and what did it measure?",
    "What is your starting fee, and is it fixed?",
    "Which email and phone should receive enquiries?"
  ],
  "customise": {
    "strings": [
      "Replace Halvard in wordmarks, titles, footer and JSON-LD, and Juno Halvard in the intro, about page and JSON-LD.",
      "Replace the five rows in index.html #work: number, title, discipline and year. Keep five rows or change the count.",
      "Replace the hover image for each row in art/preview-*.svg (16:11 screenshots).",
      "Replace the case note in case-fenwick.html, or swap it for a second case page and link it from the first row.",
      "Replace the client quote and person name, or remove the blockquote unless a real testimonial is supplied.",
      "Confirm the privacy wording, the enquiry retention period and the reply time."
    ],
    "colours": "Edit the :root tokens at the top of styles.css. Keep one signal colour; the design depends on it.",
    "fonts": "Replace the Inter Tight Google Fonts link in every HTML head and --font in styles.css. Keep weights 400, 600 and 800.",
    "sections": "Each section is self-contained. Keep the numbered table and hover previews on the home page; keep the enquiry slot and the closing CTA on every page.",
    "images": "Replace art/preview-*.svg (640x440 16:11, shown only on hover on desktop) and art/case-fenwick.svg (landscape 1600x1000) and art/about-grid.svg (portrait 900x1100) with real WebP under 300 KB, keeping width, height and data-pl-photo frames."
  },
  "weightKB": 40,
  "updated": "2026-10-12",
  "files": [
    "index.html",
    "case-fenwick.html",
    "about.html",
    "contact.html",
    "privacy.html",
    "404.html",
    "styles.css",
    "script.js",
    "favicon.svg",
    "og.png",
    "apple-touch-icon.png",
    "art/preview-fenwick.svg",
    "art/preview-kestrel.svg",
    "art/preview-lantern.svg",
    "art/preview-brindle.svg",
    "art/preview-quarry.svg",
    "art/case-fenwick.svg",
    "art/about-grid.svg"
  ],
  "visuals": {
    "notes": "No raster art. Five small SVG hover previews built from rects, bands and type on white, black or signal red; a case chart of wave bands with one red cut line; a portrait-format grid of blocks with a red circle. Type is set in SVG text using Inter Tight.",
    "prompt": "Draw a flat Swiss-poster SVG: black rectangles and thin rules on white, one red circle, large bold sans numerals, no gradients."
  }
}