{
  "metadata": {
    "source": "https://designbypelling.co.uk/",
    "auditedAt": "2026-08-12",
    "patternOpacity": 0.25,
    "note": "The live site layers transparent SVG brushwork over a separate gradient. Ready-to-use PNGs preserve that construction."
  },
  "renderSizes": {
    "landscape": { "width": 1920, "height": 1080 },
    "square": { "width": 1080, "height": 1080 }
  },
  "recipes": [
    {
      "id": "blue-horizontal-dark-brush",
      "name": "Pelling blue with horizontal dry brush",
      "gradient": "linear-gradient(90deg, #0F2027 0.24%, #203A43 49.49%, #2C5364 99.69%)",
      "brush": "pattern_hpbs-dark.svg",
      "position": "center left",
      "size": "auto",
      "blendMode": "normal",
      "opacity": 0.25,
      "liveExamples": ["homepage introduction"],
      "export": true
    },
    {
      "id": "blue-zigzag-dark-brush",
      "name": "Pelling blue with dark zigzag brush",
      "gradient": "linear-gradient(90deg, #0F2027 0.24%, #203A43 49.49%, #2C5364 99.69%)",
      "brush": "pattern_zzas-dark.svg",
      "position": "top right",
      "size": "auto",
      "blendMode": "soft-light",
      "opacity": 0.25,
      "liveExamples": ["homepage services"],
      "export": true
    },
    {
      "id": "orange-yellow-ribbon-light-brush",
      "name": "Orange-yellow with light ribbon brush",
      "gradient": "linear-gradient(90deg, #F12711 0%, #F5AF19 100%)",
      "brush": "pattern_lrsp-light.svg",
      "position": "bottom left",
      "size": "auto",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["homepage CTA", "services CTA", "insights CTA"],
      "export": true
    },
    {
      "id": "purple-blue-zigzag-light-brush",
      "name": "Purple-blue with light zigzag brush",
      "gradient": "linear-gradient(90deg, #8E2DE2 0%, #4A00E0 100%)",
      "brush": "pattern_zzas-light.svg",
      "position": "top right",
      "size": "auto",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["branding service"],
      "export": true
    },
    {
      "id": "green-lightgreen-patch-light-brush",
      "name": "Green-light green with broad light brush patch",
      "gradient": "linear-gradient(90deg, #007C5E 0%, #92FE9D 100%)",
      "brush": "pattern_dpbp-light.svg",
      "position": "center right",
      "size": "cover",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["marketing strategy service"],
      "export": true
    },
    {
      "id": "green-lightgreen-wave-light-brush",
      "name": "Green-light green with light wave brush",
      "gradient": "linear-gradient(90deg, #007C5E 0%, #92FE9D 100%)",
      "brush": "pattern_wsp-light.svg",
      "position": "center right",
      "size": "auto",
      "blendMode": "soft-light",
      "opacity": 0.25,
      "liveExamples": ["insights"],
      "export": true
    },
    {
      "id": "red-purple-wave-light-brush",
      "name": "Red-purple with light wave brush",
      "gradient": "linear-gradient(90deg, #C31432 0%, #240B36 100%)",
      "brush": "pattern_wsp-light.svg",
      "position": "center right",
      "size": "cover",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["approach", "graphic design service"],
      "export": true
    },
    {
      "id": "red-purple-arch-light-brush",
      "name": "Red-purple with light arch brush",
      "gradient": "linear-gradient(90deg, #C31432 0%, #240B36 100%)",
      "brush": "pattern_rp-light.svg",
      "position": "top right",
      "size": "cover",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["contact"],
      "export": true
    },
    {
      "id": "purple-pink-zigzag-light-brush",
      "name": "Purple-pink with light zigzag brush",
      "gradient": "linear-gradient(90deg, #33001B 0%, #FF0084 100%)",
      "brush": "pattern_zzas-light.svg",
      "position": "top right",
      "size": "auto",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["services"],
      "export": true
    },
    {
      "id": "blue-lightblue-arch-light-brush",
      "name": "Deep blue-light blue with light arch brush",
      "gradient": "linear-gradient(90deg, #000046 0%, #1CB5E0 100%)",
      "brush": "pattern_rp-light.svg",
      "position": "top right",
      "size": "cover",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["who we are"],
      "export": true
    },
    {
      "id": "blue-patch-light-brush",
      "name": "Pelling blue with broad light brush patch",
      "gradient": "linear-gradient(90deg, #0F2027 0.24%, #203A43 49.49%, #2C5364 99.69%)",
      "brush": "pattern_dpbp-light.svg",
      "position": "center right",
      "size": "auto",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["who we are"],
      "export": true
    },
    {
      "id": "blue-wave-light-brush",
      "name": "Pelling blue with light wave brush",
      "gradient": "linear-gradient(90deg, #0F2027 0.24%, #203A43 49.49%, #2C5364 99.69%)",
      "brush": "pattern_wsp-light.svg",
      "position": "top right",
      "size": "contain",
      "blendMode": "overlay",
      "opacity": 0.25,
      "liveExamples": ["web design and development", "contact"],
      "export": true
    }
  ]
}