@arraypress/covers 1.1.0 → 1.3.1

package/recipes/release/series/fluid-pixel.json

@@ -0,0 +1,334 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "fluid-pixel",
+  "description": "Series (v2): the square digital partner of fluid-label. The same iridescent fluid field (the palette's four stops as a gradient base, soft orbs and light folds under a warp), full bleed, under a full clock of tick marks (the split label's half-clock, completed); the title huge in covers' built-in square-cell pixel face (the label system's pixel element), a word a line, every line justified to the width by opening the tracking; the artist tracked wide in Geist above it; the mark small, and '{label} \u2014 {catalog}' tracked at the foot. Slots: {title}, {artist}, {label}, {catalog}, {mark}, the palette (colors = the four stops). Fonts: Geist (and the built-in pixel face).",
+  "requires": [
+    "mark"
+  ],
+  "params": {
+    "artist": "Artist",
+    "catalog": "",
+    "small": 30
+  },
+  "vars": {
+    "a": {
+      "range": [
+        0,
+        360
+      ]
+    },
+    "b1": {
+      "range": [
+        180,
+        420
+      ]
+    },
+    "b2": {
+      "range": [
+        560,
+        820
+      ]
+    },
+    "b3": {
+      "range": [
+        240,
+        760
+      ]
+    },
+    "warp": {
+      "range": [
+        190,
+        260
+      ]
+    },
+    "freq": {
+      "range": [
+        0.0016,
+        0.0028
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "page",
+      "type": "solid",
+      "color": "@colors.0"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "base",
+          "type": "shape",
+          "kind": "rect",
+          "x": -100,
+          "y": -100,
+          "width": 1200,
+          "height": 1200,
+          "fill": {
+            "type": "linear",
+            "colors": [
+              "@colors.0",
+              "@colors.1",
+              "@colors.2"
+            ],
+            "angle": "$a"
+          }
+        },
+        {
+          "id": "fluid",
+          "type": "group",
+          "effects": [
+            {
+              "kind": "warp",
+              "scale": "$warp",
+              "frequency": "$freq",
+              "octaves": 3
+            }
+          ],
+          "layers": [
+            {
+              "id": "orbA",
+              "type": "shape",
+              "kind": "ellipse",
+              "cx": "$b1",
+              "cy": "$b2",
+              "rx": 360,
+              "ry": 170,
+              "rotate": {
+                "add": [
+                  "$a",
+                  30
+                ]
+              },
+              "fill": "@colors.3",
+              "soft": 28
+            },
+            {
+              "id": "orbB",
+              "type": "shape",
+              "kind": "ellipse",
+              "cx": "$b2",
+              "cy": "$b1",
+              "rx": 330,
+              "ry": 150,
+              "rotate": {
+                "add": [
+                  "$a",
+                  -40
+                ]
+              },
+              "fill": "@colors.0",
+              "soft": 28,
+              "opacity": 0.9
+            },
+            {
+              "id": "orbC",
+              "type": "shape",
+              "kind": "ellipse",
+              "cx": "$b3",
+              "cy": 500,
+              "rx": 300,
+              "ry": 120,
+              "rotate": {
+                "add": [
+                  "$a",
+                  75
+                ]
+              },
+              "fill": "@colors.2",
+              "soft": 28,
+              "opacity": 0.85
+            },
+            {
+              "id": "orbD",
+              "type": "shape",
+              "kind": "circle",
+              "cx": {
+                "sub": [
+                  1000,
+                  "$b3"
+                ]
+              },
+              "cy": "$b1",
+              "r": 170,
+              "fill": "@colors.1",
+              "soft": 40
+            },
+            {
+              "id": "sheen",
+              "type": "shape",
+              "kind": "ellipse",
+              "cx": "$b3",
+              "cy": "$b2",
+              "rx": 260,
+              "ry": 60,
+              "rotate": {
+                "add": [
+                  "$a",
+                  10
+                ]
+              },
+              "fill": {
+                "type": "radial",
+                "colors": [
+                  "#ffffff",
+                  "#ffffff"
+                ],
+                "opacities": [
+                  0.55,
+                  0
+                ]
+              },
+              "soft": 30
+            },
+            {
+              "id": "foldA",
+              "type": "shape",
+              "kind": "ellipse",
+              "cx": "$b2",
+              "cy": "$b3",
+              "rx": 420,
+              "ry": 26,
+              "rotate": {
+                "add": [
+                  "$a",
+                  -20
+                ]
+              },
+              "fill": "#ffffff",
+              "opacity": 0.5,
+              "soft": 14
+            },
+            {
+              "id": "foldB",
+              "type": "shape",
+              "kind": "ellipse",
+              "cx": "$b1",
+              "cy": {
+                "sub": [
+                  1000,
+                  "$b3"
+                ]
+              },
+              "rx": 380,
+              "ry": 40,
+              "rotate": {
+                "add": [
+                  "$a",
+                  50
+                ]
+              },
+              "fill": "@colors.3",
+              "opacity": 0.9,
+              "soft": 16
+            }
+          ],
+          "transform": {
+            "scale": 0.84,
+            "origin": [
+              500,
+              500
+            ]
+          }
+        },
+        {
+          "id": "ticks",
+          "type": "repeat",
+          "count": 60,
+          "cx": 500,
+          "cy": 500,
+          "radius": 452,
+          "start": 0,
+          "sweep": 360,
+          "layer": {
+            "type": "shape",
+            "kind": "line",
+            "x1": 0,
+            "y1": 0,
+            "x2": 0,
+            "y2": "{#i % 5 == 0 ? 26 : 11}",
+            "stroke": "#ffffff",
+            "strokeWidth": "{#i % 5 == 0 ? 2.2 : 1.2}",
+            "opacity": 0.85
+          }
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "content": {
+            "upper": "{title}"
+          },
+          "font": "pixel",
+          "size": 120,
+          "letterSpacing": 0.06,
+          "lineHeight": 1.12,
+          "x": 500,
+          "y": 360,
+          "align": "center",
+          "fit": "words",
+          "width": 640,
+          "maxWidth": 640,
+          "maxHeight": 430,
+          "color": "#ffffff",
+          "lengthAdjust": "spacing"
+        },
+        {
+          "id": "artist",
+          "type": "text",
+          "content": {
+            "upper": "{artist}"
+          },
+          "font": "Geist",
+          "weight": 600,
+          "size": 20,
+          "letterSpacing": 0.3,
+          "x": 500,
+          "y": "{layout.title.top - 44}",
+          "align": "center",
+          "maxWidth": 600,
+          "fit": "shrink",
+          "color": "#ffffff"
+        },
+        {
+          "id": "stamp",
+          "type": "icon",
+          "markup": "{mark}",
+          "x": 483,
+          "y": 812,
+          "size": 34,
+          "color": "#ffffff"
+        },
+        {
+          "id": "footer",
+          "type": "text",
+          "content": {
+            "upper": "{label} \u2014 {catalog}"
+          },
+          "font": "Geist",
+          "weight": 600,
+          "size": 15,
+          "letterSpacing": 0.28,
+          "x": 500,
+          "y": 902,
+          "align": "center",
+          "color": "#ffffff",
+          "opacity": 0.9
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.07
+    }
+  ]
+}

