brand-intent 0.23.0 → 0.25.0

package/README.md

@@ -22,11 +22,13 @@ Brand Intent is a set of five composable file types that encode brand knowledge
 | Purpose | `.purpose` | What is this content for? |
 | Composition | `.composition` | How are elements composed? |
 
+Plus `.story`: ordered pages built from purposes and compositions, with fixed, variable and open texts.
+
 ## Get started
 
 ### 1. Install the VS Code extension
 
-Syntax highlighting, autocomplete, and validation for all five file types.
+Syntax highlighting, autocomplete, and validation for all file types.
 
 ```
 ext install studiostoll.brand-intent-lang
@@ -51,7 +53,7 @@ Edit your Brand Intent files whenever strategy or expression evolves. Regenerate
 
 ## Documentation
 
-- [Specification](SPEC.md): formal grammar for all five file types
+- [Specification](SPEC.md): formal grammar for all file types
 - [intent.stoll.studio](https://intent.stoll.studio): project landing page
 
 ## License

package/cli/index.mjs

@@ -63,7 +63,7 @@ function scaffoldExample(targetDir) {
   const src = join(PKG_ROOT, 'examples', 'krume');
   const dest = join(targetDir, 'examples', 'krume');
   copyDirRecursive(src, dest);
-  console.log('  \u2713 examples/krume/ \u2014 reference implementation (identity, brand, format, purpose, composition)');
+  console.log('  \u2713 examples/krume/ \u2014 reference implementation (identity, brand, format, purpose, composition, story)');
 }
 
 // ── Install skill ──

package/examples/krume/stories/breads-of-the-week.story

@@ -0,0 +1,42 @@
+# breads-of-the-week.story
+# Three breads of the week, one page each, posted as a carousel.
+# The label on the first page is fixed and carries the date; everything else is open.
+
+id:     breads-of-the-week
+name:   Brote der Woche
+format: 4:5
+topic:  The three breads baked every day this week
+
+page
+  purpose:     daily-bread
+  composition: editorial
+  label:       Ab {date}
+
+page
+  purpose: daily-bread
+
+page
+  purpose: daily-bread
+
+# ── Examples ──
+# One whole story per example: the open slots of all pages, about one story topic.
+
+example
+  topic: A rye week: three rye breads from mild to dark
+  page 1
+    topic:     Light rye, the mild start
+    primary:   Hellroggen
+    secondary: 750 g · 5,40 €
+    meta:      Roggen 997 mit etwas Weizen, 14 Stunden Teigführung.
+  page 2
+    topic:     The classic rye loaf
+    label:     Der Klassiker
+    primary:   Roggenlaib
+    secondary: 750 g · 5,80 €
+    meta:      Roggen 1150, 18 Stunden Teigführung, Kümmel aus dem Wendland.
+  page 3
+    topic:     Dark whole-grain rye, the strongest
+    label:     Kräftig
+    primary:   Vollkornroggen
+    secondary: 1 kg · 7,20 €
+    meta:      Ganzes Korn, zwei Tage Sauerteig, hält eine Woche.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brand-intent",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "description": "An open file format specification for making brand intent machine-readable.",
   "author": "Christophe Stoll <christophe@stoll.studio>",
   "license": "MIT",
@@ -36,7 +36,7 @@
   "scripts": {
     "release": "./scripts/release.sh",
     "typecheck": "tsc -p .",
-    "test": "tsx tests/brandParser.test.ts && tsx tests/identityParser.test.ts && tsx tests/colorSystem.test.ts && tsx tests/icons.test.ts && tsx tests/purposeParser.test.ts && tsx tests/realBrands.test.ts"
+    "test": "tsx tests/brandParser.test.ts && tsx tests/identityParser.test.ts && tsx tests/colorSystem.test.ts && tsx tests/icons.test.ts && tsx tests/purposeParser.test.ts && tsx tests/storyParser.test.ts && tsx tests/realBrands.test.ts"
   },
   "devDependencies": {
     "@types/node": "^26.6.5",

package/parser/README.md

@@ -1,6 +1,6 @@
 # Brand Intent - Reference Parser
 
-TypeScript parsers for all five Brand Intent file types.
+TypeScript parsers for all Brand Intent file types.
 
 ## Parsers
 
@@ -11,6 +11,7 @@ TypeScript parsers for all five Brand Intent file types.
 | `formatParser.ts` | `.format` | `parseFormatFile(content, fileName)` |
 | `purposeParser.ts` | `.purpose` | `parsePurposeFile(content, fileName)` |
 | `compositionParser.ts` | `.composition` | `parseCompositionFile(content, fileName)` |
+| `storyParser.ts` | `.story` | `parseStoryFile(content, fileName)`; `checkStory(story, brand, fileName)` checks it against the brand's purposes, compositions and formats |
 
 All parsers are **pure functions**: they take a string (file content) and a filename (for error messages), and return a parsed object. No I/O, no side effects, no dependencies beyond `types.ts`.
 

package/parser/brandParser.ts

@@ -55,8 +55,6 @@ export interface ParsedBrand {
   name: string;
   language: string;
   locale: string;
-  /** Canonical domain for this brand (used for OG meta, favicon paths, share links). */
-  domain?: string;
   /** Named font primitives: name → font definition. First entry is the brand default. */
   fonts?: Record<string, ParsedFontDef>;
   /** Token source type: 'figma' | 'inline' */
@@ -1166,7 +1164,6 @@ export function parseBrandFile(content: string, fileName: string): ParsedBrand {
       case 'name':         result.name = value; break;
       case 'language':     result.language = value; break;
       case 'locale':       result.locale = value; break;
-      case 'domain':       result.domain = value; break;
       case 'tokens':
         if (value === 'figma' || value === 'inline') {
           result.tokensSource = value;

package/parser/dateWindows.ts

@@ -30,5 +30,5 @@ export function isInDateWindow(ranges: DateWindowRange[], date: Date): boolean {
   return ranges.some(({ from, to }) => (from <= to ? key >= from && key <= to : key >= from || key <= to));
 }
 
-/** Trailing window marker on a sample line: `Raps blüht im Mai  @rapsbluete`. */
+/** Trailing window marker on a sample line: `Stollen ab Advent  @christmas`. */
 export const SAMPLE_WINDOW_MARKER = /\s+@([a-z][a-z0-9-]*)\s*$/;

package/parser/formatParser.ts

@@ -35,8 +35,6 @@ export interface ParsedFormat {
   gridCrop: ZoneInsets | null;
   comfort: number;      // px (0 if comfortMm is used)
   comfortMm?: number;   // mm (print/signage)
-  /** Capability restrictions from the `no:` field (e.g. ['motion', 'video', 'photo']). */
-  restrictions?: string[];
   /** Allowed purpose IDs from the `purposes:` field. Absent = all purposes allowed. */
   purposes?: string[];
 }
@@ -110,7 +108,6 @@ export function parseFormatFile(content: string, fileName: string): ParsedFormat
   let gridCrop: ZoneInsets | null = null;
   let comfortRaw: number | undefined;   // px for screen, mm for print/signage
   let comfortIsMm = false;
-  let restrictions: string[] | undefined;
   let purposes: string[] | undefined;
 
   for (let i = 0; i < lines.length; i++) {
@@ -217,11 +214,6 @@ export function parseFormatFile(content: string, fileName: string): ParsedFormat
         break;
       }
 
-      case 'no': {
-        restrictions = value.split(/\s+/).filter(Boolean);
-        break;
-      }
-
       case 'purposes': {
         purposes = value.split(/[\s,]+/).filter(Boolean);
         break;
@@ -277,7 +269,6 @@ export function parseFormatFile(content: string, fileName: string): ParsedFormat
     grid,
     danger, gridCrop,
     comfort, comfortMm,
-    restrictions,
     purposes,
   };
 }

package/parser/icons.ts

@@ -132,7 +132,7 @@ export function resolveIconRef(ref: IconRef, icons: ParsedIconDef[] | undefined)
   return resolved;
 }
 
-/** Split an optional `[id]` prefix off a list item: "[pin] Hafen Burgstaaken". */
+/** Split an optional `[id]` prefix off a list item: "[shop] Laden am Markt". */
 export function parseListItem(item: string): { icon?: IconRef; text: string } {
   const m = item.match(/^\[([^\]]+)\]\s*(.*)$/s);
   if (!m) return { text: item };

package/parser/index.ts

@@ -1,5 +1,5 @@
 // Brand Intent — reference parser
-// All five parsers are pure functions:
+// All six parsers are pure functions:
 // they take a string (file content) and filename, return a parsed object.
 
 export { parseIdentityFile } from './identityParser';
@@ -83,4 +83,7 @@ export type {
   GridYKeyword,
 } from './compositionParser';
 
+export { parseStoryFile, checkStory, storyTextVariables, STORY_VARIABLES } from './storyParser';
+export type { ParsedStory, ParsedStoryPage, ParsedStoryExample, ParsedStoryExamplePage, StoryVariable } from './storyParser';
+
 export type { SlotId, ZoneInsets, TextAlign } from './types';

package/parser/storyParser.ts

@@ -0,0 +1,320 @@
+/**
+ * Parser for .story files: ordered pages, each a purpose + composition with
+ * fixed, variable or open slots, plus example fills for the open slots.
+ *
+ * Strict, line-based format. Every line must match a known pattern or be blank.
+ * Throws on parse errors with file name and line number. Cross-file checks
+ * (purposes, compositions, formats, maxLength) live in `checkStory`.
+ */
+
+import type { SlotId } from './types';
+import type { ParsedPurpose } from './purposeParser';
+
+// ── Parsed types ──────────────────────────────────────────────────────────────
+
+/** Placeholders a page text may contain. Implementations resolve them for the story's date. */
+export type StoryVariable = 'weekday' | 'date';
+
+/** Longest resolved form per variable (German and English), used for the `maxLength` check. */
+export const STORY_VARIABLES: Record<StoryVariable, { maxLength: number }> = {
+  weekday: { maxLength: 10 }, // "Donnerstag"
+  date: { maxLength: 13 },    // "30. September"
+};
+
+export interface ParsedStory {
+  id: string;
+  name: string;
+  description: string;
+  /** Format id every page renders at. */
+  format: string;
+  /** Story topic: what the whole story is about, one sentence. */
+  topic?: string;
+  pages: ParsedStoryPage[];
+  /** Example fills for the open slots, one story topic each. */
+  examples: ParsedStoryExample[];
+}
+
+export interface ParsedStoryPage {
+  purpose: string;
+  /** Composition id; undefined = the implementation picks one of the purpose's compositions. */
+  composition?: string;
+  /** Page topic: what this page adds to the story. */
+  topic?: string;
+  /** Fixed slot texts, may contain `{variable}`s. A slot the page doesn't name is open. */
+  texts: Partial<Record<SlotId, string>>;
+}
+
+/** One `example` block: texts for the open slots of several pages, about one story topic. */
+export interface ParsedStoryExample {
+  topic?: string;
+  pages: ParsedStoryExamplePage[];
+}
+
+export interface ParsedStoryExamplePage {
+  /** 1-based page number. */
+  page: number;
+  topic?: string;
+  texts: Partial<Record<SlotId, string>>;
+}
+
+// ── Constants ─────────────────────────────────────────────────────────────────
+
+const VALID_SLOTS = new Set<string>(['primary', 'secondary', 'detail', 'meta', 'cta', 'label']);
+const VARIABLE = /\{([a-z][a-z0-9-]*)\}/g;
+
+/** Variable names in a text, in order of appearance. */
+export function storyTextVariables(text: string): string[] {
+  return [...text.matchAll(VARIABLE)].map(m => m[1]);
+}
+
+// ── Main parser ───────────────────────────────────────────────────────────────
+
+export function parseStoryFile(content: string, fileName: string): ParsedStory {
+  const lines = content.split('\n');
+
+  let id = '';
+  let name = '';
+  let description = '';
+  let format = '';
+  let topic: string | undefined;
+  const pages: (ParsedStoryPage & { line: number; keys: Set<string> })[] = [];
+  const examples: (ParsedStoryExample & { line: number })[] = [];
+
+  let currentPage: (typeof pages)[number] | null = null;
+  let currentExample: (typeof examples)[number] | null = null;
+  // Page inside the current example, with the line it starts on
+  let currentExamplePage: (ParsedStoryExamplePage & { line: number; keys: Set<string> }) | null = null;
+  // Slot whose multi-line value is being read, and the indent of its lines
+  let multiKey: SlotId | null = null;
+  let multiIndent = 0;
+  const examplePageLines = new Map<ParsedStoryExamplePage, number>();
+
+  /** `key: value` line of a page or example page: topic, one of `extra`, or a slot text.
+   *  Returns the `extra` key and value, or the slot of a bare `slot:` line. */
+  function readKey(
+    line: string,
+    lineNum: number,
+    target: { topic?: string; texts: Partial<Record<SlotId, string>>; keys: Set<string> },
+    extra: string[],
+    allowVariables: boolean,
+  ): { key: string; value: string } | { multi: SlotId } | null {
+    const colonIdx = line.indexOf(':');
+    if (colonIdx === -1) throw new Error(`${fileName}:${lineNum}: expected "key: value", got "${line}"`);
+    const key = line.slice(0, colonIdx).trim();
+    const value = line.slice(colonIdx + 1).trim();
+    if (target.keys.has(key)) throw new Error(`${fileName}:${lineNum}: duplicate "${key}"`);
+    target.keys.add(key);
+    if (key === 'topic') {
+      if (!value) throw new Error(`${fileName}:${lineNum}: empty topic`);
+      target.topic = value;
+      return null;
+    }
+    if (extra.includes(key)) {
+      if (!value) throw new Error(`${fileName}:${lineNum}: empty ${key}`);
+      return { key, value };
+    }
+    if (!VALID_SLOTS.has(key)) throw new Error(`${fileName}:${lineNum}: unknown key "${key}" (expected ${[...extra, 'topic'].join(', ')} or a slot id)`);
+    if (!value) return { multi: key as SlotId };
+    checkVariables(value, lineNum, allowVariables);
+    target.texts[key as SlotId] = value;
+    return null;
+  }
+
+  function checkVariables(text: string, lineNum: number, allowed: boolean) {
+    for (const v of storyTextVariables(text)) {
+      if (!allowed) throw new Error(`${fileName}:${lineNum}: variable "{${v}}" in an example — examples are sample texts, variables belong in page texts`);
+      if (!(v in STORY_VARIABLES)) throw new Error(`${fileName}:${lineNum}: unknown variable "{${v}}" (expected ${Object.keys(STORY_VARIABLES).map(k => `{${k}}`).join(', ')})`);
+    }
+  }
+
+  function closeBlocks() {
+    currentPage = null;
+    currentExample = null;
+    currentExamplePage = null;
+    multiKey = null;
+  }
+
+  for (let i = 0; i < lines.length; i++) {
+    const lineNum = i + 1;
+    const raw = lines[i];
+    const line = raw.trim();
+    const indent = raw.length - raw.trimStart().length;
+
+    if (line === '') continue;
+
+    if (line.startsWith('#')) {
+      if (indent === 0) description = description ? `${description} ${line.slice(1).trim()}` : line.slice(1).trim();
+      continue;
+    }
+
+    // Multi-line slot text: lines deeper than the bare `slot:` line
+    if (multiKey && indent >= multiIndent) {
+      const target = currentExamplePage ?? currentPage!;
+      checkVariables(line, lineNum, !currentExamplePage);
+      const prev = target.texts[multiKey];
+      target.texts[multiKey] = prev ? `${prev}\n${line}` : line;
+      continue;
+    }
+    if (multiKey) {
+      const target = currentExamplePage ?? currentPage!;
+      if (!target.texts[multiKey]) throw new Error(`${fileName}:${lineNum}: "${multiKey}:" has no text (write it after the colon or on the following, deeper lines)`);
+      multiKey = null;
+    }
+
+    if (indent === 0) {
+      closeBlocks();
+      if (line === 'page') {
+        currentPage = { purpose: '', texts: {}, line: lineNum, keys: new Set() };
+        pages.push(currentPage);
+        continue;
+      }
+      if (line === 'example') {
+        currentExample = { pages: [], line: lineNum };
+        examples.push(currentExample);
+        continue;
+      }
+      const colonIdx = line.indexOf(':');
+      const key = colonIdx === -1 ? line : line.slice(0, colonIdx).trim();
+      const value = colonIdx === -1 ? '' : line.slice(colonIdx + 1).trim();
+      if (key === 'id' || key === 'name' || key === 'format' || key === 'topic') {
+        if (!value) throw new Error(`${fileName}:${lineNum}: empty ${key}`);
+        if (key === 'id') id = value;
+        else if (key === 'name') name = value;
+        else if (key === 'format') format = value;
+        else topic = value;
+        continue;
+      }
+      throw new Error(`${fileName}:${lineNum}: unexpected "${line}"`);
+    }
+
+    // Page lines (2-space)
+    if (currentPage) {
+      if (indent !== 2) throw new Error(`${fileName}:${lineNum}: unexpected indent in page (page keys use 2 spaces)`);
+      const read = readKey(line, lineNum, currentPage, ['purpose', 'composition'], true);
+      if (read && 'multi' in read) { multiKey = read.multi; multiIndent = 4; }
+      else if (read?.key === 'purpose') currentPage.purpose = read.value;
+      else if (read) currentPage.composition = read.value;
+      continue;
+    }
+
+    // Example lines: `topic:` and `page N` (2-space), page keys (4-space)
+    if (currentExample) {
+      if (indent === 2) {
+        currentExamplePage = null;
+        const pageHead = /^page\s+(\d+)$/.exec(line);
+        if (pageHead) {
+          const n = parseInt(pageHead[1], 10);
+          if (currentExample.pages.some(p => p.page === n)) throw new Error(`${fileName}:${lineNum}: duplicate "page ${n}" in example`);
+          currentExamplePage = { page: n, texts: {}, line: lineNum, keys: new Set() };
+          currentExample.pages.push(currentExamplePage);
+          examplePageLines.set(currentExamplePage, lineNum);
+          continue;
+        }
+        if (line.startsWith('topic:')) {
+          const value = line.slice(6).trim();
+          if (!value) throw new Error(`${fileName}:${lineNum}: empty topic`);
+          if (currentExample.topic) throw new Error(`${fileName}:${lineNum}: duplicate "topic" in example`);
+          currentExample.topic = value;
+          continue;
+        }
+        throw new Error(`${fileName}:${lineNum}: expected "topic:" or "page N" in example, got "${line}"`);
+      }
+      if (indent === 4 && currentExamplePage) {
+        const read = readKey(line, lineNum, currentExamplePage, [], false);
+        if (read && 'multi' in read) { multiKey = read.multi; multiIndent = 6; }
+        continue;
+      }
+      throw new Error(`${fileName}:${lineNum}: unexpected indent in example (page N at 2 spaces, its keys at 4)`);
+    }
+
+    throw new Error(`${fileName}:${lineNum}: unexpected "${line}"`);
+  }
+  if (multiKey) {
+    const target = currentExamplePage ?? currentPage!;
+    if (!target.texts[multiKey]) throw new Error(`${fileName}:${lines.length}: "${multiKey}:" has no text`);
+  }
+
+  if (!id) throw new Error(`${fileName}: missing story id (add "id:" line)`);
+  if (!format) throw new Error(`${fileName}: missing "format:" line`);
+  if (pages.length === 0) throw new Error(`${fileName}: no pages defined`);
+  for (const p of pages) {
+    if (!p.purpose) throw new Error(`${fileName}:${p.line}: page without "purpose:"`);
+  }
+  for (const ex of examples) {
+    if (ex.pages.length === 0) throw new Error(`${fileName}:${ex.line}: example without pages`);
+    for (const ep of ex.pages) {
+      const at = `${fileName}:${examplePageLines.get(ep)}`;
+      const page = pages[ep.page - 1];
+      if (!page) throw new Error(`${at}: example fills page ${ep.page}, the story has ${pages.length}`);
+      if (Object.keys(ep.texts).length === 0 && !ep.topic) throw new Error(`${at}: example page ${ep.page} is empty`);
+      for (const slot of Object.keys(ep.texts)) {
+        if (page.texts[slot as SlotId] !== undefined) throw new Error(`${at}: slot "${slot}" is fixed on page ${ep.page} and takes no example text`);
+      }
+    }
+  }
+
+  if (!name) name = id.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+
+  return {
+    id,
+    name,
+    description,
+    format,
+    topic,
+    pages: pages.map(({ line: _line, keys: _keys, ...p }) => p),
+    examples: examples.map(({ line: _line, ...ex }) => ({
+      ...ex,
+      pages: ex.pages.map(p => {
+        const { line: _l, keys: _k, ...rest } = p as ParsedStoryExamplePage & { line: number; keys: Set<string> };
+        return rest;
+      }),
+    })),
+  };
+}
+
+// ── Cross-file checks ─────────────────────────────────────────────────────────
+
+/** Checks a story against the brand's other files. Returns problems as "file: message";
+ *  empty when the story fits. Variables count at their longest form for `maxLength`. */
+export function checkStory(
+  story: ParsedStory,
+  brand: { purposes: ParsedPurpose[]; compositions: string[]; formats: string[] },
+  fileName: string,
+): string[] {
+  const problems: string[] = [];
+  const say = (msg: string) => problems.push(`${fileName}: ${msg}`);
+  if (!brand.formats.includes(story.format)) say(`format "${story.format}" does not exist`);
+
+  const purposes = new Map(brand.purposes.map(p => [p.id, p]));
+  const checkTexts = (where: string, purpose: ParsedPurpose, texts: Partial<Record<SlotId, string>>) => {
+    for (const [slotId, text] of Object.entries(texts) as [SlotId, string][]) {
+      const slot = purpose.slots.find(s => s.id === slotId);
+      if (!slot) { say(`${where}: slot "${slotId}" is not declared by purpose "${purpose.id}"`); continue; }
+      if (slot.value) { say(`${where}: slot "${slotId}" has a fixed value in purpose "${purpose.id}"`); continue; }
+      const longest = text.replace(VARIABLE, (_, v: string) => 'x'.repeat(STORY_VARIABLES[v as StoryVariable]?.maxLength ?? 0));
+      const parts = slot.slotType === 'list' ? longest.split('\n') : [longest];
+      if (slot.slotType === 'list' && slot.maxItems && parts.length > slot.maxItems) say(`${where}: slot "${slotId}" has ${parts.length} items, maxItems is ${slot.maxItems}`);
+      for (const part of parts) {
+        if (part.length > slot.maxLength) say(`${where}: slot "${slotId}" is ${part.length} characters long, maxLength is ${slot.maxLength}`);
+      }
+    }
+  };
+
+  story.pages.forEach((page, i) => {
+    const where = `page ${i + 1}`;
+    const purpose = purposes.get(page.purpose);
+    if (!purpose) { say(`${where}: purpose "${page.purpose}" does not exist`); return; }
+    if (page.composition) {
+      if (!brand.compositions.includes(page.composition)) say(`${where}: composition "${page.composition}" does not exist`);
+      else if (!purpose.preferredCompositions.includes(page.composition)) say(`${where}: composition "${page.composition}" is not one of purpose "${purpose.id}"'s compositions`);
+    }
+    checkTexts(where, purpose, page.texts);
+  });
+  story.examples.forEach((ex, i) => {
+    for (const ep of ex.pages) {
+      const purpose = purposes.get(story.pages[ep.page - 1].purpose);
+      if (purpose) checkTexts(`example ${i + 1}, page ${ep.page}`, purpose, ep.texts);
+    }
+  });
+  return problems;
+}

