@lets-ship/brand-dna 2.0.0 → 3.0.0

package/dist/core/presets/specs.js

@@ -1,23 +1,73 @@
+/**
+ * The six preset looks of SHIP Sites (D22): colour seeds, a type pair, a type scale, a radius
+ * scale, a mark and a design language. Each look differs in how its pages are composed, not
+ * only in its colours: density, splits, containers, emphasis and media come from the look.
+ */
+/** The defaults the design skills agree on, which every look avoids. */
+const AVOID = [
+    "three identical cards in a row for content that is not a set of equals",
+    "centred text in every section",
+    "a small capitals label above every heading",
+    "an icon in a tinted square on every item",
+];
 export const PRESETS = {
     harbor: {
         label: "Harbor",
         primary: "#2c6bbb",
         accent: "#f2c14e",
-        display: { family: "Space Grotesk", weight: 700 },
-        body: "Inter",
+        display: { family: "Bricolage Grotesque", weight: 700 },
+        body: "Hanken Grotesk",
         mono: "JetBrains Mono",
         radiusPx: { sm: 4, md: 8, lg: 16 },
         mark: "circle",
+        type: { bodyPx: 17, ratio: 1.25, displayXlPx: 88, trackingEm: -0.035, leading: 0.96 },
+        design: {
+            direction: "Plain-spoken and close by: big, confident headlines, real places, hours and prices, and one warm yellow mark per screen.",
+            tone: { contrast: 4, density: 2, ornament: 2, motion: 2 },
+            avoid: AVOID,
+            align: "start",
+            split: [7, 5],
+            density: "airy",
+            measure: { body: 64, lead: 36 },
+            tones: ["base", "tint", "inverse"],
+            maxInverse: 1,
+            strategy: "restrained",
+            containers: { list: "rule", media: "bleed", quote: "plain" },
+            emphasis: { style: "marker", role: "accent" },
+            accent: ["marker", "rule", "numerals", "cta-inverse"],
+            media: { aspects: ["4:5", "3:2"], duotone: false, radius: "lg" },
+            numerals: "tabular",
+            reveal: "rise",
+        },
     },
     fern: {
         label: "Fern",
         primary: "#3c7b56",
         accent: "#f4b183",
-        display: { family: "Fraunces", weight: 600 },
-        body: "Work Sans",
+        display: { family: "Young Serif", weight: 400 },
+        body: "Source Sans 3",
         mono: "IBM Plex Mono",
         radiusPx: { sm: 6, md: 10, lg: 18 },
         mark: "square",
+        type: { bodyPx: 18, ratio: 1.2, displayXlPx: 76, trackingEm: -0.015, leading: 1.04 },
+        design: {
+            direction: "Calm and grown, like a good shop on a quiet street: a serif voice, generous space and soft tints in place of hard boxes.",
+            tone: { contrast: 2, density: 1, ornament: 2, motion: 1 },
+            avoid: [...AVOID, "dark bands"],
+            align: "start",
+            split: [6, 5],
+            density: "airy",
+            measure: { body: 62, lead: 34 },
+            tones: ["base", "tint", "brand"],
+            maxInverse: 0,
+            strategy: "restrained",
+            containers: { list: "plain", media: "plain", quote: "rule" },
+            emphasis: { style: "none", role: "primary" },
+            accent: ["rule", "badge"],
+            media: { aspects: ["3:4", "4:3"], duotone: false, radius: "md" },
+            numerals: "proportional",
+            reveal: "fade",
+        },
     },
     ember: {
         label: "Ember",
@@ -28,36 +78,114 @@ export const PRESETS = {
         mono: "JetBrains Mono",
         radiusPx: { sm: 2, md: 4, lg: 8 },
         mark: "diamond",
+        type: { bodyPx: 18, ratio: 1.25, displayXlPx: 72, trackingEm: -0.01, leading: 1.08 },
+        design: {
+            direction: "Warm and editorial: long serif headlines, a printed feel, and quotes that carry the page.",
+            tone: { contrast: 3, density: 2, ornament: 3, motion: 1 },
+            avoid: AVOID,
+            align: "start",
+            split: [7, 5],
+            density: "regular",
+            measure: { body: 66, lead: 40 },
+            tones: ["base", "tint", "brand"],
+            maxInverse: 0,
+            texture: ["brand"],
+            strategy: "restrained",
+            containers: { list: "rule", media: "plain", quote: "plain" },
+            emphasis: { style: "marker", role: "accent" },
+            accent: ["marker", "badge"],
+            media: { aspects: ["3:2", "4:5"], duotone: false, radius: "sm" },
+            numerals: "oldstyle",
+            reveal: "fade",
+        },
     },
     slate: {
         label: "Slate",
         primary: "#5e6d83",
         accent: "#8fd3f4",
-        display: { family: "IBM Plex Sans", weight: 700 },
-        body: "IBM Plex Sans",
+        display: { family: "Schibsted Grotesk", weight: 700 },
+        body: "Schibsted Grotesk",
         mono: "IBM Plex Mono",
         radiusPx: { sm: 0, md: 2, lg: 4 },
         mark: "bars",
+        type: { bodyPx: 16, ratio: 1.25, displayXlPx: 72, trackingEm: -0.025, leading: 1.0 },
+        design: {
+            direction: "Exact and quiet: a grid you can feel, square edges, thin rules and numbers that line up.",
+            tone: { contrast: 5, density: 4, ornament: 1, motion: 1 },
+            avoid: [...AVOID, "soft shadows", "rounded pills"],
+            align: "start",
+            split: [8, 4],
+            density: "compact",
+            measure: { body: 70, lead: 44 },
+            tones: ["base", "tint", "inverse"],
+            maxInverse: 1,
+            strategy: "restrained",
+            containers: { list: "rule", media: "frame", quote: "rule" },
+            emphasis: { style: "underline", role: "primary" },
+            accent: ["numerals", "cta-inverse"],
+            media: { aspects: ["16:9", "1:1"], duotone: true, radius: "sm" },
+            numerals: "tabular",
+            reveal: "none",
+        },
     },
     plum: {
         label: "Plum",
-        primary: "#734ad3",
-        accent: "#f5a3c7",
-        display: { family: "Work Sans", weight: 600 },
-        body: "Inter",
+        primary: "#9b3a7a",
+        accent: "#a7e8d0",
+        display: { family: "Gabarito", weight: 700 },
+        body: "Figtree",
         mono: "JetBrains Mono",
         radiusPx: { sm: 8, md: 14, lg: 24 },
         mark: "ring",
+        type: { bodyPx: 17, ratio: 1.25, displayXlPx: 84, trackingEm: -0.03, leading: 0.98 },
+        design: {
+            direction: "Bright and friendly: round shapes, bold rounded headlines and colour bands that carry the page.",
+            tone: { contrast: 3, density: 3, ornament: 4, motion: 3 },
+            avoid: AVOID,
+            align: "start",
+            split: [6, 5],
+            density: "regular",
+            measure: { body: 60, lead: 34 },
+            tones: ["base", "tint", "brand", "inverse"],
+            maxInverse: 1,
+            texture: ["brand", "inverse"],
+            strategy: "restrained",
+            containers: { list: "card", media: "plain", quote: "card" },
+            emphasis: { style: "marker", role: "accent" },
+            accent: ["marker", "badge", "cta-inverse"],
+            media: { aspects: ["1:1", "4:3"], duotone: false, radius: "lg" },
+            numerals: "proportional",
+            reveal: "rise",
+        },
     },
     sand: {
         label: "Sand",
         primary: "#8d6136",
         accent: "#9fd6cf",
-        display: { family: "Fraunces", weight: 600 },
-        body: "Open Sans",
+        display: { family: "Gloock", weight: 400 },
+        body: "Mulish",
         mono: "IBM Plex Mono",
         radiusPx: { sm: 4, md: 8, lg: 12 },
         mark: "triangle",
+        type: { bodyPx: 17, ratio: 1.25, displayXlPx: 84, trackingEm: -0.02, leading: 1.02 },
+        design: {
+            direction: "Crafted and unhurried: a high-contrast serif, natural tones and pictures given room to breathe.",
+            tone: { contrast: 3, density: 1, ornament: 2, motion: 1 },
+            avoid: AVOID,
+            align: "start",
+            split: [7, 5],
+            density: "airy",
+            measure: { body: 64, lead: 36 },
+            tones: ["base", "tint", "inverse"],
+            maxInverse: 1,
+            strategy: "restrained",
+            containers: { list: "rule", media: "bleed", quote: "plain" },
+            emphasis: { style: "none", role: "primary" },
+            accent: ["rule", "numerals"],
+            media: { aspects: ["4:5", "3:2"], duotone: false, radius: "md" },
+            numerals: "proportional",
+            reveal: "fade",
+        },
     },
 };
 export const PRESET_IDS = Object.keys(PRESETS);
@@ -67,4 +195,26 @@ export const PRESET_IDS = Object.keys(PRESETS);
  * a preset, so the API, the CLI and agents can still start a site from any of the six.
  */
 export const BRAND_KIT_IDS = ["harbor", "fern", "slate"];
+/** The generic family each catalog face falls back to, so a stack never ends in the wrong kind. */
+export const CATALOG_GENERIC = {
+    "Bricolage Grotesque": "sans-serif",
+    Figtree: "sans-serif",
+    Fraunces: "serif",
+    Gabarito: "sans-serif",
+    Gloock: "serif",
+    "Hanken Grotesk": "sans-serif",
+    "IBM Plex Mono": "monospace",
+    "IBM Plex Sans": "sans-serif",
+    Inter: "sans-serif",
+    "JetBrains Mono": "monospace",
+    Merriweather: "serif",
+    "Merriweather Sans": "sans-serif",
+    Mulish: "sans-serif",
+    "Open Sans": "sans-serif",
+    "Schibsted Grotesk": "sans-serif",
+    "Source Sans 3": "sans-serif",
+    "Space Grotesk": "sans-serif",
+    "Work Sans": "sans-serif",
+    "Young Serif": "serif",
+};
 //# sourceMappingURL=specs.js.map

package/dist/core/presets/specs.js.map

@@ -1 +1 @@
-{"version":3,"file":"specs.js","sourceRoot":"","sources":["../../../src/core/presets/specs.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,MAAM,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE;QACjD,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QAClC,IAAI,EAAE,QAAQ;KACd;IACD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE;QAC5C,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QACnC,IAAI,EAAE,QAAQ;KACd;IACD,KAAK,EAAE;QACN,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE;QAChD,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACjC,IAAI,EAAE,SAAS;KACf;IACD,KAAK,EAAE;QACN,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE;QACjD,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACjC,IAAI,EAAE,MAAM;KACZ;IACD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE;QAC7C,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;QACnC,IAAI,EAAE,MAAM;KACZ;IACD,IAAI,EAAE;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE;QAC5C,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QAClC,IAAI,EAAE,UAAU;KAChB;CACuD,CAAC;AAG1D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAe,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"specs.js","sourceRoot":"","sources":["../../../src/core/presets/specs.ts"],"names":[],"mappings":"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"}

package/dist/core/site/colours.d.ts

@@ -1,8 +1,8 @@
 import type { Dna } from "../../schema/dna.js";
 /**
- * Every colour of the DNA, as lower-case #rrggbb: the roles in both modes, and each colour the
- * tokens hold (the palette steps and the shadow colours the site theme declares). These are the
- * only colours a built site may use.
+ * Every colour of the DNA, as lower-case #rrggbb: the roles in both modes, the headline emphasis
+ * the theme solves from them, and each colour the tokens hold (the palette steps and the shadow
+ * colours the site theme declares). These are the only colours a built site may use.
  */
 export declare function dnaColours(dna: Dna): Set<string>;
 //# sourceMappingURL=colours.d.ts.map

package/dist/core/site/colours.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colours.d.ts","sourceRoot":"","sources":["../../../src/core/site/colours.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAwB/C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAMhD"}
+{"version":3,"file":"colours.d.ts","sourceRoot":"","sources":["../../../src/core/site/colours.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAiC/C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAQhD"}

package/dist/core/site/colours.js

@@ -1,6 +1,8 @@
 import { COLOR_ROLES } from "../../schema/tokens.js";
-import { oklchToHex } from "../color/color.js";
+import { oklchToHex, parseColor } from "../color/color.js";
 import { roleHex } from "../compile/shared.js";
+import { emphasisSurfaceDecls } from "../compile/site-emphasis.js";
+import { roleDecls } from "../compile/site-theme-values.js";
 import { indexTokens } from "../tokens/resolve.js";
 const isOklch = (value) => typeof value === "object" &&
     value !== null &&
@@ -16,16 +18,22 @@ function tokenColours(node) {
         return [];
     return Object.values(node).flatMap(tokenColours);
 }
+/** The headline emphasis the site theme solves from the roles of one mode (site-emphasis.ts). */
+function emphasisColours(dna, roles) {
+    return emphasisSurfaceDecls(dna, roles).flatMap(([, value]) => [...value.matchAll(/oklch\([^)]+\)/g)].map((m) => oklchToHex(parseColor(m[0]))));
+}
 /**
- * Every colour of the DNA, as lower-case #rrggbb: the roles in both modes, and each colour the
- * tokens hold (the palette steps and the shadow colours the site theme declares). These are the
- * only colours a built site may use.
+ * Every colour of the DNA, as lower-case #rrggbb: the roles in both modes, the headline emphasis
+ * the theme solves from them, and each colour the tokens hold (the palette steps and the shadow
+ * colours the site theme declares). These are the only colours a built site may use.
  */
 export function dnaColours(dna) {
     const index = indexTokens(dna.tokens);
     const modes = ["light", "dark"];
     const roles = modes.flatMap((mode) => COLOR_ROLES.map((role) => roleHex(index, dna, role, mode)));
-    const all = [...roles.filter((hex) => Boolean(hex)), ...tokenColours(dna.tokens)];
+    // The theme solves the emphasis from its own role values, fallbacks included, so read the same.
+    const emphasis = modes.flatMap((mode) => emphasisColours(dna, new Map(roleDecls(index, dna, mode))));
+    const all = [...roles.filter((hex) => Boolean(hex)), ...emphasis, ...tokenColours(dna.tokens)];
     return new Set(all.map((hex) => hex.toLowerCase()));
 }
 //# sourceMappingURL=colours.js.map

package/dist/core/site/colours.js.map

@@ -1 +1 @@
-{"version":3,"file":"colours.js","sourceRoot":"","sources":["../../../src/core/site/colours.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,OAAO,GAAG,CAAC,KAAc,EAAuB,EAAE,CACvD,OAAO,KAAK,KAAK,QAAQ;IACzB,KAAK,KAAK,IAAI;IACb,KAAkC,CAAC,UAAU,KAAK,OAAO;IAC1D,KAAK,CAAC,OAAO,CAAE,KAAkC,CAAC,UAAU,CAAC,CAAC;AAE/D,yGAAyG;AACzG,SAAS,YAAY,CAAC,IAAa;IAClC,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACnB,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACzD,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAClD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,GAAQ;IAClC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAiB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjG,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AACrD,CAAC"}
+{"version":3,"file":"colours.js","sourceRoot":"","sources":["../../../src/core/site/colours.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,OAAO,GAAG,CAAC,KAAc,EAAuB,EAAE,CACvD,OAAO,KAAK,KAAK,QAAQ;IACzB,KAAK,KAAK,IAAI;IACb,KAAkC,CAAC,UAAU,KAAK,OAAO;IAC1D,KAAK,CAAC,OAAO,CAAE,KAAkC,CAAC,UAAU,CAAC,CAAC;AAE/D,yGAAyG;AACzG,SAAS,YAAY,CAAC,IAAa;IAClC,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACnB,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACzD,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAClD,CAAC;AAED,iGAAiG;AACjG,SAAS,eAAe,CAAC,GAAQ,EAAE,KAAkC;IACpE,OAAO,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAC7D,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC/E,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,GAAQ;IAClC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClG,gGAAgG;IAChG,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAiB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9G,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AACrD,CAAC"}

package/dist/schema/channel-spec.d.ts

@@ -208,9 +208,9 @@ export declare const ImageReq: z.ZodObject<{
     }, z.core.$strict>>;
     alpha: z.ZodOptional<z.ZodObject<{
         value: z.ZodEnum<{
+            allowed: "allowed";
             required: "required";
             forbidden: "forbidden";
-            allowed: "allowed";
         }>;
         level: z.ZodEnum<{
             hard: "hard";
@@ -797,9 +797,9 @@ export declare const Slot: z.ZodObject<{
         }, z.core.$strict>>;
         alpha: z.ZodOptional<z.ZodObject<{
             value: z.ZodEnum<{
+                allowed: "allowed";
                 required: "required";
                 forbidden: "forbidden";
-                allowed: "allowed";
             }>;
             level: z.ZodEnum<{
                 hard: "hard";
@@ -1385,9 +1385,9 @@ export declare const ChannelSpec: z.ZodObject<{
             }, z.core.$strict>>;
             alpha: z.ZodOptional<z.ZodObject<{
                 value: z.ZodEnum<{
+                    allowed: "allowed";
                     required: "required";
                     forbidden: "forbidden";
-                    allowed: "allowed";
                 }>;
                 level: z.ZodEnum<{
                     hard: "hard";
@@ -1998,9 +1998,9 @@ export declare const SlotOverlay: z.ZodObject<{
         }, z.core.$strict>>>;
         alpha: z.ZodOptional<z.ZodOptional<z.ZodObject<{
             value: z.ZodEnum<{
+                allowed: "allowed";
                 required: "required";
                 forbidden: "forbidden";
-                allowed: "allowed";
             }>;
             level: z.ZodEnum<{
                 hard: "hard";
@@ -2564,9 +2564,9 @@ export declare const PublisherOverlay: z.ZodObject<{
             }, z.core.$strict>>>;
             alpha: z.ZodOptional<z.ZodOptional<z.ZodObject<{
                 value: z.ZodEnum<{
+                    allowed: "allowed";
                     required: "required";
                     forbidden: "forbidden";
-                    allowed: "allowed";
                 }>;
                 level: z.ZodEnum<{
                     hard: "hard";

package/dist/schema/design.d.ts

@@ -0,0 +1,258 @@
+/**
+ * The design language of a brand: the decisions a design studio makes on top of the tokens.
+ * The tokens say which colours, faces and sizes exist; these primitives say how a page uses
+ * them: how dense it is, how sections alternate, how content is separated, how a headline
+ * marks its key words, how media sits on the page and how controls behave. The site theme
+ * compiles each one into theme-contract variables, so a template follows the brand without a
+ * brand fact in its code (SHIP Sites D25, D27).
+ */
+import { z } from "zod";
+/** The background of one section. `base` is the page; the others set a section apart. */
+export declare const SECTION_TONES: readonly ["base", "tint", "inverse", "brand"];
+export declare const SectionTone: z.ZodEnum<{
+    base: "base";
+    tint: "tint";
+    inverse: "inverse";
+    brand: "brand";
+}>;
+export type SectionTone = z.infer<typeof SectionTone>;
+/** How bold the brand looks, in the same 1 to 5 form as `voice.tone`. */
+export declare const VisualTone: z.ZodObject<{
+    contrast: z.ZodNumber;
+    density: z.ZodNumber;
+    ornament: z.ZodNumber;
+    motion: z.ZodNumber;
+}, z.core.$strict>;
+/** The point of view of the look, for agents and reviewers to judge a page against. */
+export declare const Visual: z.ZodObject<{
+    direction: z.ZodString;
+    tone: z.ZodObject<{
+        contrast: z.ZodNumber;
+        density: z.ZodNumber;
+        ornament: z.ZodNumber;
+        motion: z.ZodNumber;
+    }, z.core.$strict>;
+    avoid: z.ZodDefault<z.ZodArray<z.ZodString>>;
+}, z.core.$strict>;
+/** Space between sections, by density. A brand's `space.section-*` tokens override a step. */
+export declare const DENSITIES: readonly ["compact", "regular", "airy"];
+/** The band tones a texture may sit on. The page itself stays plain, so text on it reads first. */
+export declare const TEXTURE_TONES: readonly ["tint", "inverse", "brand"];
+/**
+ * One of the DNA's patterns on some band tones, as a quiet texture under the content. The site
+ * draws the pattern's shapes in the band's own text colour, so it suits every band in both modes.
+ */
+export declare const Texture: z.ZodObject<{
+    pattern: z.ZodString;
+    tones: z.ZodArray<z.ZodEnum<{
+        tint: "tint";
+        inverse: "inverse";
+        brand: "brand";
+    }>>;
+}, z.core.$strict>;
+/**
+ * How much of a page the brand's colours cover, after impeccable's four colour strategies:
+ * restrained (accents on a neutral page), committed (one brand colour carries the page), full
+ * (several brand colours share it) and drenched (the brand colour is the page).
+ */
+export declare const COLOUR_STRATEGIES: readonly ["restrained", "committed", "full", "drenched"];
+export declare const ColourStrategy: z.ZodEnum<{
+    restrained: "restrained";
+    committed: "committed";
+    full: "full";
+    drenched: "drenched";
+}>;
+/** The most of a page, in percent of `colorPolicy.usage`, the brand roles cover per strategy. */
+export declare const STRATEGY_MAX_PERCENT: Readonly<Record<(typeof COLOUR_STRATEGIES)[number], number>>;
+/** The roles whose share of a page a colour strategy counts: the brand's colours, not its neutrals. */
+export declare const BRAND_COLOUR_ROLES: readonly ["primary", "accent", "surface-brand"];
+export declare const Composition: z.ZodObject<{
+    align: z.ZodEnum<{
+        start: "start";
+        center: "center";
+    }>;
+    split: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    measure: z.ZodObject<{
+        body: z.ZodNumber;
+        lead: z.ZodNumber;
+    }, z.core.$strict>;
+    density: z.ZodEnum<{
+        compact: "compact";
+        regular: "regular";
+        airy: "airy";
+    }>;
+    tones: z.ZodObject<{
+        allowed: z.ZodArray<z.ZodEnum<{
+            base: "base";
+            tint: "tint";
+            inverse: "inverse";
+            brand: "brand";
+        }>>;
+        maxInverse: z.ZodNumber;
+    }, z.core.$strict>;
+    texture: z.ZodOptional<z.ZodObject<{
+        pattern: z.ZodString;
+        tones: z.ZodArray<z.ZodEnum<{
+            tint: "tint";
+            inverse: "inverse";
+            brand: "brand";
+        }>>;
+    }, z.core.$strict>>;
+}, z.core.$strict>;
+/**
+ * How the brand separates things. `card` boxes an item with a fill, a border and a radius;
+ * `rule` sets items apart with a line; `plain` uses space alone. Media: `frame` puts a picture
+ * in a box, `plain` shows it with the media radius, `bleed` also lets it run to the page edge.
+ */
+export declare const Containers: z.ZodObject<{
+    list: z.ZodEnum<{
+        card: "card";
+        rule: "rule";
+        plain: "plain";
+    }>;
+    media: z.ZodEnum<{
+        plain: "plain";
+        frame: "frame";
+        bleed: "bleed";
+    }>;
+    quote: z.ZodEnum<{
+        card: "card";
+        rule: "rule";
+        plain: "plain";
+    }>;
+}, z.core.$strict>;
+/** How a headline marks its key words, and the colour role it marks them with. */
+export declare const Emphasis: z.ZodObject<{
+    style: z.ZodEnum<{
+        italic: "italic";
+        none: "none";
+        colour: "colour";
+        marker: "marker";
+        underline: "underline";
+    }>;
+    role: z.ZodEnum<{
+        success: "success";
+        primary: "primary";
+        "on-primary": "on-primary";
+        secondary: "secondary";
+        "on-secondary": "on-secondary";
+        accent: "accent";
+        "on-accent": "on-accent";
+        surface: "surface";
+        "surface-alt": "surface-alt";
+        "on-surface": "on-surface";
+        "surface-tint": "surface-tint";
+        "surface-inverse": "surface-inverse";
+        "on-surface-inverse": "on-surface-inverse";
+        "surface-brand": "surface-brand";
+        "on-surface-brand": "on-surface-brand";
+        muted: "muted";
+        border: "border";
+        warning: "warning";
+        danger: "danger";
+    }>;
+}, z.core.$strict>;
+/** The places the accent colour may appear. Anything else stays in the brand's other roles. */
+export declare const ACCENT_USES: readonly ["marker", "rule", "numerals", "cta-inverse", "badge"];
+export declare const AccentPolicy: z.ZodObject<{
+    uses: z.ZodArray<z.ZodEnum<{
+        rule: "rule";
+        marker: "marker";
+        numerals: "numerals";
+        "cta-inverse": "cta-inverse";
+        badge: "badge";
+    }>>;
+    maxPerScreen: z.ZodNumber;
+}, z.core.$strict>;
+/** Buttons and other controls: their heights, the focus ring and the hover change. */
+export declare const Controls: z.ZodObject<{
+    size: z.ZodObject<{
+        sm: z.ZodObject<{
+            value: z.ZodNumber;
+            unit: z.ZodEnum<{
+                px: "px";
+                rem: "rem";
+            }>;
+        }, z.core.$strict>;
+        md: z.ZodObject<{
+            value: z.ZodNumber;
+            unit: z.ZodEnum<{
+                px: "px";
+                rem: "rem";
+            }>;
+        }, z.core.$strict>;
+        lg: z.ZodObject<{
+            value: z.ZodNumber;
+            unit: z.ZodEnum<{
+                px: "px";
+                rem: "rem";
+            }>;
+        }, z.core.$strict>;
+    }, z.core.$strict>;
+    focus: z.ZodObject<{
+        role: z.ZodEnum<{
+            success: "success";
+            primary: "primary";
+            "on-primary": "on-primary";
+            secondary: "secondary";
+            "on-secondary": "on-secondary";
+            accent: "accent";
+            "on-accent": "on-accent";
+            surface: "surface";
+            "surface-alt": "surface-alt";
+            "on-surface": "on-surface";
+            "surface-tint": "surface-tint";
+            "surface-inverse": "surface-inverse";
+            "on-surface-inverse": "on-surface-inverse";
+            "surface-brand": "surface-brand";
+            "on-surface-brand": "on-surface-brand";
+            muted: "muted";
+            border: "border";
+            warning: "warning";
+            danger: "danger";
+        }>;
+        width: z.ZodObject<{
+            value: z.ZodNumber;
+            unit: z.ZodEnum<{
+                px: "px";
+                rem: "rem";
+            }>;
+        }, z.core.$strict>;
+        offset: z.ZodObject<{
+            value: z.ZodNumber;
+            unit: z.ZodEnum<{
+                px: "px";
+                rem: "rem";
+            }>;
+        }, z.core.$strict>;
+    }, z.core.$strict>;
+    hover: z.ZodObject<{
+        mix: z.ZodNumber;
+    }, z.core.$strict>;
+}, z.core.$strict>;
+/** Typographic details: the figures and the quote marks. */
+export declare const Details: z.ZodObject<{
+    numerals: z.ZodEnum<{
+        tabular: "tabular";
+        proportional: "proportional";
+        oldstyle: "oldstyle";
+    }>;
+    hangingPunctuation: z.ZodBoolean;
+}, z.core.$strict>;
+/** How media looks on a site: the shapes a picture may take and its colour treatment. */
+export declare const MediaTreatment: z.ZodObject<{
+    aspects: z.ZodArray<z.ZodString>;
+    duotone: z.ZodOptional<z.ZodObject<{
+        shadow: z.ZodString;
+        highlight: z.ZodString;
+    }, z.core.$strict>>;
+    radius: z.ZodString;
+}, z.core.$strict>;
+/** The reveal of the opening section when a page loads. `none` keeps every page still. */
+export declare const PAGE_REVEALS: readonly ["none", "fade", "rise"];
+export declare const PageReveal: z.ZodEnum<{
+    none: "none";
+    fade: "fade";
+    rise: "rise";
+}>;
+//# sourceMappingURL=design.d.ts.map

package/dist/schema/design.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.d.ts","sourceRoot":"","sources":["../../src/schema/design.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,yFAAyF;AACzF,eAAO,MAAM,aAAa,+CAAgD,CAAC;AAC3E,eAAO,MAAM,WAAW;;;;;EAAwB,CAAC;AACjD,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtD,yEAAyE;AACzE,eAAO,MAAM,UAAU;;;;;kBASrB,CAAC;AAEH,uFAAuF;AACvF,eAAO,MAAM,MAAM;;;;;;;;;kBAMjB,CAAC;AAEH,8FAA8F;AAC9F,eAAO,MAAM,SAAS,yCAA0C,CAAC;AAEjE,mGAAmG;AACnG,eAAO,MAAM,aAAa,uCAAwC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;kBAIlB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,0DAA2D,CAAC;AAC1F,eAAO,MAAM,cAAc;;;;;EAA4B,CAAC;AAExD,iGAAiG;AACjG,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAK7F,CAAC;AAEF,uGAAuG;AACvG,eAAO,MAAM,kBAAkB,iDAAkD,CAAC;AAElF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAiBtB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;kBAIrB,CAAC;AAEH,kFAAkF;AAClF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAGnB,CAAC;AAEH,+FAA+F;AAC/F,eAAO,MAAM,WAAW,iEAAkE,CAAC;AAC3F,eAAO,MAAM,YAAY;;;;;;;;;kBAIvB,CAAC;AAEH,sFAAsF;AACtF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAKnB,CAAC;AAEH,4DAA4D;AAC5D,eAAO,MAAM,OAAO;;;;;;;kBAKlB,CAAC;AAEH,yFAAyF;AACzF,eAAO,MAAM,cAAc;;;;;;;kBAUzB,CAAC;AAEH,0FAA0F;AAC1F,eAAO,MAAM,YAAY,mCAAoC,CAAC;AAC9D,eAAO,MAAM,UAAU;;;;EAAuB,CAAC"}