{
  "schemaVersion": 2,
  "name": "Swatch",
  "slug": "swatch",
  "description": "A designer's studio site on warm grey tiles: colour-chip strips, a wall-colour picker you can try in the room, project tiles and fixed-fee services.",
  "audience": [
    "interior designer",
    "product designer",
    "furniture maker",
    "colour consultant"
  ],
  "category": "Portfolio",
  "job": "freelance",
  "categoryId": "freelancer",
  "alsoFits": [
    "interior designer",
    "product designer",
    "furniture maker",
    "colour consultant"
  ],
  "direction": "Warm grey tiles, colour-chip strips and a CSS wall-colour picker",
  "mood": [
    "light",
    "calm",
    "modern"
  ],
  "schemaOrg": "ProfessionalService",
  "palette": {
    "--bg": "#DDD8CF",
    "--ink": "#26231F",
    "--accent": "#B4553A",
    "--sage": "#7D8C72",
    "--indigo": "#2E3A5A"
  },
  "fonts": [
    "Jost"
  ],
  "pages": [
    {
      "path": "index.html",
      "label": "Home",
      "purpose": "Wall-colour picker over the room, house palette strip, selected projects, four-step process, fixed-fee services, consult CTA"
    },
    {
      "path": "work.html",
      "label": "Work",
      "purpose": "Project tiles: two case studies, a shopfit and a clinic, each with a material board or photo"
    },
    {
      "path": "case-harbour-flat.html",
      "label": "Harbour Flat",
      "purpose": "Residential case study with numbered material callouts on a photo, facts and a week-by-week timeline"
    },
    {
      "path": "case-tallow-chair.html",
      "label": "Wren chair",
      "purpose": "Product page with finish chips, dimensions, lead time and how one chair is made"
    },
    {
      "path": "services.html",
      "label": "Services",
      "purpose": "Four fixed-fee services, how fees work, and the design consult booking (Business)"
    },
    {
      "path": "about.html",
      "label": "About",
      "purpose": "Two designers, who does what, how we work, and a studio visit call to action"
    },
    {
      "path": "contact.html",
      "label": "Contact",
      "purpose": "Enquiry form slot with mailto and phone fallbacks, studio details and what happens next"
    }
  ],
  "slots": [
    {
      "id": "consult",
      "kind": "booking",
      "page": "services.html",
      "fallback": "tel"
    },
    {
      "id": "enquiry",
      "kind": "form",
      "page": "contact.html",
      "fallback": "mailto"
    }
  ],
  "facts": [
    "name",
    "address",
    "phone",
    "email",
    "hours",
    "service prices",
    "project details and photos",
    "client quotes (only if real)"
  ],
  "interview": [
    "What is your studio called and where are you based?",
    "Which services do you sell, and what does each start from?",
    "Do you offer a paid consult, and what are your studio and visit hours?",
    "Which three projects should lead the work page, and which have permission to be shown?",
    "What finishes or products do you make, and what are their codes?"
  ],
  "customise": {
    "strings": [
      "Studio name 'Mede Studio', the two designer names and their bios on about.html",
      "Project names, years and copy on work.html, the case studies and home tiles",
      "Service names and prices on index.html and services.html; consult fee in the fees note",
      "Address, phone, email and hours in the footer, contact.html and the JSON-LD"
    ],
    "colours": "Edit the :root tokens at the top of styles.css. The five chip colours (--terra, --ochre, --sage, --indigo, --blush) also drive the wall picker on index.html",
    "fonts": "Change the Google Fonts <link> in each page head and --f in styles.css",
    "sections": "Each page is independent. Delete a project tile or service row and the grid still holds. Keep the chip radios on index.html together and in order, since the wall picker depends on them",
    "images": "hero-room.svg is overlaid furniture on a transparent layer: keep it transparent so the wall picker shows through, or replace it with a room photo 1200×1000 (6:5) and remove the picker. case-flat.svg 1600×1000, case-chair.svg 1600×1000, board.svg 1200×800, studio.svg 1200×1500 (4:5); WebP under 300 KB each"
  },
  "files": [
    "index.html",
    "work.html",
    "case-harbour-flat.html",
    "case-tallow-chair.html",
    "services.html",
    "about.html",
    "contact.html",
    "404.html",
    "privacy.html",
    "styles.css",
    "script.js",
    "favicon.svg",
    "og.png",
    "apple-touch-icon.png",
    "art/hero-room.svg",
    "art/case-flat.svg",
    "art/case-chair.svg",
    "art/board.svg",
    "art/studio.svg"
  ],
  "weightKB": 77,
  "updated": "2026-10-12"
}