@arraypress/covers 1.1.0 → 1.3.1

package/recipes/release/collage.json

@@ -0,0 +1,372 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "collage",
+  "description": "Collage: a strip of the photo torn out (fibres at both rips) and taped across cream paper, the mark cut huge in the accent behind it, the artist on a black label strip and the title on a paper one. Slots: {name} (artist), {title} (release), {photo}, {mark}, the palette (bg = the paper, accent = the mark), `focus`. Fonts: Space Mono Bold, Archivo (variable) (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "requires": [
+    "photo",
+    "mark"
+  ],
+  "params": {
+    "focus": "center"
+  },
+  "layers": [
+    {
+      "id": "paper",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "fibres",
+      "type": "texture",
+      "kind": "paper"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "mark",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 380,
+          "y": 300,
+          "size": 820,
+          "color": "@accent",
+          "transform": {
+            "rotate": -9,
+            "origin": [
+              790,
+              710
+            ]
+          }
+        }
+      ]
+    },
+    {
+      "id": "strip",
+      "type": "group",
+      "transform": {
+        "rotate": 2.5,
+        "origin": [
+          "50vmin",
+          "42vmin"
+        ]
+      },
+      "layers": [
+        {
+          "id": "shadow",
+          "type": "shape",
+          "kind": "rect",
+          "x": "-6%",
+          "y": "10%",
+          "width": "112%",
+          "height": "64%",
+          "fill": "#000000",
+          "opacity": 0.22,
+          "effects": [
+            {
+              "kind": "blur",
+              "radius": "1vmin"
+            }
+          ],
+          "mask": [
+            {
+              "type": "tear",
+              "seed": "top",
+              "from": [
+                "-4%",
+                "19.6%"
+              ],
+              "to": [
+                "104%",
+                "15%"
+              ],
+              "step": "0.9vmin",
+              "jitter": "1.6vmin",
+              "side": "below",
+              "color": "#ffffff",
+              "rip": false,
+              "fibres": false
+            },
+            {
+              "type": "tear",
+              "seed": "bottom",
+              "from": [
+                "-4%",
+                "64%"
+              ],
+              "to": [
+                "104%",
+                "69%"
+              ],
+              "step": "0.9vmin",
+              "jitter": "1.6vmin",
+              "side": "below",
+              "color": "#000000",
+              "rip": false,
+              "fibres": false
+            }
+          ],
+          "transform": {
+            "translate": [
+              "0.4vmin",
+              "0.8vmin"
+            ]
+          }
+        },
+        {
+          "id": "photo",
+          "type": "image",
+          "src": "{photo}",
+          "x": "-4%",
+          "y": "10%",
+          "width": "108%",
+          "height": "64%",
+          "fit": "cover",
+          "focus": "{focus}",
+          "mask": [
+            {
+              "type": "tear",
+              "seed": "top",
+              "from": [
+                "-4%",
+                "19.6%"
+              ],
+              "to": [
+                "104%",
+                "15%"
+              ],
+              "step": "0.9vmin",
+              "jitter": "1.6vmin",
+              "side": "below",
+              "color": "#ffffff",
+              "rip": false,
+              "fibres": false
+            },
+            {
+              "type": "tear",
+              "seed": "bottom",
+              "from": [
+                "-4%",
+                "64%"
+              ],
+              "to": [
+                "104%",
+                "69%"
+              ],
+              "step": "0.9vmin",
+              "jitter": "1.6vmin",
+              "side": "below",
+              "color": "#000000",
+              "rip": false,
+              "fibres": false
+            }
+          ]
+        },
+        {
+          "id": "ripTop",
+          "type": "tear",
+          "seed": "top",
+          "from": [
+            "-4%",
+            "19.6%"
+          ],
+          "to": [
+            "104%",
+            "15%"
+          ],
+          "step": "0.9vmin",
+          "jitter": "1.6vmin",
+          "side": "above",
+          "color": "none",
+          "rip": {
+            "color": "#f6f1e6",
+            "width": "0.6vmin",
+            "opacity": 0.95
+          },
+          "fibres": {
+            "color": "#f6f1e6",
+            "width": "0.2vmin",
+            "opacity": 0.9,
+            "length": [
+              "0.5vmin",
+              "1.2vmin"
+            ],
+            "spread": "0.4vmin"
+          }
+        },
+        {
+          "id": "ripBottom",
+          "type": "tear",
+          "seed": "bottom",
+          "from": [
+            "-4%",
+            "64%"
+          ],
+          "to": [
+            "104%",
+            "69%"
+          ],
+          "step": "0.9vmin",
+          "jitter": "1.6vmin",
+          "side": "below",
+          "color": "none",
+          "rip": {
+            "color": "#f6f1e6",
+            "width": "0.6vmin",
+            "opacity": 0.95
+          },
+          "fibres": {
+            "color": "#f6f1e6",
+            "width": "0.2vmin",
+            "opacity": 0.9,
+            "length": [
+              "0.5vmin",
+              "1.2vmin"
+            ],
+            "spread": "0.4vmin"
+          }
+        }
+      ]
+    },
+    {
+      "id": "labels",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "tape",
+          "type": "shape",
+          "fill": "#efe6c8",
+          "opacity": 0.72,
+          "items": [
+            {
+              "kind": "rect",
+              "x": 70,
+              "y": 120,
+              "width": 170,
+              "height": 60,
+              "rotate": -14
+            },
+            {
+              "kind": "rect",
+              "x": 770,
+              "y": 640,
+              "width": 170,
+              "height": 60,
+              "rotate": -8
+            }
+          ]
+        },
+        {
+          "id": "nameStrip",
+          "type": "group",
+          "transform": {
+            "rotate": -2,
+            "origin": [
+              60,
+              800
+            ]
+          },
+          "layers": [
+            {
+              "id": "nameTape",
+              "type": "shape",
+              "kind": "rect",
+              "x": 40,
+              "y": 740,
+              "width": 700,
+              "height": 118,
+              "fill": "#111111"
+            },
+            {
+              "id": "name",
+              "type": "text",
+              "content": {
+                "upper": "{name}"
+              },
+              "font": "Space Mono",
+              "weight": 700,
+              "size": 92,
+              "letterSpacing": -0.03,
+              "x": 62,
+              "y": 830,
+              "maxWidth": 660,
+              "maxLines": 1,
+              "fit": "shrink",
+              "color": "#f6f1e6"
+            }
+          ]
+        },
+        {
+          "id": "titleStrip",
+          "type": "group",
+          "transform": {
+            "rotate": 1.5,
+            "origin": [
+              80,
+              920
+            ]
+          },
+          "layers": [
+            {
+              "id": "titleTape",
+              "type": "shape",
+              "kind": "rect",
+              "x": 70,
+              "y": 872,
+              "width": 860,
+              "height": 104,
+              "fill": "#fbf8f0",
+              "edge": {
+                "kind": "deckle",
+                "size": 3,
+                "sides": [
+                  "left",
+                  "right"
+                ]
+              }
+            },
+            {
+              "id": "title",
+              "type": "text",
+              "content": "{title}",
+              "font": "Archivo",
+              "weight": 700,
+              "axes": {
+                "wdth": 72
+              },
+              "size": 94,
+              "letterSpacing": -0.02,
+              "x": 92,
+              "y": 956,
+              "maxWidth": 820,
+              "maxLines": 1,
+              "fit": "shrink",
+              "color": "#111111"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.06,
+      "blend": "multiply"
+    }
+  ]
+}

