@arraypress/covers 1.0.0 → 1.3.1

package/recipes/release/series/split-ghost.json

@@ -0,0 +1,230 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "split-ghost",
+  "description": "Series (v2): one photo, seen two ways. The photo fills the cover as a duotone in the accent (deep to pale), and a large circle window shows the same photo in its true colour, in register, like a lens held over it, ringed in paper; the catalogue number runs up the left edge in a light weight, in paper; a paper band at the foot carries the artist and title on the left and the mark and the label's name on the right. The photo is defined once and drawn twice (defs/use). Slots: {photo}, {artist}, {title}, {catalog}, {label}, {mark}, the palette (bg = paper, accent = the duotone and the mark, text = type). Fonts: Manrope. {lensX}/{lensY} place the window over the subject.",
+  "requires": [
+    "photo",
+    "mark"
+  ],
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "small": 30,
+    "lensX": 600,
+    "lensY": 400
+  },
+  "vars": {
+    "light": {
+      "mix": [
+        "@accent",
+        "@bg",
+        0.78
+      ]
+    },
+    "deep": {
+      "mix": [
+        "@accent",
+        "#000000",
+        0.5
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "paper",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "shots",
+          "type": "defs",
+          "layers": [
+            {
+              "id": "shot",
+              "type": "image",
+              "src": "{photo}",
+              "x": 0,
+              "y": 0,
+              "width": 1000,
+              "height": 1000,
+              "fit": "cover",
+              "focus": "attention"
+            }
+          ]
+        },
+        {
+          "id": "ghost",
+          "type": "group",
+          "effects": [
+            {
+              "kind": "duotone",
+              "colors": [
+                "$deep",
+                "$light"
+              ],
+              "contrast": 1.1
+            }
+          ],
+          "layers": [
+            {
+              "id": "ghostUse",
+              "type": "use",
+              "ref": "shot"
+            }
+          ]
+        },
+        {
+          "id": "lens",
+          "type": "group",
+          "clip": [
+            {
+              "id": "lensShape",
+              "type": "shape",
+              "kind": "circle",
+              "cx": "{lensX}",
+              "cy": "{lensY}",
+              "r": 290,
+              "fill": "#000000"
+            }
+          ],
+          "layers": [
+            {
+              "id": "lensUse",
+              "type": "use",
+              "ref": "shot"
+            }
+          ]
+        },
+        {
+          "id": "lensRing",
+          "type": "shape",
+          "kind": "circle",
+          "cx": "{lensX}",
+          "cy": "{lensY}",
+          "r": 290,
+          "fill": "none",
+          "stroke": "@bg",
+          "strokeWidth": 7
+        },
+        {
+          "id": "band",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 852,
+          "width": 1000,
+          "height": 148,
+          "fill": "@bg"
+        },
+        {
+          "id": "number",
+          "type": "text",
+          "when": "catalog",
+          "content": "{catalog}",
+          "font": "Manrope",
+          "weight": 300,
+          "size": 190,
+          "letterSpacing": -0.03,
+          "x": -800,
+          "y": 196,
+          "maxWidth": 700,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@bg",
+          "transform": {
+            "rotate": -90,
+            "origin": [
+              0,
+              0
+            ]
+          }
+        },
+        {
+          "id": "tick",
+          "type": "shape",
+          "kind": "line",
+          "x1": 58,
+          "y1": 40,
+          "x2": 58,
+          "y2": 100,
+          "stroke": "@bg",
+          "strokeWidth": 2
+        },
+        {
+          "id": "artist",
+          "type": "text",
+          "content": "{artist}",
+          "font": "Manrope",
+          "weight": 700,
+          "size": "{small}",
+          "letterSpacing": -0.01,
+          "x": 56,
+          "y": 910,
+          "maxWidth": 560,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@text"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": "{title}",
+          "font": "Manrope",
+          "weight": 400,
+          "size": {
+            "mul": [
+              "{small}",
+              0.8
+            ]
+          },
+          "x": 56,
+          "y": 950,
+          "maxWidth": 560,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@text"
+        },
+        {
+          "id": "markIcon",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 904,
+          "y": 884,
+          "size": 40,
+          "color": "@accent"
+        },
+        {
+          "id": "labelName",
+          "type": "text",
+          "content": {
+            "upper": "{label}"
+          },
+          "font": "Manrope",
+          "weight": 700,
+          "size": 14,
+          "letterSpacing": 0.24,
+          "x": 880,
+          "y": 912,
+          "align": "right",
+          "color": "@text"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.035
+    }
+  ]
+}

