@arraypress/covers 1.1.0 → 1.4.0

package/recipes/release/series/halo.json

@@ -0,0 +1,282 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "halo",
+  "description": "Series (v2): a figure and its afterimage. The photo's figure, blurred soft and toned so its ground goes white and its figure dark, is multiplied over a pale backlight low on the right: a soft dark silhouette; a faint mirrored echo of it stands on the left; behind its head a hard-edged ring stroked with the palette's two colours over a soft glow; an offset copy in screen gives its edge a coloured fringe. The label's wordmark, the artist and the title are stacked in a block at the top-left. The photo is defined once and drawn three times (defs/use). Slots: {photo} (a dark figure on a light ground), {artist}, {title}, {label}, the palette (bg = the dark, colors.0/colors.1 = ring and fringe, colors.2 = backlight; text = type). Params: figX, figY, figScale (where the figure stands), ringX, ringY, ringR, soft, small. Fonts: Urbanist, Manrope.",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "artist": "Artist",
+    "soft": 18,
+    "small": 24,
+    "figX": 300,
+    "figY": 250,
+    "figScale": 0.76,
+    "ringX": 660,
+    "ringY": 420,
+    "ringR": 200
+  },
+  "vars": {},
+  "layers": [
+    {
+      "id": "dark",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "stills",
+          "type": "defs",
+          "layers": [
+            {
+              "id": "still",
+              "type": "image",
+              "src": "{photo}",
+              "x": 0,
+              "y": 0,
+              "width": 1000,
+              "height": 1000,
+              "fit": "cover",
+              "focus": "attention"
+            }
+          ]
+        },
+        {
+          "id": "backlight",
+          "type": "shape",
+          "kind": "ellipse",
+          "cx": {
+            "add": [
+              "{ringX}",
+              -40
+            ]
+          },
+          "cy": 520,
+          "rx": 420,
+          "ry": 470,
+          "fill": "@colors.2",
+          "opacity": 0.75,
+          "soft": 160
+        },
+        {
+          "id": "glow",
+          "type": "shape",
+          "kind": "circle",
+          "cx": "{ringX}",
+          "cy": "{ringY}",
+          "r": {
+            "mul": [
+              "{ringR}",
+              1.05
+            ]
+          },
+          "fill": "@colors.0",
+          "opacity": 0.55,
+          "soft": 90
+        },
+        {
+          "id": "ring",
+          "type": "shape",
+          "kind": "circle",
+          "cx": "{ringX}",
+          "cy": "{ringY}",
+          "r": "{ringR}",
+          "fill": "none",
+          "strokeWidth": 16,
+          "stroke": {
+            "type": "linear",
+            "colors": [
+              "@colors.0",
+              "@colors.1"
+            ],
+            "angle": 135
+          }
+        },
+        {
+          "id": "fringe",
+          "type": "group",
+          "blend": "screen",
+          "opacity": 0.85,
+          "effects": [
+            {
+              "kind": "blur",
+              "radius": 18
+            },
+            {
+              "kind": "duotone",
+              "colors": [
+                "@colors.1",
+                "#000000"
+              ],
+              "contrast": 1.6
+            }
+          ],
+          "layers": [
+            {
+              "id": "fringeUse",
+              "type": "use",
+              "ref": "still",
+              "x": {
+                "add": [
+                  "{figX}",
+                  -18
+                ]
+              },
+              "y": "{figY}",
+              "scale": "{figScale}"
+            }
+          ]
+        },
+        {
+          "id": "echo",
+          "type": "group",
+          "blend": "multiply",
+          "opacity": 0.42,
+          "transform": {
+            "mirror": "x",
+            "origin": [
+              500,
+              500
+            ]
+          },
+          "effects": [
+            {
+              "kind": "blur",
+              "radius": "{soft}"
+            },
+            {
+              "kind": "duotone",
+              "colors": [
+                "@bg",
+                {
+                  "mix": [
+                    "@bg",
+                    "#ffffff",
+                    0.55
+                  ]
+                },
+                "#ffffff"
+              ],
+              "contrast": 1.3
+            }
+          ],
+          "layers": [
+            {
+              "id": "echoUse",
+              "type": "use",
+              "ref": "still",
+              "x": "{figX}",
+              "y": "{figY}",
+              "scale": "{figScale}"
+            }
+          ]
+        },
+        {
+          "id": "figure",
+          "type": "group",
+          "blend": "multiply",
+          "effects": [
+            {
+              "kind": "blur",
+              "radius": "{soft}"
+            },
+            {
+              "kind": "duotone",
+              "colors": [
+                "@bg",
+                {
+                  "mix": [
+                    "@bg",
+                    "#ffffff",
+                    0.55
+                  ]
+                },
+                "#ffffff"
+              ],
+              "contrast": 1.3
+            }
+          ],
+          "layers": [
+            {
+              "id": "figureUse",
+              "type": "use",
+              "ref": "still",
+              "x": "{figX}",
+              "y": "{figY}",
+              "scale": "{figScale}"
+            }
+          ]
+        },
+        {
+          "id": "wordmark",
+          "type": "text",
+          "content": "{label}",
+          "font": "Urbanist",
+          "weight": 700,
+          "size": 36,
+          "letterSpacing": -0.02,
+          "x": 60,
+          "y": 92,
+          "color": {
+            "mix": [
+              "@text",
+              "@colors.0",
+              0.35
+            ]
+          }
+        },
+        {
+          "id": "artist",
+          "type": "text",
+          "content": {
+            "upper": "{artist}"
+          },
+          "font": "Manrope",
+          "weight": 600,
+          "size": "{small}",
+          "letterSpacing": 0.06,
+          "x": 60,
+          "y": 146,
+          "maxWidth": 420,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@text"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": {
+            "upper": "{title}"
+          },
+          "font": "Manrope",
+          "weight": 400,
+          "size": "{small}",
+          "letterSpacing": 0.06,
+          "x": 60,
+          "y": 182,
+          "maxWidth": 420,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@text",
+          "opacity": 0.85
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.11,
+      "size": 1.2
+    }
+  ]
+}

