{
  "schemaVersion": 2,
  "id": "25",
  "slug": "local-trades",
  "name": "Local Trades",
  "brand": "Northline Repairs",
  "family": "Commerce & places",
  "status": "ready",
  "thesis": "Answer the questions a customer has before contacting a local business.",
  "suitableFor": [
    "Services",
    "Marketing"
  ],
  "character": "Restrained",
  "traits": {
    "composition": "Local service board with coverage sign, priced work rows and illustrated repair evidence",
    "navigation": "Service selection and a short enquiry form",
    "typography": "DM Sans",
    "density": "Medium",
    "imagery": "Typography, rules, and interface structure",
    "surface": "Plain white service surfaces, navy text and burnt-orange actions",
    "motion": "Minimal"
  },
  "effort": "Low",
  "definingFeatures": [
    "Service and area before decoration",
    "Visible sample prices",
    "Clear contact and validation"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/25-local-trades/start",
  "states": [
    {
      "key": "quote",
      "label": "Quote request demonstration",
      "route": "/preview/25-local-trades/quote"
    },
    {
      "key": "area",
      "label": "Service-area information",
      "route": "/preview/25-local-trades/area"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/25/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/25/11ed186328eb62af-desktop.jpg",
      "route": "/preview/25-local-trades/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fc28f482dd38e92e11355fa225fa8336c1c23a6b8c1e52803bd5c35de53c3ff0",
      "sha256": "11ed186328eb62af95ebbc54274b812c64d793316566724b5bf0dab25cee320f",
      "fullPage": false
    },
    {
      "file": "/previews/25/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/25/5346dc4f253f9e65-mobile.jpg",
      "route": "/preview/25-local-trades/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fc28f482dd38e92e11355fa225fa8336c1c23a6b8c1e52803bd5c35de53c3ff0",
      "sha256": "5346dc4f253f9e65792213045db164efe7d9c46e9eb496aa7bf66b4fa9d6e237",
      "fullPage": false
    },
    {
      "file": "/previews/25/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/25/299648e332315f14-detail.jpg",
      "route": "/preview/25-local-trades/quote",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "quote",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fc28f482dd38e92e11355fa225fa8336c1c23a6b8c1e52803bd5c35de53c3ff0",
      "sha256": "299648e332315f148ccafeac8da8d5dd96036f5ef06f0b96b7d7ebc24ad6e513",
      "fullPage": false
    },
    {
      "file": "/previews/25/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/25/f846c0291030ac80-full-page.jpg",
      "route": "/preview/25-local-trades/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:fc28f482dd38e92e11355fa225fa8336c1c23a6b8c1e52803bd5c35de53c3ff0",
      "sha256": "f846c0291030ac80f683cd23e27c7a2bc42fe7d169ec0dac1cb29d924f7de761",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/25-local-trades",
  "neighbours": [
    "01",
    "02"
  ],
  "palette": {
    "page": "#f7f8f5",
    "surface": "#ffffff",
    "ink": "#24374b",
    "accent": "#be491b"
  },
  "fonts": [
    "DM Sans"
  ],
  "brief": "**Philosophy and fit.** Answer the questions a customer has before contacting a local business. Appropriate for trades, storage facilities, repair services, and appointment-based businesses.\n\n**Visual grammar.** Lead with service, coverage area, opening hours, and a clear contact action. Follow with a price or service table, practical photographs, and specific evidence of work. Use robust sans-serif headings, dark navy text, white and pale grey surfaces, and a safety-orange accent reserved for actions. Navigation names the work directly.\n\n**Specimen and flow.** *Northline Repairs* serves a fictional town. Select a repair type, inspect service details, and complete a quote-request demonstration. Supporting views include service-area information and a submitted-request summary. Form validation explains missing information beside the relevant field; no message is actually sent.\n\n**Responsive behaviour.** Phone and enquiry actions stay easy to reach without covering the page. Service tables collapse into labelled records; addresses and hours remain visible text.\n\n**Identity rules.** Preserve plain answers, real-looking work examples, and clear contact routes. Avoid generic stock-photo heroes, fabricated review badges, and excessive animation. **Effort: low.**\n\n**Distinctive composition.** A service-and-coverage board now leads the page: practical hours, three clearly priced work types, and an illustrated repair detail. This removes the product-marketing hero and pale information card shared with Precision SaaS, while avoiding Service Bay’s industrial ticket language.",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Local services",
      "Trades",
      "Repair",
      "Self storage"
    ],
    "visitorGoals": [
      "Understand services"
    ],
    "conversionActions": [
      "Request a quote"
    ],
    "siteSize": "Service site",
    "interactionTypes": [
      "Service selection",
      "Coverage information",
      "Enquiry form"
    ],
    "keywords": [
      "Services",
      "Marketing",
      "Service and area before decoration",
      "Visible sample prices",
      "Clear contact and validation",
      "storage facilities",
      "local business",
      "small business",
      "enquiry driven",
      "storage"
    ]
  },
  "patterns": [
    "Service and area before decoration",
    "Visible sample prices",
    "Clear contact and validation"
  ],
  "downloadUrl": "/downloads/25-local-trades.zip"
}