{
  "slug": "why-velcro-changed-how-things-are-fastened",
  "version": 1,
  "layout": "comparison",
  "nodes": [
    {
      "id": "n1",
      "type": "zone",
      "label": "Hook Strip",
      "x": 54,
      "y": 94,
      "w": 155,
      "h": 155,
      "detail": "tiny plastic hooks"
    },
    {
      "id": "n2",
      "type": "zone",
      "label": "Loop Strip",
      "x": 324,
      "y": 106,
      "w": 155,
      "h": 155,
      "detail": "tiny textile loops"
    },
    {
      "id": "n3",
      "type": "divider",
      "label": "Press",
      "x": 265,
      "y": 114,
      "w": 24,
      "h": 140
    },
    {
      "id": "n4",
      "type": "zone",
      "label": "Hooked Together",
      "x": 332,
      "y": 285,
      "w": 78,
      "h": 78,
      "detail": "strong hold"
    },
    {
      "id": "n5",
      "type": "tag",
      "label": "Peel to Release",
      "x": 332,
      "y": 312,
      "w": 78,
      "h": 78
    }
  ],
  "relationships": [
    {
      "from": "n1",
      "to": "n4",
      "label": "engages with loops"
    },
    {
      "from": "n2",
      "to": "n4",
      "label": "engages with hooks"
    },
    {
      "from": "n4",
      "to": "n5",
      "label": "reversible by"
    }
  ],
  "summary": "Tiny hooks engage with tiny loops when pressed; peeling apart releases them for re-use.",
  "mechanism": "micro-hook-loop-reversible-fastening",
  "fig": "FIG. / THE BURR THAT BECAME A FASTENER",
  "animation": {
    "style": "reveal",
    "duration": 600,
    "stagger": 60
  },
  "presentation": {
    "style": "vignette",
    "hero": "n5",
    "support": [],
    "icon": "velcro",
    "label": "Velcro",
    "tilt": -5
  },
  "illustration": {
    "concept": "Two mating surfaces: upper surface with hook fibres hanging down; lower surface with loop fibres pointing up; arrows press them together; interlocked detail at right",
    "paths": [
      {
        "d": "M 84,60 L 516,60 Q 520,60 520,64 L 520,166 Q 520,170 516,170 L 84,170 Q 80,170 80,166 L 80,64 Q 80,60 84,60 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 84,60 L 516,60 Q 520,60 520,64 L 520,166 Q 520,170 516,170 L 84,170 Q 80,170 80,166 L 80,64 Q 80,60 84,60 Z",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 100,170 L 100,198 C 100,210 116,210 116,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 140,170 L 140,198 C 140,210 156,210 156,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 180,170 L 180,198 C 180,210 196,210 196,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 220,170 L 220,198 C 220,210 236,210 236,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 260,170 L 260,198 C 260,210 276,210 276,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 300,170 L 300,198 C 300,210 316,210 316,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 340,170 L 340,198 C 340,210 356,210 356,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 380,170 L 380,198 C 380,210 396,210 396,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 420,170 L 420,198 C 420,210 436,210 436,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 460,170 L 460,198 C 460,210 476,210 476,198",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 84,235 L 516,235 Q 520,235 520,239 L 520,341 Q 520,345 516,345 L 84,345 Q 80,345 80,341 L 80,239 Q 80,235 84,235 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 84,235 L 516,235 Q 520,235 520,239 L 520,341 Q 520,345 516,345 L 84,345 Q 80,345 80,341 L 80,239 Q 80,235 84,235 Z",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 100,235 C 100,207 116,207 116,235 C 116,221 128,221 128,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 140,235 C 140,207 156,207 156,235 C 156,221 168,221 168,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 180,235 C 180,207 196,207 196,235 C 196,221 208,221 208,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 220,235 C 220,207 236,207 236,235 C 236,221 248,221 248,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 260,235 C 260,207 276,207 276,235 C 276,221 288,221 288,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 300,235 C 300,207 316,207 316,235 C 316,221 328,221 328,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 340,235 C 340,207 356,207 356,235 C 356,221 368,221 368,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 380,235 C 380,207 396,207 396,235 C 396,221 408,221 408,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 420,235 C 420,207 436,207 436,235 C 436,221 448,221 448,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 460,235 C 460,207 476,207 476,235 C 476,221 488,221 488,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 60,150 L 60,220 M 53.6,204.0 L 60,220 L 66.4,204.0",
        "fill": "none",
        "weight": 3,
        "motion": "slide"
      },
      {
        "d": "M 540,215 L 540,145 M 546.4,161.0 L 540,145 L 533.6,161.0",
        "fill": "none",
        "weight": 3,
        "motion": "slide"
      },
      {
        "d": "M 543,148 L 543,235",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 548,165 C 548,153 558,153 558,165",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 558,167 C 558,159 568,159 568,167",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 548,183 C 548,171 558,171 558,183",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 558,185 C 558,177 568,177 568,185",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 548,201 C 548,189 558,189 558,201",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 558,203 C 558,195 568,195 568,203",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      }
    ]
  }
}