package/recipes/release/duotone.json

@@ -0,0 +1,113 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "duotone",
+  "description": "Duotone portrait: the photo mapped to two inks (a deep shadow and the accent), the artist huge and condensed across the foot in whichever of the two reads, the title small at the top. Slots: {name} (artist), {title} (release), {photo}, the palette (accent = highlight, colors.1 = shadow), `focus`. Fonts: Big Shoulders Display, Inter Tight (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "focus": "center"
+  },
+  "vars": {
+    "shadow": {
+      "mix": [
+        "@colors.1",
+        "#000000",
+        0.15
+      ]
+    },
+    "light": {
+      "mix": [
+        "@accent",
+        "#ffffff",
+        0.12
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "photo",
+      "type": "image",
+      "src": "{photo}",
+      "fit": "cover",
+      "focus": "{focus}",
+      "duotone": [
+        "$shadow",
+        "$light"
+      ]
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "name",
+          "type": "text",
+          "content": {
+            "upper": "{name}"
+          },
+          "font": "Big Shoulders Display",
+          "weight": 900,
+          "size": 300,
+          "lineHeight": 0.86,
+          "letterSpacing": -0.01,
+          "anchor": "bottom-left",
+          "margin": 36,
+          "maxWidth": 928,
+          "maxLines": 2,
+          "fit": "width",
+          "color": "auto",
+          "autoColors": [
+            {
+              "mix": [
+                "@accent",
+                "#ffffff",
+                0.78
+              ]
+            },
+            "$shadow"
+          ]
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": {
+            "upper": "{title}"
+          },
+          "font": "Inter Tight",
+          "weight": 600,
+          "size": 88,
+          "letterSpacing": 0.02,
+          "x": 40,
+          "y": 104,
+          "maxWidth": 920,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "auto",
+          "autoColors": [
+            {
+              "mix": [
+                "@accent",
+                "#ffffff",
+                0.78
+              ]
+            },
+            "$shadow"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.08
+    }
+  ]
+}

