{
  "schemaVersion": 2,
  "name": "Rota",
  "slug": "rota",
  "description": "A bright, friendly site for a staff-scheduling app: tomato, sky and mint shift pills on white, a live rota grid in the hero where a shift swap plays out, and a phone notification mock.",
  "audience": [
    "scheduling software",
    "hospitality software",
    "retail software",
    "small business SaaS",
    "HR and payroll tools"
  ],
  "category": "Business",
  "job": "startup",
  "categoryId": "saas",
  "alsoFits": [
    "rota app",
    "shift scheduling",
    "workforce app",
    "booking software",
    "team app"
  ],
  "direction": "Bright shift pills on white with a live swapping rota",
  "mood": [
    "light",
    "bold",
    "modern"
  ],
  "schemaOrg": "SoftwareApplication",
  "fonts": [
    "Rubik",
    "Patrick Hand"
  ],
  "pages": [
    {
      "path": "index.html",
      "label": "Home",
      "purpose": "Live rota hero with an animated shift swap and phone notification, proof stats, how a swap works, rota builder, venue tabs, customer quote, pricing teaser, demo CTA"
    },
    {
      "path": "features.html",
      "label": "Features",
      "purpose": "Rota builder flags, swap cover rules with switches, holiday calendar, clock-in timesheet, wage-vs-takings chart, integrations"
    },
    {
      "path": "pricing.html",
      "label": "Pricing",
      "purpose": "Three illustrative plans per location with a locations calculator, one highlighted, comparison table and FAQ"
    },
    {
      "path": "stories.html",
      "label": "Stories",
      "purpose": "Three customer stories with figures and quotes, plus a before-and-after of one shift swap"
    },
    {
      "path": "contact.html",
      "label": "Contact",
      "purpose": "Demo booking slot with mailto and phone fallback, what happens on the call, support contacts"
    }
  ],
  "slots": [
    {
      "id": "demo",
      "kind": "form",
      "page": "contact.html",
      "fallback": "mailto"
    }
  ],
  "facts": [
    "product name",
    "company name and address",
    "phone",
    "email",
    "support hours",
    "prices per location",
    "customer names, quotes and figures"
  ],
  "interview": [
    "What is the product called and what does it do in one sentence?",
    "Which kinds of business is it for: cafés, restaurants, shops or others?",
    "How is it priced: per location, per user or flat, and what are the plans?",
    "Which features matter most: rotas, swaps, holidays, timesheets or wage costs?",
    "Which customers can be named and quoted, with what figures?",
    "What phone, email and support hours should people use?"
  ],
  "customise": {
    "strings": [
      "Product name 'Pinny' and company 'Pinny Rotas Ltd' in <title>, header, footer and JSON-LD",
      "The sample rota (people, shifts, the Thursday swap) in .stage on index.html, and the status messages in script.js",
      "Stats in .proof on index.html and stories.html",
      "Plans, prices and data-per values on pricing.html (the calculator reads data-per, data-min, data-max)",
      "Customer names, quotes and figures on stories.html and the quote on index.html"
    ],
    "colours": "Edit the :root tokens at the top of styles.css: tomato (Kitchen), sky (Floor), mint (Till and done states). Keep the -d shades for text on white.",
    "fonts": "Rubik (everything) and Patrick Hand (handwritten notes only). Change the Google Fonts <link> in each page and --font / --hand in styles.css.",
    "sections": "Every section is self-contained with its own heading; delete or reorder freely. Shift pills (.pill--floor, --kitchen, --till) are the shared device: reuse them for roles, prices or tags.",
    "images": "Replace art/scene-cafe.svg, scene-kitchen.svg and scene-shop.svg (venues, 1600×1000), art/app-week.svg (product screenshot, 1600×1000) and art/avatar-*.svg (customer portraits, 800×800 square) with real images; WebP under 300 KB. The hero rota and phone are HTML, not images."
  },
  "files": [
    "index.html",
    "features.html",
    "pricing.html",
    "stories.html",
    "contact.html",
    "404.html",
    "privacy.html",
    "styles.css",
    "script.js",
    "favicon.svg",
    "og.png",
    "apple-touch-icon.png",
    "art/scribble.svg",
    "art/tick.svg",
    "art/scene-cafe.svg",
    "art/scene-kitchen.svg",
    "art/scene-shop.svg",
    "art/app-week.svg",
    "art/avatar-dani.svg",
    "art/avatar-wen.svg",
    "art/avatar-ruth.svg"
  ],
  "visuals": {
    "notes": "No raster art. The hero is an HTML table rota: Mo's Thursday shift is offered, Priya taps 'Take shift' on the phone mock (or the script taps after a pause) and the pill flies to her row. Without JS the request state shows; with reduced motion the swap happens instantly on tap. Pills have slightly uneven corners and tilts for a hand-made feel.",
    "prompt": "Flat friendly SVG illustration on a pale sky, mint or tomato wash: rounded shapes, thick navy-ink outlines on key objects, tomato red, sky blue and mint accents, simple faces with dot eyes."
  },
  "updated": "2026-10-14",
  "palette": {
    "--paper": "#ffffff",
    "--ink": "#1e2235",
    "--tomato": "#f0533a",
    "--sky": "#45a8f0",
    "--mint": "#3fcf9b"
  }
}