@arraypress/covers 1.0.0 → 1.3.1

package/recipes/release/series/smear-field.json

@@ -0,0 +1,345 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "smear-field",
+  "description": "Series (v2): a long-exposure sky seen through a window. A pale ground tinted from the palette; the fluid field (a sweep mesh with streaks, soft cloud orbs and light folds under one directional drag) shows only inside a large circle, ringed by a hairline; the series wordmark spans the full width at the top in a wide display face, in a deep ink mixed from the palette; the artist and title run as one line on a bottom hairline, and the catalogue number sits in a small pill at its end. Slots: {label}, {artist}, {title}, {catalog}, the palette (colors = the four stops; the ground and ink are mixed from them). Fonts: Syne, Geist.",
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "small": 24,
+    "lift": 0.16,
+    "drag": 60
+  },
+  "vars": {
+    "angle": {
+      "pick": [
+        -38,
+        -32,
+        -48,
+        34,
+        42
+      ]
+    },
+    "hx": {
+      "range": [
+        300,
+        700
+      ]
+    },
+    "hy": {
+      "range": [
+        250,
+        600
+      ]
+    },
+    "c1x": {
+      "range": [
+        150,
+        450
+      ]
+    },
+    "c2x": {
+      "range": [
+        550,
+        850
+      ]
+    },
+    "c1y": {
+      "range": [
+        300,
+        700
+      ]
+    },
+    "c2y": {
+      "range": [
+        200,
+        600
+      ]
+    },
+    "ink": {
+      "mix": [
+        "@colors.2",
+        "#0b0b14",
+        0.62
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "ground",
+      "type": "solid",
+      "color": {
+        "mix": [
+          "@colors.1",
+          "#ffffff",
+          0.78
+        ]
+      }
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "window",
+          "type": "group",
+          "clip": [
+            {
+              "id": "windowShape",
+              "type": "shape",
+              "kind": "circle",
+              "cx": 500,
+              "cy": 528,
+              "r": 318,
+              "fill": "#000000"
+            }
+          ],
+          "layers": [
+            {
+              "id": "windowBase",
+              "type": "shape",
+              "kind": "rect",
+              "x": 0,
+              "y": 0,
+              "width": 1000,
+              "height": 1000,
+              "fill": {
+                "type": "linear",
+                "colors": [
+                  "@colors.0",
+                  "@colors.2"
+                ],
+                "angle": "$angle"
+              }
+            },
+            {
+              "id": "field",
+              "type": "mesh",
+              "colors": [
+                "@colors.0",
+                "@colors.1",
+                "@colors.2",
+                "@colors.3"
+              ],
+              "hues": 4,
+              "count": 5,
+              "arrangement": "sweep",
+              "angle": "$angle",
+              "blur": "9vmax",
+              "streaks": 5,
+              "streak": 2.2
+            },
+            {
+              "id": "clouds",
+              "type": "group",
+              "effects": [
+                {
+                  "kind": "motion",
+                  "angle": "$angle",
+                  "length": "{drag}",
+                  "spread": 3
+                }
+              ],
+              "layers": [
+                {
+                  "id": "cloudA",
+                  "type": "shape",
+                  "kind": "ellipse",
+                  "cx": "$c1x",
+                  "cy": "$c1y",
+                  "rx": 300,
+                  "ry": 140,
+                  "rotate": "$angle",
+                  "fill": "@colors.3",
+                  "opacity": 0.85,
+                  "soft": 36
+                },
+                {
+                  "id": "cloudB",
+                  "type": "shape",
+                  "kind": "ellipse",
+                  "cx": "$c2x",
+                  "cy": "$c2y",
+                  "rx": 260,
+                  "ry": 120,
+                  "rotate": {
+                    "add": [
+                      "$angle",
+                      20
+                    ]
+                  },
+                  "fill": "@colors.1",
+                  "opacity": 0.8,
+                  "soft": 30
+                },
+                {
+                  "id": "cloudC",
+                  "type": "shape",
+                  "kind": "circle",
+                  "cx": "$c2x",
+                  "cy": {
+                    "add": [
+                      "$c1y",
+                      180
+                    ]
+                  },
+                  "r": 150,
+                  "fill": "@colors.2",
+                  "opacity": 0.75,
+                  "soft": 40
+                },
+                {
+                  "id": "fold",
+                  "type": "shape",
+                  "kind": "ellipse",
+                  "cx": "$hx",
+                  "cy": {
+                    "add": [
+                      "$hy",
+                      120
+                    ]
+                  },
+                  "rx": 460,
+                  "ry": 36,
+                  "rotate": "$angle",
+                  "fill": "#ffffff",
+                  "opacity": 0.55,
+                  "soft": 12
+                },
+                {
+                  "id": "fold2",
+                  "type": "shape",
+                  "kind": "ellipse",
+                  "cx": {
+                    "sub": [
+                      1000,
+                      "$hx"
+                    ]
+                  },
+                  "cy": {
+                    "sub": [
+                      900,
+                      "$hy"
+                    ]
+                  },
+                  "rx": 380,
+                  "ry": 24,
+                  "rotate": {
+                    "add": [
+                      "$angle",
+                      8
+                    ]
+                  },
+                  "fill": "#ffffff",
+                  "opacity": 0.4,
+                  "soft": 10
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "windowRing",
+          "type": "shape",
+          "kind": "circle",
+          "cx": 500,
+          "cy": 528,
+          "r": 338,
+          "fill": "none",
+          "stroke": "$ink",
+          "strokeWidth": 1.2,
+          "opacity": 0.5
+        },
+        {
+          "id": "wordmark",
+          "type": "text",
+          "content": {
+            "upper": "{label}"
+          },
+          "font": "Syne",
+          "weight": 800,
+          "size": 150,
+          "letterSpacing": 0.02,
+          "x": 500,
+          "y": 168,
+          "align": "center",
+          "fit": "width",
+          "width": 888,
+          "maxWidth": 888,
+          "color": "$ink"
+        },
+        {
+          "id": "rule",
+          "type": "shape",
+          "kind": "line",
+          "x1": 56,
+          "y1": 894,
+          "x2": 944,
+          "y2": 894,
+          "stroke": "$ink",
+          "strokeWidth": 1.2
+        },
+        {
+          "id": "credit",
+          "type": "text",
+          "font": "Geist",
+          "size": "{small}",
+          "x": 56,
+          "y": 940,
+          "maxWidth": 680,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "$ink",
+          "spans": [
+            {
+              "content": "{artist}",
+              "weight": 600
+            },
+            {
+              "content": "  \u00b7  {title}",
+              "weight": 400
+            }
+          ]
+        },
+        {
+          "id": "pill",
+          "type": "shape",
+          "when": "catalog",
+          "kind": "rect",
+          "x": 810,
+          "y": 914,
+          "width": 134,
+          "height": 40,
+          "radius": 20,
+          "fill": "none",
+          "stroke": "$ink",
+          "strokeWidth": 1.4
+        },
+        {
+          "id": "catalog",
+          "type": "text",
+          "when": "catalog",
+          "content": "No. {catalog}",
+          "font": "Geist",
+          "weight": 600,
+          "size": 19,
+          "x": 877,
+          "y": 941,
+          "align": "center",
+          "color": "$ink"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.06
+    }
+  ]
+}

package/recipes/release/series/smear.json

@@ -0,0 +1,202 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "smear",
+  "description": "Series (v2): a photo dragged into pastel streaks, set as an editorial page. The photo is dragged along a seeded angle with covers' motion blur (drawn on pixels in renderImage), lifted toward pastel and washed with the palette's stops. The series wordmark is small, tracked wide and centred under the top edge over a full-width hairline; the artist and title run as one line beneath it; the catalogue number is the image's anchor, huge solid numerals cropped off the bottom edge and fading out downward. Slots: {photo}, {label}, {artist}, {title}, {catalog}, the palette (colors = the wash, text = the type and numerals). Params: drag (the blur's length), lift, wash, small. Fonts: Outfit, Geist.",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "small": 24,
+    "wash": 0.5,
+    "lift": 0.72,
+    "drag": 70
+  },
+  "vars": {
+    "hx": {
+      "range": [
+        300,
+        700
+      ]
+    },
+    "hy": {
+      "range": [
+        250,
+        600
+      ]
+    },
+    "angle": {
+      "pick": [
+        -38,
+        -32,
+        -46,
+        37,
+        45
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "page",
+      "type": "solid",
+      "color": "@colors.0"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "smear",
+          "type": "image",
+          "src": "{photo}",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "fit": "cover",
+          "effects": [
+            {
+              "kind": "motion",
+              "angle": "$angle",
+              "length": "{drag}"
+            },
+            {
+              "kind": "levels",
+              "slope": "{lift}",
+              "intercept": {
+                "sub": [
+                  1,
+                  "{lift}"
+                ]
+              }
+            },
+            {
+              "kind": "saturate",
+              "amount": 1.45
+            }
+          ]
+        },
+        {
+          "id": "wash",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "blend": "soft-light",
+          "opacity": "{wash}",
+          "fill": {
+            "type": "linear",
+            "colors": [
+              "@colors.0",
+              "@colors.1",
+              "@colors.2"
+            ],
+            "angle": 135
+          }
+        },
+        {
+          "id": "haze",
+          "type": "shape",
+          "kind": "ellipse",
+          "cx": "$hx",
+          "cy": "$hy",
+          "rx": 420,
+          "ry": 260,
+          "rotate": -35,
+          "fill": "#ffffff",
+          "opacity": 0.18,
+          "soft": 120
+        },
+        {
+          "id": "number",
+          "type": "text",
+          "when": "catalog",
+          "content": "{catalog}",
+          "font": "Outfit",
+          "weight": 800,
+          "size": 600,
+          "letterSpacing": -0.06,
+          "x": 500,
+          "y": 1105,
+          "align": "center",
+          "fill": {
+            "type": "linear",
+            "colors": [
+              "@text",
+              "@text"
+            ],
+            "opacities": [
+              0.92,
+              0.2
+            ],
+            "angle": 180
+          }
+        },
+        {
+          "id": "wordmark",
+          "type": "text",
+          "content": {
+            "upper": "{label}"
+          },
+          "font": "Outfit",
+          "weight": 600,
+          "size": 21,
+          "letterSpacing": 0.5,
+          "x": 500,
+          "y": 70,
+          "align": "center",
+          "color": "@text"
+        },
+        {
+          "id": "rule",
+          "type": "shape",
+          "kind": "line",
+          "x1": 56,
+          "y1": 104,
+          "x2": 944,
+          "y2": 104,
+          "stroke": "@text",
+          "strokeWidth": 1.2,
+          "opacity": 0.85
+        },
+        {
+          "id": "credit",
+          "type": "text",
+          "font": "Geist",
+          "size": "{small}",
+          "letterSpacing": -0.01,
+          "x": 56,
+          "y": 152,
+          "maxWidth": 888,
+          "lineHeight": 1.25,
+          "color": "@text",
+          "spans": [
+            {
+              "content": "{artist}",
+              "weight": 600
+            },
+            {
+              "content": "  \u00b7  {title}",
+              "weight": 400
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.06
+    }
+  ]
+}

package/recipes/release/series/spin.json

@@ -0,0 +1,172 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "spin",
+  "description": "Series (v2): a photo spun into a warm abstract around an off-centre point. The photo is spun with covers' spin blur round a seeded centre low and left, then toned through the palette and lifted pale toward the bottom. A hairline circle orbits the spin's centre and the artist and title run round it in tracked caps; the label's wordmark sits small top-right over a short rule. Slots: {photo}, {artist}, {title}, {label}, the palette (colors.0 deep, colors.1 warm, colors.2 pale; text = type). Params: spin (degrees). Fonts: Inter Tight, Urbanist.",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "artist": "Artist",
+    "spin": 70,
+    "small": 26
+  },
+  "vars": {
+    "cx": {
+      "range": [
+        340,
+        420
+      ]
+    },
+    "cy": {
+      "range": [
+        560,
+        640
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "base",
+      "type": "solid",
+      "color": "@colors.1"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "spun",
+          "type": "image",
+          "src": "{photo}",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "fit": "cover",
+          "effects": [
+            {
+              "kind": "spin",
+              "angle": "{spin}",
+              "center": [
+                {
+                  "div": [
+                    "$cx",
+                    1000
+                  ]
+                },
+                {
+                  "div": [
+                    "$cy",
+                    1000
+                  ]
+                }
+              ]
+            },
+            {
+              "kind": "duotone",
+              "colors": [
+                "@colors.0",
+                "@colors.1",
+                "@colors.2"
+              ],
+              "contrast": 1.1
+            },
+            {
+              "kind": "saturate",
+              "amount": 1.15
+            }
+          ]
+        },
+        {
+          "id": "pale",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "blend": "screen",
+          "fill": {
+            "type": "linear",
+            "colors": [
+              "@colors.2",
+              "@colors.2"
+            ],
+            "opacities": [
+              0,
+              0.6
+            ],
+            "angle": 180
+          }
+        },
+        {
+          "id": "orbit",
+          "type": "shape",
+          "kind": "circle",
+          "cx": "$cx",
+          "cy": "$cy",
+          "r": 292,
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 1.3,
+          "opacity": 0.7
+        },
+        {
+          "id": "circle",
+          "type": "text",
+          "content": {
+            "upper": "{artist}  \u00b7  {title}  \u00b7  "
+          },
+          "font": "Inter Tight",
+          "weight": 600,
+          "size": "{small}",
+          "letterSpacing": 0.12,
+          "path": {
+            "kind": "circle",
+            "cx": "$cx",
+            "cy": "$cy",
+            "r": 312,
+            "start": 240
+          },
+          "color": "@text"
+        },
+        {
+          "id": "wordmark",
+          "type": "text",
+          "content": "{label}",
+          "font": "Urbanist",
+          "weight": 700,
+          "size": 32,
+          "letterSpacing": -0.02,
+          "x": 944,
+          "y": 84,
+          "align": "right",
+          "color": "@text"
+        },
+        {
+          "id": "wordRule",
+          "type": "shape",
+          "kind": "line",
+          "x1": 800,
+          "y1": 108,
+          "x2": 944,
+          "y2": 108,
+          "stroke": "@text",
+          "strokeWidth": 1.3
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.1
+    }
+  ]
+}