@arraypress/covers 1.1.0 → 1.3.1

package/recipes/flyers/lumio-stack.json

@@ -0,0 +1,438 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "lumio-stack",
+  "description": "Kinetic type, stack: one word repeated down the sheet, filled and outlined in turn, each row a different width on the variable font's wdth axis (the site animates it; this is one frame); the cut-out subject stood in front, meta in mono across the top. Re-expressed from the Logomarks scenes lab (FlyerCards2, 'Kinetic type · stack'). The release cover keeps the stack and the cut-out with the title in place of the meta.",
+  "params": {
+    "word": "LUMIO",
+    "left": [
+      "LUMIO",
+      "SS27 RUNWAY"
+    ],
+    "right": [
+      "02.03.27",
+      "PIER 4, HARLOW"
+    ],
+    "artist": "Lumio",
+    "release": "Breathing Room",
+    "field": "#1f3bff",
+    "ink": "#ffffff"
+  },
+  "layers": [
+    {
+      "id": "field",
+      "type": "solid",
+      "color": "{field}"
+    },
+    {
+      "id": "poster",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        400,
+        500
+      ],
+      "fit": "contain",
+      "when": {
+        "not": {
+          "format": "release"
+        }
+      },
+      "layers": [
+        {
+          "id": "stack",
+          "type": "group",
+          "layers": [
+            {
+              "id": "row0",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 100
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 106,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row1",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 134
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 166,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            },
+            {
+              "id": "row2",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 150
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 226,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row3",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 139
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 286,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            },
+            {
+              "id": "row4",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 107
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 346,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row5",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 71
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 406,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            },
+            {
+              "id": "row6",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 51
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 466,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row7",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 57
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 526,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            },
+            {
+              "id": "row8",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 86
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 586,
+              "align": "center",
+              "color": "{ink}"
+            }
+          ]
+        },
+        {
+          "type": "group",
+          "x": 0,
+          "y": 0,
+          "width": 400,
+          "height": 500,
+          "viewBox": [
+            0,
+            0,
+            3200,
+            4000
+          ],
+          "fit": "stretch",
+          "layers": [
+            {
+              "id": "cutout",
+              "type": "image",
+              "src": "{cutout}",
+              "x": -1280,
+              "y": 1012,
+              "width": 5312,
+              "height": 2988,
+              "fit": "contain",
+              "focus": "bottom"
+            }
+          ],
+          "id": "subject",
+          "when": "cutout"
+        },
+        {
+          "id": "mark",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 16,
+          "y": 16,
+          "size": 30,
+          "color": "{ink}",
+          "when": "mark"
+        },
+        {
+          "id": "left",
+          "type": "text",
+          "content": "{left}",
+          "font": "Space Mono",
+          "weight": 700,
+          "size": 10,
+          "lineHeight": 1.25,
+          "letterSpacing": 0,
+          "x": 55.6,
+          "y": 25.6,
+          "color": "{ink}"
+        },
+        {
+          "id": "right",
+          "type": "text",
+          "content": "{right}",
+          "font": "Space Mono",
+          "weight": 700,
+          "size": 10,
+          "lineHeight": 1.25,
+          "letterSpacing": 0,
+          "x": 384,
+          "y": 25.6,
+          "align": "right",
+          "color": "{ink}"
+        }
+      ]
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        400,
+        400
+      ],
+      "fit": "contain",
+      "when": {
+        "format": "release"
+      },
+      "layers": [
+        {
+          "id": "stack",
+          "type": "group",
+          "layers": [
+            {
+              "id": "row0",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 100
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 126,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row1",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 134
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 186,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            },
+            {
+              "id": "row2",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 150
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 246,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row3",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 139
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 306,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            },
+            {
+              "id": "row4",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 107
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 366,
+              "align": "center",
+              "color": "{ink}"
+            },
+            {
+              "id": "row5",
+              "type": "text",
+              "content": "{word}",
+              "font": "Anybody",
+              "weight": 900,
+              "axes": {
+                "wdth": 71
+              },
+              "size": 76,
+              "letterSpacing": -0.01,
+              "x": 200,
+              "y": 426,
+              "align": "center",
+              "fill": "none",
+              "stroke": "{ink}",
+              "strokeWidth": 1.12
+            }
+          ]
+        },
+        {
+          "type": "group",
+          "x": 0,
+          "y": 0,
+          "width": 400,
+          "height": 400,
+          "viewBox": [
+            0,
+            0,
+            3200,
+            3200
+          ],
+          "fit": "stretch",
+          "layers": [
+            {
+              "id": "cutout",
+              "type": "image",
+              "src": "{cutout}",
+              "x": -880,
+              "y": 720,
+              "width": 4960,
+              "height": 2790,
+              "fit": "contain",
+              "focus": "bottom"
+            }
+          ],
+          "id": "subject",
+          "when": "cutout"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": {
+            "upper": "{release}"
+          },
+          "font": "Space Mono",
+          "weight": 700,
+          "size": 40,
+          "letterSpacing": -0.02,
+          "x": 200,
+          "y": 50,
+          "align": "center",
+          "width": 368,
+          "color": "{ink}"
+        }
+      ]
+    }
+  ]
+}