package/recipes/release/series/mark-crop.json

@@ -0,0 +1,135 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "mark-crop",
+  "description": "Series (v2): the label's mark as a pattern. The mark tiles a 3\u00d73 grid that runs off the bottom-right corner, solid and outline in a checkerboard (a repeat with odd overrides); the label's name and the catalogue number run horizontally across the top as one big line (name heavy, number light), over a full-width rule; the artist and title sit under the rule; the credits fill the free bottom-left corner. One flat field and one accent per release. Slots: {mark}, {label}, {catalog}, {artist}, {title}, {credits}, the palette (bg = the field, accent = marks and header, text = small type). Fonts: Inter Tight.",
+  "requires": [
+    "mark"
+  ],
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "credits": "",
+    "small": 30
+  },
+  "layers": [
+    {
+      "id": "field",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "pattern",
+          "type": "repeat",
+          "rows": 3,
+          "cols": 3,
+          "x": 372,
+          "y": 372,
+          "step": [
+            318,
+            318
+          ],
+          "layer": {
+            "type": "icon",
+            "markup": "{mark}",
+            "x": 0,
+            "y": 0,
+            "size": 292,
+            "color": "@accent"
+          },
+          "odd": {
+            "markup": "<svg viewBox='0 0 512 512' fill='none' stroke='currentColor' stroke-width='7'>{mark}</svg>"
+          }
+        },
+        {
+          "id": "name",
+          "type": "text",
+          "content": "{label}",
+          "font": "Inter Tight",
+          "weight": 700,
+          "size": 120,
+          "letterSpacing": -0.045,
+          "x": 44,
+          "y": 150,
+          "maxWidth": 600,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@accent"
+        },
+        {
+          "id": "number",
+          "type": "text",
+          "when": "catalog",
+          "content": "{catalog}",
+          "font": "Inter Tight",
+          "weight": 200,
+          "size": 120,
+          "letterSpacing": -0.04,
+          "x": 956,
+          "y": 150,
+          "align": "right",
+          "maxWidth": 320,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@accent"
+        },
+        {
+          "id": "rule",
+          "type": "shape",
+          "kind": "line",
+          "x1": 44,
+          "y1": 196,
+          "x2": 956,
+          "y2": 196,
+          "stroke": "@text",
+          "strokeWidth": 1.6
+        },
+        {
+          "id": "names",
+          "type": "text",
+          "content": "{artist}\n{title}",
+          "font": "Inter Tight",
+          "weight": 500,
+          "size": "{small}",
+          "lineHeight": 1.2,
+          "letterSpacing": -0.02,
+          "x": 44,
+          "y": 250,
+          "maxWidth": 600,
+          "color": "@text"
+        },
+        {
+          "id": "credits",
+          "type": "text",
+          "when": "credits",
+          "content": "{credits}",
+          "font": "Inter Tight",
+          "weight": 500,
+          "size": 15,
+          "lineHeight": 1.35,
+          "x": 44,
+          "y": 880,
+          "maxWidth": 300,
+          "maxLines": 4,
+          "color": "@text",
+          "opacity": 0.85
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.03
+    }
+  ]
+}

