@arraypress/covers 1.1.0 → 1.3.1

package/recipes/release/odd-tile-shift.json

@@ -0,0 +1,541 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "odd-tile-shift",
+  "description": "The odd tile, shifted: a 4 × 3 grid of the mark with hairline rules, one cell (param `odd`) left empty and its mark fallen out of the grid, tipped and in the accent, half over the bottom rule at the right; the artist and title beside it. Slots: {name} (artist), {title} (release), {mark}, the palette (bg, text, accent), `odd`. Fonts: Inter Tight (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "params": {
+    "odd": 6
+  },
+  "requires": [
+    "mark"
+  ],
+  "layers": [
+    {
+      "id": "page",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "gap0",
+          "type": "shape",
+          "kind": "rect",
+          "x": 50,
+          "y": 50,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 0
+          }
+        },
+        {
+          "id": "m0",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 50,
+          "y": 50,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 0
+            }
+          }
+        },
+        {
+          "id": "gap1",
+          "type": "shape",
+          "kind": "rect",
+          "x": 300,
+          "y": 50,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 1
+          }
+        },
+        {
+          "id": "m1",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 300,
+          "y": 50,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 1
+            }
+          }
+        },
+        {
+          "id": "gap2",
+          "type": "shape",
+          "kind": "rect",
+          "x": 550,
+          "y": 50,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 2
+          }
+        },
+        {
+          "id": "m2",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 550,
+          "y": 50,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 2
+            }
+          }
+        },
+        {
+          "id": "gap3",
+          "type": "shape",
+          "kind": "rect",
+          "x": 800,
+          "y": 50,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 3
+          }
+        },
+        {
+          "id": "m3",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 800,
+          "y": 50,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 3
+            }
+          }
+        },
+        {
+          "id": "gap4",
+          "type": "shape",
+          "kind": "rect",
+          "x": 50,
+          "y": 300,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 4
+          }
+        },
+        {
+          "id": "m4",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 50,
+          "y": 300,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 4
+            }
+          }
+        },
+        {
+          "id": "gap5",
+          "type": "shape",
+          "kind": "rect",
+          "x": 300,
+          "y": 300,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 5
+          }
+        },
+        {
+          "id": "m5",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 300,
+          "y": 300,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 5
+            }
+          }
+        },
+        {
+          "id": "gap6",
+          "type": "shape",
+          "kind": "rect",
+          "x": 550,
+          "y": 300,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 6
+          }
+        },
+        {
+          "id": "m6",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 550,
+          "y": 300,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 6
+            }
+          }
+        },
+        {
+          "id": "gap7",
+          "type": "shape",
+          "kind": "rect",
+          "x": 800,
+          "y": 300,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 7
+          }
+        },
+        {
+          "id": "m7",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 800,
+          "y": 300,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 7
+            }
+          }
+        },
+        {
+          "id": "gap8",
+          "type": "shape",
+          "kind": "rect",
+          "x": 50,
+          "y": 550,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 8
+          }
+        },
+        {
+          "id": "m8",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 50,
+          "y": 550,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 8
+            }
+          }
+        },
+        {
+          "id": "gap9",
+          "type": "shape",
+          "kind": "rect",
+          "x": 300,
+          "y": 550,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 9
+          }
+        },
+        {
+          "id": "m9",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 300,
+          "y": 550,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 9
+            }
+          }
+        },
+        {
+          "id": "gap10",
+          "type": "shape",
+          "kind": "rect",
+          "x": 550,
+          "y": 550,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 10
+          }
+        },
+        {
+          "id": "m10",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 550,
+          "y": 550,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 10
+            }
+          }
+        },
+        {
+          "id": "gap11",
+          "type": "shape",
+          "kind": "rect",
+          "x": 800,
+          "y": 550,
+          "width": 150,
+          "height": 150,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2,
+          "dash": [
+            6,
+            10
+          ],
+          "opacity": 0.45,
+          "when": {
+            "odd": 11
+          }
+        },
+        {
+          "id": "m11",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 800,
+          "y": 550,
+          "size": 150,
+          "color": "@text",
+          "when": {
+            "not": {
+              "odd": 11
+            }
+          }
+        },
+        {
+          "id": "rules",
+          "type": "shape",
+          "stroke": "@text",
+          "strokeWidth": 1.4,
+          "opacity": 0.35,
+          "items": [
+            {
+              "kind": "line",
+              "x1": 250,
+              "y1": 0,
+              "x2": 250,
+              "y2": 750
+            },
+            {
+              "kind": "line",
+              "x1": 500,
+              "y1": 0,
+              "x2": 500,
+              "y2": 750
+            },
+            {
+              "kind": "line",
+              "x1": 750,
+              "y1": 0,
+              "x2": 750,
+              "y2": 750
+            },
+            {
+              "kind": "line",
+              "x1": 0,
+              "y1": 250,
+              "x2": 1000,
+              "y2": 250
+            },
+            {
+              "kind": "line",
+              "x1": 0,
+              "y1": 500,
+              "x2": 1000,
+              "y2": 500
+            },
+            {
+              "kind": "line",
+              "x1": 0,
+              "y1": 750,
+              "x2": 1000,
+              "y2": 750
+            }
+          ]
+        },
+        {
+          "id": "fallen",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 800,
+          "y": 742,
+          "size": 160,
+          "color": "@accent",
+          "transform": {
+            "rotate": 22,
+            "origin": [
+              880,
+              822
+            ]
+          }
+        },
+        {
+          "id": "name",
+          "type": "text",
+          "content": "{name}",
+          "font": "Inter Tight",
+          "weight": 700,
+          "size": 88,
+          "letterSpacing": -0.015,
+          "x": 44,
+          "y": 848,
+          "maxWidth": 700,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@text"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": "{title}",
+          "font": "Inter Tight",
+          "weight": 400,
+          "size": 88,
+          "letterSpacing": -0.01,
+          "x": 44,
+          "y": 950,
+          "maxWidth": 700,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@text"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.04
+    }
+  ]
+}