package/recipes/release/series/zoom.json

@@ -0,0 +1,168 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "zoom",
+  "description": "Series (v2): a zoom tunnel. The photo is zoom-blurred with covers' zoom effect toward a point right of centre; the catalogue number is huge in a hairline outline, cropped off the right edge, with an extrusion stepping back into the blur; the label, the artist and the title sit in a small block top-left under a short rule. Slots: {photo}, {catalog}, {label}, {artist}, {title}, the palette (bg = the vignette, accent = the extrusion, text = type). Params: zoom (0\u20130.95). Fonts: Unbounded, Geist.",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "small": 28,
+    "zoom": 0.5
+  },
+  "layers": [
+    {
+      "id": "base",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "zoomed",
+          "type": "image",
+          "src": "{photo}",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "fit": "cover",
+          "effects": [
+            {
+              "kind": "zoom",
+              "amount": "{zoom}",
+              "center": [
+                0.68,
+                0.54
+              ]
+            },
+            {
+              "kind": "saturate",
+              "amount": 1.2
+            }
+          ]
+        },
+        {
+          "id": "vignette",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 0,
+          "width": 1000,
+          "height": 1000,
+          "fill": {
+            "type": "radial",
+            "colors": [
+              "@bg",
+              "@bg"
+            ],
+            "opacities": [
+              0,
+              0.75
+            ],
+            "stops": [
+              0.35,
+              1
+            ],
+            "cx": 0.68,
+            "cy": 0.54,
+            "r": 0.75
+          }
+        },
+        {
+          "id": "number",
+          "type": "text",
+          "when": "catalog",
+          "content": "{catalog}",
+          "font": "Unbounded",
+          "weight": 700,
+          "size": 560,
+          "letterSpacing": -0.04,
+          "x": 1070,
+          "y": 760,
+          "align": "right",
+          "maxWidth": 1000,
+          "fit": "shrink",
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 2.2,
+          "extrude": {
+            "depth": 40,
+            "angle": 200,
+            "color": "@accent",
+            "to": "@bg",
+            "steps": 12
+          }
+        },
+        {
+          "id": "label",
+          "type": "text",
+          "content": {
+            "upper": "{label}"
+          },
+          "font": "Unbounded",
+          "weight": 600,
+          "size": 20,
+          "letterSpacing": 0.2,
+          "x": 56,
+          "y": 78,
+          "color": "@text"
+        },
+        {
+          "id": "rule",
+          "type": "shape",
+          "kind": "line",
+          "x1": 58,
+          "y1": 104,
+          "x2": 330,
+          "y2": 104,
+          "stroke": "@text",
+          "strokeWidth": 1.3
+        },
+        {
+          "id": "artist",
+          "type": "text",
+          "content": "{artist}",
+          "font": "Geist",
+          "weight": 600,
+          "size": "{small}",
+          "x": 56,
+          "y": 150,
+          "maxWidth": 380,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@text"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": "{title}",
+          "font": "Geist",
+          "weight": 400,
+          "size": "{small}",
+          "x": 56,
+          "y": 186,
+          "maxWidth": 380,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@text"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.07
+    }
+  ]
+}

package/recipes/release/small-print.json