package/recipes/flyers/magazine-cover.json

@@ -0,0 +1,168 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "magazine-cover",
+  "description": "Pop-zine magazine cover: the photo full-bleed, the mark as the masthead in a pink box (orange on pink: the clash), mono credits under it, the cover line big at the foot in white or black, whichever the photo wants. Square (release): the same box and mark, the artist as the credit, the title as the cover line. Re-expressed from the Logomarks scenes lab (ZineCards, 'Magazine cover').",
+  "params": {
+    "artist": "Lumio",
+    "release": "Can Lumio Do Pop?",
+    "credits": [
+      "LUMIO",
+      "LOGOMARKS.AI/LUMIO"
+    ],
+    "line": [
+      "Can Lumio",
+      "do pop?"
+    ],
+    "box": "#f2a2d6",
+    "markColor": "#ff7a1a",
+    "ink": "#ffffff"
+  },
+  "layers": [
+    {
+      "id": "photo",
+      "type": "image",
+      "src": "{photo}",
+      "fit": "cover",
+      "when": "photo"
+    },
+    {
+      "id": "poster",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        400,
+        500
+      ],
+      "fit": "contain",
+      "when": {
+        "not": {
+          "aspect": "square"
+        }
+      },
+      "layers": [
+        {
+          "id": "mast",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 0,
+          "width": 144,
+          "height": 180,
+          "fill": "{box}"
+        },
+        {
+          "id": "mark",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 15.8,
+          "y": 33.8,
+          "size": 112.3,
+          "color": "{markColor}",
+          "when": "mark"
+        },
+        {
+          "id": "credit",
+          "type": "text",
+          "content": "{credits}",
+          "font": "Space Mono",
+          "weight": 400,
+          "size": 10.4,
+          "lineHeight": 1.35,
+          "letterSpacing": 0.02,
+          "x": 110,
+          "y": 198,
+          "align": "center",
+          "color": "{ink}"
+        },
+        {
+          "id": "line",
+          "type": "text",
+          "content": "{line}",
+          "transform": "uppercase",
+          "font": "Geist",
+          "weight": 800,
+          "size": 42,
+          "lineHeight": 0.92,
+          "letterSpacing": -0.04,
+          "x": 200,
+          "y": 422,
+          "align": "center",
+          "color": "{ink}"
+        }
+      ]
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        400,
+        400
+      ],
+      "fit": "contain",
+      "when": {
+        "aspect": "square"
+      },
+      "layers": [
+        {
+          "id": "mast",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 0,
+          "width": 132,
+          "height": 165,
+          "fill": "{box}"
+        },
+        {
+          "id": "mark",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 14.5,
+          "y": 31,
+          "size": 103,
+          "color": "{markColor}",
+          "when": "mark"
+        },
+        {
+          "id": "credit",
+          "type": "text",
+          "content": {
+            "upper": "{artist}"
+          },
+          "font": "Space Mono",
+          "weight": 700,
+          "size": 40,
+          "letterSpacing": 0,
+          "x": 66,
+          "y": 210,
+          "align": "center",
+          "color": "{ink}"
+        },
+        {
+          "id": "line",
+          "type": "text",
+          "content": "{line}",
+          "transform": "uppercase",
+          "font": "Geist",
+          "weight": 800,
+          "size": 56,
+          "lineHeight": 0.92,
+          "letterSpacing": -0.04,
+          "x": 200,
+          "y": 330,
+          "align": "center",
+          "color": "{ink}"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.05,
+      "blend": "multiply"
+    }
+  ]
+}