package/vscode-extension/syntaxes/brand.tmLanguage.json

@@ -535,7 +535,7 @@
       }
     },
     "string-field": {
-      "match": "^(language|locale|domain|app-icon|favicon|og-image|figma-file-key|figma-collection|tokens-file|spacing):?\\s*(.+)?",
+      "match": "^(language|locale|app-icon|favicon|og-image|figma-file-key|figma-collection|tokens-file|spacing):?\\s*(.+)?",
       "captures": {
         "1": { "name": "support.type.property-name.brand-intent-brand" },
         "2": { "name": "string.unquoted.brand-intent-brand" }
@@ -543,7 +543,7 @@
     },
     "keyword-partial": {
       "comment": "Fallback: color the keyword token on incomplete lines (while typing)",
-      "match": "^(id:|name:|language:|locale:|domain:|app-icon:|favicon:|og-image:|tokens:|figma-file-key:|figma-collection:|tokens-file:|spacing:|label:|cta:|color-mode:|color-strategy:|color-adherence:|brand-colors|state-colors|color-bounds|color-rules|color-families|theme|divider|font|typography|logo|photo|video|illustration|icons|counter|framing|windows)(?=\\s|$)",
+      "match": "^(id:|name:|language:|locale:|app-icon:|favicon:|og-image:|tokens:|figma-file-key:|figma-collection:|tokens-file:|spacing:|label:|cta:|color-mode:|color-strategy:|color-adherence:|brand-colors|state-colors|color-bounds|color-rules|color-families|theme|divider|font|typography|logo|photo|video|illustration|icons|counter|framing|windows)(?=\\s|$)",
       "captures": {
         "1": { "name": "keyword.control.brand-intent-brand" }
       }

package/vscode-extension/syntaxes/format.tmLanguage.json

@@ -6,7 +6,6 @@
     { "include": "#id-field" },
     { "include": "#name-field" },
     { "include": "#category" },
-    { "include": "#no" },
     { "include": "#purposes" },
     { "include": "#size" },
     { "include": "#grid" },
@@ -41,13 +40,6 @@
         "2": { "name": "entity.name.tag.brand-intent-format" }
       }
     },