package/recipes/release/series/hairline.json

@@ -0,0 +1,305 @@
+{
+  "$schema": "../../../schema/recipe.schema.json",
+  "name": "hairline",
+  "description": "Series (v2): airy minimal on near-white. The palette's gradient lives in a tall opal pill on the right (or, with a {photo}, the photo inside it), echoed by a hairline pill round it; four corner ticks stand in for a frame; the series wordmark sits off-centre in a narrow left column above a short rule, the artist and the title (with its {version} in the second colour) under it; the issue number is a huge hairline-weight numeral, faint in the accent, behind everything at the bottom-left. Slots: {label}, {artist}, {title}, {version}, {catalog}, {photo} (optional), the palette (bg = page, colors = the gradient stops, accent = type and ticks). Fonts: Outfit, Geist.",
+  "params": {
+    "artist": "Artist",
+    "version": "",
+    "catalog": "",
+    "small": 26
+  },
+  "vars": {
+    "a": {
+      "range": [
+        100,
+        160
+      ]
+    }
+  },
+  "layers": [
+    {
+      "id": "page",
+      "type": "solid",
+      "color": "@bg"
+    },
+    {
+      "id": "cover",
+      "type": "group",
+      "viewBox": [
+        0,
+        0,
+        1000,
+        1000
+      ],
+      "fit": "cover",
+      "layers": [
+        {
+          "id": "breathA",
+          "type": "shape",
+          "kind": "circle",
+          "cx": 80,
+          "cy": 920,
+          "r": 260,
+          "fill": "@colors.0",
+          "opacity": 0.13,
+          "soft": 120
+        },
+        {
+          "id": "breathB",
+          "type": "shape",
+          "kind": "circle",
+          "cx": 930,
+          "cy": 90,
+          "r": 240,
+          "fill": "@colors.2",
+          "opacity": 0.12,
+          "soft": 120
+        },
+        {
+          "id": "numeral",
+          "type": "text",
+          "when": "catalog",
+          "content": "{catalog}",
+          "font": "Outfit",
+          "weight": 100,
+          "size": 620,
+          "letterSpacing": -0.04,
+          "x": 40,
+          "y": 940,
+          "color": "@accent",
+          "opacity": 0.13
+        },
+        {
+          "id": "opal",
+          "type": "shape",
+          "when": {
+            "not": "photo"
+          },
+          "kind": "rect",
+          "x": 600,
+          "y": 96,
+          "width": 300,
+          "height": 808,
+          "radius": 150,
+          "fill": {
+            "type": "linear",
+            "colors": [
+              "@colors.0",
+              "@colors.1",
+              "@colors.2",
+              {
+                "mix": [
+                  "@colors.2",
+                  "@accent",
+                  0.45
+                ]
+              }
+            ],
+            "angle": "$a"
+          }
+        },
+        {
+          "id": "opalPhoto",
+          "type": "image",
+          "when": "photo",
+          "src": "{photo}",
+          "x": 600,
+          "y": 96,
+          "width": 300,
+          "height": 808,
+          "fit": "cover",
+          "effects": [
+            {
+              "kind": "saturate",
+              "amount": 1.1
+            }
+          ],
+          "clip": [
+            {
+              "id": "opalClip",
+              "type": "shape",
+              "kind": "rect",
+              "x": 600,
+              "y": 96,
+              "width": 300,
+              "height": 808,
+              "radius": 150,
+              "fill": "#000000"
+            }
+          ]
+        },
+        {
+          "id": "opalLine",
+          "type": "shape",
+          "kind": "rect",
+          "x": 584,
+          "y": 80,
+          "width": 332,
+          "height": 840,
+          "radius": 166,
+          "fill": "none",
+          "strokeWidth": 1.2,
+          "stroke": {
+            "type": "linear",
+            "colors": [
+              "@colors.0",
+              "@colors.2"
+            ],
+            "angle": "$a"
+          }
+        },
+        {
+          "id": "corners",
+          "type": "shape",
+          "items": [
+            {
+              "kind": "line",
+              "x1": 40,
+              "y1": 40,
+              "x2": 70,
+              "y2": 40
+            },
+            {
+              "kind": "line",
+              "x1": 40,
+              "y1": 40,
+              "x2": 40,
+              "y2": 70
+            },
+            {
+              "kind": "line",
+              "x1": 960,
+              "y1": 40,
+              "x2": 930,
+              "y2": 40
+            },
+            {
+              "kind": "line",
+              "x1": 960,
+              "y1": 40,
+              "x2": 960,
+              "y2": 70
+            },
+            {
+              "kind": "line",
+              "x1": 40,
+              "y1": 960,
+              "x2": 70,
+              "y2": 960
+            },
+            {
+              "kind": "line",
+              "x1": 40,
+              "y1": 960,
+              "x2": 40,
+              "y2": 930
+            },
+            {
+              "kind": "line",
+              "x1": 960,
+              "y1": 960,
+              "x2": 930,
+              "y2": 960
+            },
+            {
+              "kind": "line",
+              "x1": 960,
+              "y1": 960,
+              "x2": 960,
+              "y2": 930
+            }
+          ],
+          "stroke": "@accent",
+          "strokeWidth": 1.6,
+          "fill": "none",
+          "opacity": 0.7
+        },
+        {
+          "id": "word",
+          "type": "text",
+          "content": "{label}",
+          "font": "Outfit",
+          "weight": 600,
+          "size": 72,
+          "letterSpacing": -0.03,
+          "x": 96,
+          "y": 214,
+          "maxWidth": 440,
+          "fit": "shrink",
+          "maxLines": 1,
+          "color": "@accent"
+        },
+        {
+          "id": "rule",
+          "type": "shape",
+          "kind": "line",
+          "x1": 98,
+          "y1": 256,
+          "x2": 300,
+          "y2": 256,
+          "stroke": "@accent",
+          "strokeWidth": 1.4
+        },
+        {
+          "id": "artist",
+          "type": "text",
+          "content": "{artist}",
+          "font": "Geist",
+          "weight": 600,
+          "size": "{small}",
+          "letterSpacing": -0.01,
+          "x": 96,
+          "y": 318,
+          "maxWidth": 440,
+          "maxLines": 1,
+          "fit": "shrink",
+          "color": "@accent"
+        },
+        {
+          "id": "title",
+          "type": "text",
+          "when": {
+            "not": "version"
+          },
+          "content": "{title}",
+          "font": "Geist",
+          "weight": 400,
+          "size": "{small}",
+          "letterSpacing": -0.01,
+          "x": 96,
+          "y": "{layout.artist.bottom + 38}",
+          "maxWidth": 440,
+          "maxLines": 2,
+          "color": "@accent"
+        },
+        {
+          "id": "titleVersion",
+          "type": "text",
+          "when": "version",
+          "font": "Geist",
+          "weight": 400,
+          "size": "{small}",
+          "letterSpacing": -0.01,
+          "x": 96,
+          "y": "{layout.artist.bottom + 38}",
+          "maxWidth": 460,
+          "spans": [
+            {
+              "content": "{title} ",
+              "color": "@accent"
+            },
+            {
+              "content": "({version})",
+              "color": "@colors.1"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "grain",
+      "type": "grain",
+      "amount": 0.025
+    }
+  ]
+}