package/recipes/release/film-still.json

@@ -0,0 +1,102 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "film-still",
+  "description": "A film still: the photo letterboxed at 1.85:1 in black bars, graded and grained like a frame grab; the title set as a subtitle line in the lower bar and the artist as an opening credit in the upper one. Slots: {name} (artist), {title} (release), {photo}, `subtitle` (the subtitle colour; white, or the classic yellow #f2d94e), `focus`. Fonts: Inter Tight (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "subtitle": "#f4f1ea",
+    "focus": "center"
+  },
+  "layers": [
+    {
+      "id": "black",
+      "type": "solid",
+      "color": "#050505"
+    },
+    {
+      "id": "frame",
+      "type": "image",
+      "src": "{photo}",
+      "x": "0%",
+      "y": "23%",
+      "width": "100%",
+      "height": "54%",
+      "fit": "cover",
+      "focus": "{focus}",
+      "effects": [
+        {
+          "kind": "levels",
+          "contrast": 1.08,
+          "brightness": -0.02
+        },
+        {
+          "kind": "saturate",
+          "amount": 0.86
+        }
+      ]
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "credit",
+          "type": "text",
+          "content": {
+            "upper": "{name}"
+          },
+          "font": "Inter Tight",
+          "weight": 500,
+          "size": 86,
+          "lineHeight": 1.08,
+          "letterSpacing": 0.12,
+          "anchor": "center",
+          "position": {
+            "x": 0.5,
+            "y": 0.115
+          },
+          "align": "center",
+          "maxWidth": 940,
+          "maxLines": 2,
+          "balance": true,
+          "color": "#f4f1ea"
+        },
+        {
+          "id": "subtitle",
+          "type": "text",
+          "content": "{title}",
+          "font": "Inter Tight",
+          "weight": 500,
+          "size": 86,
+          "lineHeight": 1.1,
+          "letterSpacing": -0.01,
+          "anchor": "center",
+          "position": {
+            "x": 0.5,
+            "y": 0.885
+          },
+          "align": "center",
+          "maxWidth": 940,
+          "maxLines": 2,
+          "balance": true,
+          "color": "{subtitle}"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.1,
+      "size": 1.4
+    }
+  ]
+}

package/recipes/release/headline.json

@@ -0,0 +1,70 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "headline",
+  "description": "Pure type: the artist set huge in condensed caps with open tracking (+0.035em, so no two letters touch), wrapped and sized so the widest line fills the width (by size, never by squeezing the letterforms), stacked from the top; the title under it in an italic serif in the accent. Slots: {name} (artist), {title} (release), the palette (bg, text, accent). Fonts: Anybody (variable, wdth 50–150), Instrument Serif Italic (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "layers": [
+    {
+      "id": "page",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "name",
+          "type": "text",
+          "content": {
+            "upper": "{name}"
+          },
+          "font": "Anybody",
+          "weight": 800,
+          "axes": {
+            "wdth": 56
+          },
+          "size": 300,
+          "lineHeight": 0.86,
+          "letterSpacing": 0.035,
+          "anchor": "top-left",
+          "margin": 34,
+          "maxWidth": 932,
+          "fit": "wrap",
+          "maxHeight": 640,
+          "balance": false,
+          "color": "@text"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": "{title}",
+          "font": "Instrument Serif",
+          "style": "italic",
+          "weight": 400,
+          "size": 190,
+          "minSize": 110,
+          "lineHeight": 0.92,
+          "letterSpacing": 0,
+          "anchor": "bottom-left",
+          "margin": 34,
+          "maxWidth": 932,
+          "maxLines": 1,
+          "balance": false,
+          "color": "@accent"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.035
+    }
+  ]
+}