-    "no": {
-      "match": "^(no:)\\s+(.*)",
-      "captures": {
-        "1": { "name": "keyword.control.brand-intent-format" },
-        "2": { "name": "string.unquoted.brand-intent-format" }
-      }
-    },
     "purposes": {
       "match": "^(purposes:)\\s+(.*)",
       "captures": {
@@ -94,7 +86,7 @@
     },
     "keyword-partial": {
       "comment": "Fallback: color the keyword token on incomplete lines (while typing)",
-      "match": "^(id:|name:|category:|no:|purposes:|size:|grid:|dpi:|bleed:|comfort:|danger:|crop:|label:|sublabel:)(?=\\s|$)",
+      "match": "^(id:|name:|category:|purposes:|size:|grid:|dpi:|bleed:|comfort:|danger:|crop:|label:|sublabel:)(?=\\s|$)",
       "captures": {
         "1": { "name": "keyword.control.brand-intent-format" }
       }

package/vscode-extension/syntaxes/story.tmLanguage.json

@@ -0,0 +1,77 @@
+{
+  "scopeName": "source.brand-intent-story",
+  "name": "Brand Intent Story",
+  "patterns": [
+    { "include": "#comment" },
+    { "include": "#top-field" },
+    { "include": "#block-header" },
+    { "include": "#example-page" },
+    { "include": "#reference" },
+    { "include": "#property" },
+    { "include": "#variable" },
+    { "include": "#keyword-partial" }
+  ],
+  "repository": {
+    "comment": {
+      "match": "^\\s*#.*$",
+      "name": "comment.line.number-sign.brand-intent-story"
+    },
+    "top-field": {
+      "match": "^(id:|format:)\\s+(.*)",
+      "captures": {
+        "1": { "name": "keyword.control.brand-intent-story" },
+        "2": { "name": "entity.name.type.brand-intent-story" }
+      }
+    },
+    "block-header": {
+      "match": "^(page|example)\\s*$",
+      "captures": {
+        "1": { "name": "keyword.control.brand-intent-story" }
+      }
+    },
+    "example-page": {
+      "match": "^\\s{2}(page)\\s+(\\d+)\\s*$",
+      "captures": {
+        "1": { "name": "keyword.control.brand-intent-story" },
+        "2": { "name": "constant.numeric.brand-intent-story" }
+      }
+    },
+    "reference": {
+      "match": "^\\s+(purpose|composition)(:)\\s+([\\w:-]+)",
+      "captures": {
+        "1": { "name": "support.type.property-name.brand-intent-story" },
+        "2": { "name": "punctuation.separator.brand-intent-story" },
+        "3": { "name": "entity.name.type.brand-intent-story" }
+      }
+    },
+    "property": {
+      "match": "^\\s*(name|topic|primary|secondary|detail|meta|cta|label)(:)",
+      "captures": {
+        "1": { "name": "support.type.property-name.brand-intent-story" },
+        "2": { "name": "punctuation.separator.brand-intent-story" }
+      }
+    },
+    "variable": {
+      "comment": "{weekday}, {date} placeholders in page texts",
+      "match": "\\{[a-z][a-z0-9-]*\\}",
+      "name": "variable.other.brand-intent-story"
+    },
+    "keyword-partial": {
+      "comment": "Fallback: color the keyword token on incomplete lines (while typing)",
+      "patterns": [
+        {
+          "match": "^(id:|name:|format:|topic:|page|example)(?=\\s|$)",
+          "captures": {
+            "1": { "name": "keyword.control.brand-intent-story" }
+          }
+        },
+        {
+          "match": "^\\s+(purpose|composition|topic|primary|secondary|detail|meta|cta|label)(?=:|\\s|$)",
+          "captures": {
+            "1": { "name": "support.type.property-name.brand-intent-story" }
+          }
+        }
+      ]
+    }
+  }
+}