package/recipes/release/series/mark-window.json

@@ -0,0 +1,150 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "mark-window",
+  "description": "Series (v2): a photo under a giant outline mark. The photo fills the cover as a duotone from the field colour to the accent; the mark is drawn huge in a hairline outline, cropped off the bottom-right; a paper band across the top carries the label's name and the catalogue number on one line and the artist and title under it; the credits sit small in paper at the bottom-left. Slots: {photo}, {mark}, {label}, {catalog}, {artist}, {title}, {credits}, the palette (bg = the duotone shadow, accent = its highlight, text = paper). Fonts: Inter Tight.",
+  "requires": [
+    "mark",
+    "photo"
+  ],
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "credits": "",
+    "small": 26
+  },
+  "layers": [
+    {
+      "id": "field",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "photo",
+          "type": "image",
+          "src": "{photo}",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "fit": "cover",
+          "focus": "attention",
+          "effects": [
+            {
+              "kind": "duotone",
+              "colors": [
+                "@bg",
+                "@accent"
+              ],
+              "contrast": 1.15
+            }
+          ]
+        },
+        {
+          "id": "outline",
+          "type": "icon",
+          "markup": "<svg viewBox='0 0 512 512' fill='none' stroke='currentColor' stroke-width='1.3'>{mark}</svg>",
+          "x": 260,
+          "y": 330,
+          "size": 1300,
+          "color": "@text"
+        },
+        {
+          "id": "band",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 214,
+          "fill": "@text"
+        },
+        {
+          "id": "name",
+          "type": "text",
+          "content": "{label}",
+          "font": "Inter Tight",
+          "weight": 700,
+          "size": 84,
+          "letterSpacing": -0.04,
+          "x": 44,
+          "y": 108,
+          "maxWidth": 620,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@bg"
+        },
+        {
+          "id": "number",
+          "type": "text",
+          "when": "catalog",
+          "content": "{catalog}",
+          "font": "Inter Tight",
+          "weight": 200,
+          "size": 84,
+          "letterSpacing": -0.03,
+          "x": 956,
+          "y": 108,
+          "align": "right",
+          "maxWidth": 300,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@bg"
+        },
+        {
+          "id": "names",
+          "type": "text",
+          "font": "Inter Tight",
+          "size": "{small}",
+          "letterSpacing": -0.01,
+          "x": 44,
+          "y": 170,
+          "maxWidth": 912,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@bg",
+          "spans": [
+            {
+              "content": "{artist}",
+              "weight": 600
+            },
+            {
+              "content": "  \u00b7  {title}",
+              "weight": 400
+            }
+          ]
+        },
+        {
+          "id": "credits",
+          "type": "text",
+          "when": "credits",
+          "content": "{credits}",
+          "font": "Inter Tight",
+          "weight": 500,
+          "size": 15,
+          "lineHeight": 1.35,
+          "x": 44,
+          "y": 912,
+          "maxWidth": 420,
+          "maxLines": 3,
+          "color": "@text"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.04
+    }
+  ]
+}