@@ -0,0 +1,114 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "small-print",
+  "description": "Photo, full bleed, nothing else but the artist and title set small in white in the bottom-left corner, over a faint scrim and a soft shadow so they read on any photo. Slots: {name} (artist), {title} (release), {photo}, `focus` (the crop: center, left, right, attention). Fonts: Inter Tight (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "requires": [
+    "photo"
+  ],
+  "params": {
+    "focus": "center",
+    "ink": "#ffffff"
+  },
+  "layers": [
+    {
+      "id": "photo",
+      "type": "image",
+      "src": "{photo}",
+      "fit": "cover",
+      "focus": "{focus}"
+    },
+    {
+      "id": "scrim",
+      "type": "linear",
+      "angle": 180,
+      "colors": [
+        "#000000",
+        "#000000"
+      ],
+      "opacities": [
+        0,
+        0.38
+      ],
+      "opacity": 1,
+      "mask": [
+        {
+          "type": "linear",
+          "angle": 180,
+          "colors": [
+            "#000000",
+            "#000000",
+            "#ffffff"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "name",
+          "type": "text",
+          "content": "{name}",
+          "font": "Inter Tight",
+          "weight": 600,
+          "size": 86,
+          "letterSpacing": -0.025,
+          "x": 48,
+          "y": 862,
+          "maxWidth": 904,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "{ink}",
+          "effects": [
+            {
+              "kind": "shadow",
+              "x": 0,
+              "y": 2,
+              "blur": 10,
+              "color": "#000000",
+              "opacity": 0.35
+            }
+          ]
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": "{title}",
+          "font": "Inter Tight",
+          "weight": 400,
+          "size": 86,
+          "letterSpacing": -0.025,
+          "x": 48,
+          "y": 952,
+          "maxWidth": 904,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "{ink}",
+          "effects": [
+            {
+              "kind": "shadow",
+              "x": 0,
+              "y": 2,
+              "blur": 10,
+              "color": "#000000",
+              "opacity": 0.35
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.06
+    }
+  ]
+}

package/recipes/release/stack.json

@@ -0,0 +1,156 @@
+{
+  "$schema": "../../schema/recipe.schema.json",
+  "name": "stack",
+  "description": "Brutalist type: the artist three times, condensed, stretched tall and stacked edge to edge (the middle one in outline), and the title in a solid bar across the foot. Slots: {name} (artist), {title} (release), the palette (bg, text, accent). Fonts: Big Shoulders Display, Space Mono Bold (register them as TTF/WOFF; WOFF2 can't be outlined).",
+  "vars": {
+    "est": {
+      "div": [
+        940,
+        {
+          "mul": [
+            {
+              "length": "{name}"
+            },
+            0.43
+          ]
+        }
+      ]
+    },
+    "sy": {
+      "min": [
+        5,
+        {
+          "max": [
+            1,
+            {
+              "div": [
+                226,
+                {
+                  "mul": [
+                    "$est",
+                    0.8
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "page",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "one",
+          "type": "text",
+          "content": {
+            "upper": "{name}"
+          },
+          "font": "Big Shoulders Display",
+          "weight": 900,
+          "size": "$est",
+          "letterSpacing": 0.035,
+          "x": 30,
+          "y": 262,
+          "width": 940,
+          "fit": "width",
+          "stretch": [
+            1,
+            "$sy"
+          ],
+          "color": "@text"
+        },
+        {
+          "id": "two",
+          "type": "text",
+          "content": {
+            "upper": "{name}"
+          },
+          "font": "Big Shoulders Display",
+          "weight": 900,
+          "size": "$est",
+          "letterSpacing": 0.035,
+          "x": 30,
+          "y": 512,
+          "width": 940,
+          "fit": "width",
+          "stretch": [
+            1,
+            "$sy"
+          ],
+          "fill": "none",
+          "stroke": "@text",
+          "strokeWidth": 3
+        },
+        {
+          "id": "three",
+          "type": "text",
+          "content": {
+            "upper": "{name}"
+          },
+          "font": "Big Shoulders Display",
+          "weight": 900,
+          "size": "$est",
+          "letterSpacing": 0.035,
+          "x": 30,
+          "y": 762,
+          "width": 940,
+          "fit": "width",
+          "stretch": [
+            1,
+            "$sy"
+          ],
+          "color": "@accent"
+        },
+        {
+          "id": "bar",
+          "type": "shape",
+          "kind": "rect",
+          "x": 0,
+          "y": 800,
+          "width": 1000,
+          "height": 200,
+          "fill": "@text"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": {
+            "upper": "{title}"
+          },
+          "font": "Space Mono",
+          "weight": 700,
+          "size": 92,
+          "letterSpacing": -0.04,
+          "x": 30,
+          "y": 932,
+          "maxWidth": 940,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@bg"
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.06,
+      "blend": "multiply"
+    }
+  ]
+}