{ "code": "S11", "name": "Picture columns", "shape": "parallel-detail", "family": "Lists and comparisons", "fits": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "use_when": "When each of three things deserves its own explanation.", "slots": [ { "name": "head", "holds": "what the three have in common", "budget": "under 14 words" }, { "name": "items", "holds": "3 x (illustration 4:3, title, one or two sentences, two chips)", "budget": "under 30 words each" } ], "columns": 3, "density": "standard", "surface": "paper", "works_on": [ "deck", "page" ], "library": "Hoffman", "reference_libraries": [ "useLayouts" ], "dir": "S11-three-detail", "semantic": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "intent": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "message_pattern": "For [each case]: [point], [reason] and [example or action].", "required_content": [ "Three cases with a shared question.", "A short explanation and two concise descriptors per case.", "Relevant labelled illustrations and any supporting evidence." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "Define the delay categories and their evidence base." ], "enables_after": [ "Map a suitable response to each cause, or examine one case in depth." ], "slot_roles": { "head": "State the shared finding or question.", "items": "Three parallel case units: image, case-specific heading, explanation and two comparable tags." }, "avoid_when": [ "A ranking with no shared criteria", "Unrelated anecdotes" ], "layout_specific_contract": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "provenance": { "basis": "interpretation of the existing layout and slot contracts", "review": "Tessel model-authored guidance; implementation approved by Nic, 2026-10-10", "corpus_evidence_status": "not yet established", "guide": "../SEMANTICS.md" }, "variation_rule": "Read the selected option’s actual markup, slot count and source record. Preserve this reasoning relationship only if the option still expresses it; flag a mismatch before adapting.", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "matching": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "content_shape": { "composition": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "selected_state": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "head", "reader_question": "How do these cases differ when each needs a picture and a short explanation?", "semantic_role": "State the shared finding or question.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · what the three have in common]", "layout_budget": { "authored": "under 14 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "items", "reader_question": "What does the items contribute to this page’s reader outcome?", "semantic_role": "Three parallel case units: image, case-specific heading, explanation and two comparable tags.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · items · 3 x (illustration 4:3, title, one or two sentences, two chips)]", "layout_budget": { "authored": "under 30 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "items", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 122 ] } } ], "rejection_constraints": [ "A ranking or causal sequence that needs explicit ordering, or cases with incompatible fields.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "option_guidance": { "option": "default", "composition_delta": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S11 default when the supplied material answers “How do these cases differ when each needs a picture and a short explanation?” through parallel cases with supporting detail. Respect this state: Three parallel items that each need a short paragraph: decisions, cases, milestones." }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 2, "source_visual_sha256": [ "d031377f827c1503fd805e344753aff13bebd35858f5134f5bf112ba4b0e8a80", "0fde2885b49ceeb5ad91bc86d16de30fb53c0bb3fa16238316dd52ed71209e29" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "rejection_constraints": [ "A ranking or causal sequence that needs explicit ordering, or cases with incompatible fields.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "markup_inventory": { "file": "spread.html", "sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "head": 1, "items": 1, "illustration": 3, "pictures": 3 }, "slot_evidence": { "head": [ { "tag": "h2", "classes": "head", "sample_word_count": 11, "repeated_children": 1 } ], "items": [ { "tag": "div", "classes": "icols c3", "sample_word_count": 122, "repeated_children": 3 } ], "illustration": [ { "tag": "figure", "classes": "ph r-4x3", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph r-4x3", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph r-4x3", "sample_word_count": 0, "repeated_children": 1 } ], "pictures": [ { "tag": "figure", "classes": "cat-photo", "sample_word_count": 3, "repeated_children": 2 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 3, "repeated_children": 2 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 3, "repeated_children": 2 } ] }, "option_selectors": [ "bullets", "cards", "text", "two" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../catalogue-options.css", "sha256": "d4ac2c72a1ba61f50fc52dbacff24130de014f42f1dc2df5fd841bea7a34e2db" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" }, { "file": "../catalogue-options.js", "sha256": "ca693515383ba7cdf6d9937beada03614150786a4ca850ca800282ed4732d991" } ] }, "variations": { "two": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "intent": "Compare parallel case descriptions without treating their ordering as chronology.", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "slot_roles": { "head": "State the shared question or finding that connects the two cases.", "items": "Two parallel case units: image, case-specific heading, explanation and two comparable tags." }, "matching": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "content_shape": { "composition": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "selected_state": "Two columns instead of three", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "head", "reader_question": "How do these cases differ when each needs a picture and a short explanation?", "semantic_role": "State the shared question or finding that connects the two cases.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · what the three have in common]", "layout_budget": { "authored": "under 14 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "items", "reader_question": "What does the items contribute to this page’s reader outcome?", "semantic_role": "Two parallel case units: image, case-specific heading, explanation and two comparable tags.", "content_unit_count": { "min": 2, "max": 2, "basis": "Authored visible members in the selected arrangement; annotation occurrences can differ." }, "placeholder": "[REAL CONTENT · items · 3 x (illustration 4:3, title, one or two sentences, two chips)]", "layout_budget": { "authored": "under 30 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "items", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 122 ] } } ], "rejection_constraints": [ "A ranking or causal sequence that needs explicit ordering, or cases with incompatible fields.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "option_guidance": { "option": "two", "composition_delta": "Two columns instead of three", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S11 two when the supplied material answers “How do these cases differ when each needs a picture and a short explanation?” through parallel cases with supporting detail. Respect this state: Two columns instead of three" }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 2, "source_visual_sha256": [ "d031377f827c1503fd805e344753aff13bebd35858f5134f5bf112ba4b0e8a80", "0fde2885b49ceeb5ad91bc86d16de30fb53c0bb3fa16238316dd52ed71209e29" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ], "previous_required_slots": [ { "name": "head", "reader_question": "How do these cases differ when each needs a picture and a short explanation?", "semantic_role": "what the three have in common", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · what the three have in common]", "layout_budget": { "authored": "under 14 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "items", "reader_question": "What does the items contribute to this page’s reader outcome?", "semantic_role": "3 x (illustration 4:3, title, one or two sentences, two chips)", "content_unit_count": { "min": 2, "max": 2, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · items · 3 x (illustration 4:3, title, one or two sentences, two chips)]", "layout_budget": { "authored": "under 30 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "items", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 122 ] } } ], "contract_correction": { "date": "2026-10-13", "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.", "records": [ { "code": "S11", "option": "two", "counts": { "items": 2 } } ] } }, "narrative_profile": { "central_point": "Several cases illuminate the same issue through comparable detail.", "communication_job": "Let the reader compare what each case contributes without collapsing them into one claim. Shows exactly two peer cases by hiding the third column; it is a comparison of two with the same analytical roles.", "audience_value": "Explanation and perspective: enough context to understand distinct cases and see why they belong together.", "reading_path": [ "Read the title as the shared analytical frame.", "Read each column’s image, heading, explanation and tags together.", "Compare like roles across columns; the tags should expose meaningful distinctions rather than decorate." ], "adaptation": { "required_inputs": [ "Exactly two cases with a shared question.", "A short explanation and two concise descriptors per case.", "Relevant labelled illustrations and any supporting evidence." ], "slot_guidance": { "head": "State the shared question or finding that connects the two cases.", "items": "Two parallel case units: image, case-specific heading, explanation and two comparable tags." }, "can_change": [ "Case subject and illustrations.", "Supported options can change count or replace images with icons/text.", "Shows exactly two peer cases by hiding the third column; it is a comparison of two with the same analytical roles." ], "must_survive": [ "Comparable analytical roles across every column.", "Context remains attached to its case.", "One highlighted heading does not by itself mean a better case.", "Use two visible cases; the third base column remains hidden." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "head": "Parts and diagnosis create different delays.", "items": [ "Missing parts | Illustration: empty tray | A confirmed fault cannot be fixed until its part arrives. | Tags: Parts / Availability", "Unclear fault | Illustration: inspection bench | An inspection must precede an estimate and parts order. | Tags: Diagnosis / Uncertainty" ] }, "reasoning": "The same service outcome is blocked by three different mechanisms; the comparison prepares differentiated remedies.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Define the delay categories and their evidence base.", "after": "Map a suitable response to each cause, or examine one case in depth.", "good_uses": [ "Comparable cases", "Audience or market differences", "Three supporting mechanisms" ], "poor_fits": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "evidence": { "observations": [ "Current option markup/CSS and selected contract show: Shows exactly two peer cases by hiding the third column; it is a comparison of two with the same analytical roles." ], "interpretations": [ "Communication job, audience value and adaptation advice are layout-contract interpretations. They are not verified statements of source-author intent." ], "not_verified": [ "Source-author intent, surrounding source sequence, sample factual claims and audience effect were not independently verified.", "Option source pixels and live interaction were not separately reviewed in this authoring pass." ], "references": [ "dist/S11-three-detail/spread.html", "dist/S11-three-detail/spread.json", "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" ] }, "review": { "status": "reviewed", "basis": "Reviewed actual option markup, selected contract and example mapping; source intent and interaction fidelity not asserted." }, "variation_relationship": "same-job" }, "required_content": [ "Exactly two cases with a shared question.", "A short explanation and two concise descriptors per case.", "Relevant labelled illustrations and any supporting evidence." ], "requires_before": [ "Define the delay categories and their evidence base." ], "enables_after": [ "Map a suitable response to each cause, or examine one case in depth." ], "avoid_when": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "cards": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "intent": "Compare parallel case descriptions without treating their ordering as chronology.", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "slot_roles": { "head": "State the shared finding or question.", "items": "Three peer case units: icon card, heading, explanation and two comparable tags." }, "matching": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "content_shape": { "composition": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "selected_state": "Colour cards with an icon instead of pictures", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "head", "reader_question": "How do these cases differ when each needs a picture and a short explanation?", "semantic_role": "State the shared finding or question.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · what the three have in common]", "layout_budget": { "authored": "under 14 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "items", "reader_question": "What does the items contribute to this page’s reader outcome?", "semantic_role": "Three peer case units: icon card, heading, explanation and two comparable tags.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · items · 3 x (illustration 4:3, title, one or two sentences, two chips)]", "layout_budget": { "authored": "under 30 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "items", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 122 ] } } ], "rejection_constraints": [ "A ranking or causal sequence that needs explicit ordering, or cases with incompatible fields.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "option_guidance": { "option": "cards", "composition_delta": "Colour cards with an icon instead of pictures", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S11 cards when the supplied material answers “How do these cases differ when each needs a picture and a short explanation?” through parallel cases with supporting detail. Respect this state: Colour cards with an icon instead of pictures" }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 2, "source_visual_sha256": [ "d031377f827c1503fd805e344753aff13bebd35858f5134f5bf112ba4b0e8a80", "0fde2885b49ceeb5ad91bc86d16de30fb53c0bb3fa16238316dd52ed71209e29" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "narrative_profile": { "central_point": "Several cases illuminate the same issue through comparable detail.", "communication_job": "Let the reader compare what each case contributes without collapsing them into one claim. Replaces scene images with coloured icon cards while retaining three case explanations.", "audience_value": "Explanation and perspective: enough context to understand distinct cases and see why they belong together.", "reading_path": [ "Read the title as the shared analytical frame.", "Read each column’s icon, heading, explanation and tags together; the icon identifies rather than proves.", "Compare like roles across columns; the tags should expose meaningful distinctions rather than decorate." ], "adaptation": { "required_inputs": [ "Three cases with a shared question.", "A short explanation and two concise descriptors per case.", "A relevant illustrative icon for each case and support for factual claims." ], "slot_guidance": { "head": "State the shared finding or question.", "items": "Three peer case units: icon card, heading, explanation and two comparable tags." }, "can_change": [ "Case subject and illustrations.", "Supported options can change count or replace images with icons/text.", "Replaces scene images with coloured icon cards while retaining three case explanations." ], "must_survive": [ "Comparable analytical roles across every column.", "Context remains attached to its case.", "One highlighted heading does not by itself mean a better case.", "Icons identify cases; they do not add evidence." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "head": "Three repair delays need different responses.", "items": [ "Missing parts | Icon: parts box | A job cannot start until its component arrives. | Tags: Parts / Availability", "Unclear fault | Icon: inspection tool | Diagnosis is needed before estimating work. | Tags: Diagnosis / Uncertainty", "Missed access | Icon: doorway | Repairer and resident need an agreed access window. | Tags: Access / Scheduling" ] }, "reasoning": "The same service outcome is blocked by three different mechanisms; the comparison prepares differentiated remedies.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Define the delay categories and their evidence base.", "after": "Map a suitable response to each cause, or examine one case in depth.", "good_uses": [ "Comparable cases", "Audience or market differences", "Three supporting mechanisms" ], "poor_fits": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "evidence": { "observations": [ "Current option markup/CSS and selected contract show: Replaces scene images with coloured icon cards while retaining three case explanations." ], "interpretations": [ "Communication job, audience value and adaptation advice are layout-contract interpretations. They are not verified statements of source-author intent." ], "not_verified": [ "Source-author intent, surrounding source sequence, sample factual claims and audience effect were not independently verified.", "Option source pixels and live interaction were not separately reviewed in this authoring pass." ], "references": [ "dist/S11-three-detail/spread.html", "dist/S11-three-detail/spread.json", "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" ] }, "review": { "status": "reviewed", "basis": "Reviewed actual option markup, selected contract and example mapping; source intent and interaction fidelity not asserted." }, "variation_relationship": "same-job" }, "required_content": [ "Three cases with a shared question.", "A short explanation and two concise descriptors per case.", "A relevant illustrative icon for each case and support for factual claims." ], "requires_before": [ "Define the delay categories and their evidence base." ], "enables_after": [ "Map a suitable response to each cause, or examine one case in depth." ], "avoid_when": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "bullets": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "intent": "Compare parallel case descriptions without treating their ordering as chronology.", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "slot_roles": { "head": "State the shared finding or question.", "items": "Three image-and-heading columns, each with two concise visible bullets. The default paragraph and chips are hidden." }, "matching": { "audience_question": "How do these cases differ when each needs a picture and a short explanation?", "reader_outcome": "Compare parallel case descriptions without treating their ordering as chronology.", "reasoning_relation": "parallel cases with supporting detail", "content_shape": { "composition": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "selected_state": "Bullet points instead of a paragraph", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "head", "reader_question": "How do these cases differ when each needs a picture and a short explanation?", "semantic_role": "State the shared finding or question.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · what the three have in common]", "layout_budget": { "authored": "under 14 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "items", "reader_question": "What does the items contribute to this page’s reader outcome?", "semantic_role": "Three image-and-heading columns, each with two concise visible bullets. The default paragraph and chips are hidden.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · items · 3 x (illustration 4:3, title, one or two sentences, two chips)]", "layout_budget": { "authored": "under 30 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "items", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 122 ] } } ], "rejection_constraints": [ "A ranking or causal sequence that needs explicit ordering, or cases with incompatible fields.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "option_guidance": { "option": "bullets", "composition_delta": "Bullet points instead of a paragraph", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S11 bullets when the supplied material answers “How do these cases differ when each needs a picture and a short explanation?” through parallel cases with supporting detail. Respect this state: Bullet points instead of a paragraph" }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 2, "source_visual_sha256": [ "d031377f827c1503fd805e344753aff13bebd35858f5134f5bf112ba4b0e8a80", "0fde2885b49ceeb5ad91bc86d16de30fb53c0bb3fa16238316dd52ed71209e29" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "narrative_profile": { "central_point": "Several cases illuminate the same issue through comparable detail.", "communication_job": "Let the reader compare what each case contributes without collapsing them into one claim. Replaces paragraphs and chips with short bullets inside each of three picture columns.", "audience_value": "Explanation and perspective: enough context to understand distinct cases and see why they belong together.", "reading_path": [ "Read the title as the shared analytical frame.", "Read each image, heading and visible bullet pair together; do not rely on hidden paragraphs or chips.", "Compare like roles across columns; the tags should expose meaningful distinctions rather than decorate." ], "adaptation": { "required_inputs": [ "Three cases with a shared question.", "A short case heading and two supporting bullets for each case.", "Relevant labelled illustrations and any supporting evidence." ], "slot_guidance": { "head": "State the shared finding or question.", "items": "Three image-and-heading columns, each with two concise visible bullets. The default paragraph and chips are hidden." }, "can_change": [ "Case subject and illustrations.", "Supported options can change count or replace images with icons/text.", "Replaces paragraphs and chips with short bullets inside each of three picture columns." ], "must_survive": [ "Comparable analytical roles across every column.", "Context remains attached to its case.", "One highlighted heading does not by itself mean a better case.", "Use the visible bullet nodes rather than leaving the argument in hidden paragraphs/chips." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "head": "Three repair delays need different responses.", "items": [ "Missing parts | Illustration: parts tray | Bullet 1: Fault confirmed. | Bullet 2: Required component unavailable.", "Unclear fault | Illustration: inspection bench | Bullet 1: Symptom reported. | Bullet 2: Diagnosis still needed.", "Missed access | Illustration: doorway | Bullet 1: Technician available. | Bullet 2: Resident window unconfirmed." ] }, "reasoning": "The same service outcome is blocked by three different mechanisms; the comparison prepares differentiated remedies.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Define the delay categories and their evidence base.", "after": "Map a suitable response to each cause, or examine one case in depth.", "good_uses": [ "Comparable cases", "Audience or market differences", "Three supporting mechanisms" ], "poor_fits": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "evidence": { "observations": [ "Current option markup/CSS and selected contract show: Replaces paragraphs and chips with short bullets inside each of three picture columns." ], "interpretations": [ "Communication job, audience value and adaptation advice are layout-contract interpretations. They are not verified statements of source-author intent." ], "not_verified": [ "Source-author intent, surrounding source sequence, sample factual claims and audience effect were not independently verified.", "Option source pixels and live interaction were not separately reviewed in this authoring pass." ], "references": [ "dist/S11-three-detail/spread.html", "dist/S11-three-detail/spread.json", "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" ] }, "review": { "status": "reviewed", "basis": "Reviewed actual option markup, selected contract and example mapping; source intent and interaction fidelity not asserted." }, "variation_relationship": "same-job" }, "required_content": [ "Three cases with a shared question.", "A short case heading and two supporting bullets for each case.", "Relevant labelled illustrations and any supporting evidence." ], "requires_before": [ "Define the delay categories and their evidence base." ], "enables_after": [ "Map a suitable response to each cause, or examine one case in depth." ], "avoid_when": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "text": { "audience_question": "How do these parallel cases compare through short prose alone?", "intent": "Compare named cases without relying on pictures.", "reader_outcome": "Compare named cases without relying on pictures.", "reasoning_relation": "parallel text explanations", "slot_roles": { "head": "State the shared finding or question.", "items": "Three text-only heading-and-paragraph units; one heading may be accented without implying a ranking." }, "matching": { "audience_question": "How do these parallel cases compare through short prose alone?", "reader_outcome": "Compare named cases without relying on pictures.", "reasoning_relation": "parallel text explanations", "content_shape": { "composition": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "selected_state": "Text columns: a heading and a short paragraph per column, no pictures, under a ruled title; one heading in the accent colour", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "head", "reader_question": "How do these parallel cases compare through short prose alone?", "semantic_role": "State the shared finding or question.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · what the three have in common]", "layout_budget": { "authored": "under 14 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "items", "reader_question": "What does the items contribute to this page’s reader outcome?", "semantic_role": "Three text-only heading-and-paragraph units; one heading may be accented without implying a ranking.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · items · 3 x (illustration 4:3, title, one or two sentences, two chips)]", "layout_budget": { "authored": "under 30 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "items", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 122 ] } } ], "rejection_constraints": [ "Pictures or long prose required to distinguish the cases.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "option_guidance": { "option": "text", "composition_delta": "Text columns: a heading and a short paragraph per column, no pictures, under a ruled title; one heading in the accent colour", "semantic_change": "changes content relationship", "matching_instruction": "Select S11 text when the supplied material answers “How do these parallel cases compare through short prose alone?” through parallel text explanations. Respect this state: Text columns: a heading and a short paragraph per column, no pictures, under a ruled title; one heading in the accent colour" }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 2, "source_visual_sha256": [ "d031377f827c1503fd805e344753aff13bebd35858f5134f5bf112ba4b0e8a80", "0fde2885b49ceeb5ad91bc86d16de30fb53c0bb3fa16238316dd52ed71209e29" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "narrative_profile": { "central_point": "Several cases illuminate the same issue through comparable detail.", "communication_job": "Let the reader compare what each case contributes without collapsing them into one claim. Removes images and chips, leaving three headings and short explanations under a ruled title.", "audience_value": "Explanation and perspective: enough context to understand distinct cases and see why they belong together.", "reading_path": [ "Read the shared analytical title.", "Read each heading with its supporting paragraph.", "Compare the explanations on the same basis; no hidden image or chip contributes necessary meaning." ], "adaptation": { "required_inputs": [ "Three cases with a shared question.", "One short heading and explanatory paragraph per case.", "Support for factual claims; no images or chips are active." ], "slot_guidance": { "head": "State the shared finding or question.", "items": "Three text-only heading-and-paragraph units; one heading may be accented without implying a ranking." }, "can_change": [ "Case subject and illustrations.", "Supported options can change count or replace images with icons/text.", "Removes images and chips, leaving three headings and short explanations under a ruled title." ], "must_survive": [ "Comparable analytical roles across every column.", "Context remains attached to its case.", "One highlighted heading does not by itself mean a better case.", "Do not assign necessary meaning to hidden images or chips.", "One accent heading is emphasis only; explain any intended priority." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "head": "Three repair delays need different responses.", "items": [ "Missing parts: A confirmed fault cannot be fixed until its component arrives.", "Unclear fault: An inspection must precede a reliable estimate.", "Missed access: A repair cannot begin without an agreed entry window." ] }, "reasoning": "The same service outcome is blocked by three different mechanisms; the comparison prepares differentiated remedies.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Define the delay categories and their evidence base.", "after": "Map a suitable response to each cause, or examine one case in depth.", "good_uses": [ "Comparable cases", "Audience or market differences", "Three supporting mechanisms" ], "poor_fits": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "evidence": { "observations": [ "Current option markup/CSS and selected contract show: Removes images and chips, leaving three headings and short explanations under a ruled title." ], "interpretations": [ "Communication job, audience value and adaptation advice are layout-contract interpretations. They are not verified statements of source-author intent." ], "not_verified": [ "Source-author intent, surrounding source sequence, sample factual claims and audience effect were not independently verified.", "Option source pixels and live interaction were not separately reviewed in this authoring pass." ], "references": [ "dist/S11-three-detail/spread.html", "dist/S11-three-detail/spread.json", "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" ] }, "review": { "status": "reviewed", "basis": "Reviewed actual option markup, selected contract and example mapping; source intent and interaction fidelity not asserted." }, "variation_relationship": "same-job" }, "required_content": [ "Three cases with a shared question.", "One short heading and explanatory paragraph per case.", "Support for factual claims; no images or chips are active." ], "requires_before": [ "Define the delay categories and their evidence base." ], "enables_after": [ "Map a suitable response to each cause, or examine one case in depth." ], "avoid_when": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "polaroid": { "audience_question": "What three captioned images form this collection?", "intent": "Inspect each picture and caption despite movable positioning.", "reader_outcome": "Inspect each picture and caption despite movable positioning.", "reasoning_relation": "captioned image collection", "slot_roles": { "pictures": "Three complete image-caption pairs; centre portrait is taller, not automatically more important." }, "matching": { "audience_question": "What three captioned images form this collection?", "reader_outcome": "Inspect each picture and caption despite movable positioning.", "reasoning_relation": "captioned image collection", "content_shape": { "composition": "Three parallel items that each need a short paragraph: decisions, cases, milestones.", "selected_state": "Three captioned photos, centre portrait taller; drag or arrow-key repositioning, reset button and static reading order.", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pictures", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "Three complete image-caption pairs; centre portrait is taller, not automatically more important.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · pictures · Three captioned pictures, with verified identity, meaningful alt text and stable reading order.]", "layout_budget": { "authored": "3 pictures; one factual caption each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pictures", "occurrences": 3, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 3, 3, 3 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "Drag position implying priority or changing the authored reading order.", "Putting sequential steps or causally dependent items in equal columns without explaining the connection." ], "option_guidance": { "option": "polaroid", "composition_delta": "Three captioned photos, centre portrait taller; drag or arrow-key repositioning, reset button and static reading order.", "semantic_change": "changes content relationship", "matching_instruction": "Select S11 polaroid when the supplied material answers “What three captioned images form this collection?” through captioned image collection. Respect this state: Three captioned photos, centre portrait taller; drag or arrow-key repositioning, reset button and static reading order." }, "provenance": { "status": "inferred composition evidence", "author_intent": "not independently confirmed", "basis": [ "retained source composition where available", "authored layout and slot contracts", "static implementation inspection" ], "source_visual_count": 2, "source_visual_sha256": [ "d031377f827c1503fd805e344753aff13bebd35858f5134f5bf112ba4b0e8a80", "0fde2885b49ceeb5ad91bc86d16de30fb53c0bb3fa16238316dd52ed71209e29" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "660754c654ccf6e5f603a32538b54e5676222f5757b4d10090c671b2f45c1e8e", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "narrative_profile": { "central_point": "Three captioned images offer distinct glimpses of one subject.", "communication_job": "Let readers inspect a small visual collection while keeping each image’s identity and meaning attached.", "audience_value": "Perspective: gives concrete examples or atmosphere, with captions preventing ambiguity about what each depicts.", "reading_path": [ "Identify the shared subject from surrounding context.", "Read each image together with its caption.", "Use document order to retain the intended sequence; dragging changes arrangement, not evidence weight." ], "adaptation": { "required_inputs": [ "Three related images with rights/provenance.", "An identifying caption and alt text for each.", "A reason the three belong together." ], "slot_guidance": { "pictures": "Three complete image-caption pairs; centre portrait is taller, not automatically more important." }, "can_change": [ "The three images and captions.", "Positions for inspection, retaining the reset and complete state." ], "must_survive": [ "Image and caption stay together.", "Drag position does not encode ranking or chronology.", "A stable reading order remains available." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative: explicitly invented teaching material for this selected variation.", "slot_fills": { "pictures": [ "Generated illustration: diagnosis bench | Caption: proposed fault assessment.", "Generated portrait illustration: fictional repair coordinator | Caption: proposed readiness owner.", "Generated illustration: organised parts tray | Caption: proposed parts check." ] }, "reasoning": "The images make three aspects of readiness concrete without claiming they document an operating pilot.", "qualification": "All people, examples and planned results are fictional. Replace with authorised, verified content; selection and interface treatment do not establish truth." }, "narrative_fit": { "before": "State the shared theme and image status.", "after": "Explain what the collection reveals or open a detailed case.", "good_uses": [ "A small visual story", "A captioned scene collection" ], "poor_fits": [ "Statistical proof", "A precise comparison with no shared image basis", "Uncaptioned photos with unclear identity" ] }, "evidence": { "observations": [ "Inspected the selected option HTML, CSS and existing semantic/slot contract; Let readers inspect a small visual collection while keeping each image’s identity and meaning attached." ], "interpretations": [ "Communication job, audience value and adaptation advice are layout-contract interpretations. They are not verified statements of source-author intent." ], "not_verified": [ "Source-author intent, surrounding source sequence, sample factual claims and audience effect were not independently verified.", "This option’s source pixels and live interaction were not separately reviewed in this authoring pass; original intent and behaviour fidelity are not asserted." ], "references": [ "dist/S11-three-detail/spread.html", "dist/S11-three-detail/spread.json", "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html", "https://uselayouts.com/docs/components/polaroid-drag", "dist/catalogue-options.css", "dist/catalogue-options.js" ] }, "review": { "status": "reviewed", "basis": "Option layout-contract and worked-example mapping reviewed from actual local implementation; source-author and empirical validation not claimed." }, "variation_relationship": "different-job" }, "required_content": [ "Three related images with rights/provenance.", "An identifying caption and alt text for each.", "A reason the three belong together." ], "requires_before": [ "State the shared theme and image status." ], "enables_after": [ "Explain what the collection reveals or open a detailed case." ], "avoid_when": [ "Statistical proof", "A precise comparison with no shared image basis", "Uncaptioned photos with unclear identity" ] }, "treatment-comparison": { "audience_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "intent": "The reader can compare visual emphasis and ask which approach better serves the agreed brief.", "reader_outcome": "The reader can compare visual emphasis and ask which approach better serves the agreed brief.", "reasoning_relation": "distinct layout alternatives compared in equivalent outer frames using the same message and source material", "message_pattern": "The same message and material can take different compositions: compare how hierarchy, image emphasis and reading order present the invitation.", "required_content": [ "An agreed brief and criteria for judging the treatments.", "The same message and source material presented through legible examples in comparable outer frames.", "Relevant accessibility and implementation constraints." ], "narrative_positions": [ "choose-visual-direction" ], "requires_before": [ "Agree the proposition and selection criteria; show enough of each direction to make its rules understandable." ], "enables_after": [ "Choose or refine a direction, then check accessibility, real content and implementation." ], "slot_roles": { "title": "Decision the two alternatives prepare", "treatments": "Equal side-by-side alternatives", "treatment-1": "Complete first direction", "option-1": "Neutral identifier, not a ranking", "direction-1": "What distinguishes the first visual approach", "mockup-1": "Editable visual demonstration of the common brief", "web-1-navigation": "Same fictional page navigation in both treatments", "web-1-hero-title": "Same primary proposition in both treatments", "web-1-explanation": "Same supporting explanation in both treatments", "web-1-action": "Same proposed reader action, displayed as a mockup rather than a live service", "web-1-hero-image": "Comparable hero illustration, not evidence of a delivered service", "web-1-section-title": "Same supporting proposition in both treatments", "web-1-learning-image": "Comparable learning scene", "web-1-learning-caption": "Caption explaining the learning scene", "web-1-workplace-image": "Comparable workplace scene", "web-1-workplace-caption": "Caption explaining the workplace scene", "treatment-2": "Complete second direction", "option-2": "Neutral identifier, not a ranking", "direction-2": "What distinguishes the second visual approach", "mockup-2": "Comparable editable demonstration using the same content", "web-2-navigation": "Same fictional page navigation in both treatments", "web-2-hero-title": "Same primary proposition in both treatments", "web-2-explanation": "Same supporting explanation in both treatments", "web-2-action": "Same proposed reader action, displayed as a mockup rather than a live service", "web-2-hero-image": "Comparable hero illustration, not evidence of a delivered service", "web-2-section-title": "Same supporting proposition in both treatments", "web-2-learning-image": "Comparable learning scene", "web-2-learning-caption": "Caption explaining the learning scene", "web-2-workplace-image": "Comparable workplace scene", "web-2-workplace-caption": "Caption explaining the workplace scene" }, "avoid_when": [ "Comparing strategies with different promises while pretending only style differs.", "A before/after proof claim or an effectiveness ranking without evidence." ], "variation_rule": "For three or four directions, use a readable grid or linked comparison passage and recheck comparable outer frames and legibility. Those instances are untested.", "provenance": { "basis": "Reviewed sanitised teaching case; private correspondence excluded", "payload_sha256": "2ac7cd2cff4f6bba7d7ff8db807d511b4c31822107ca48265378bb777668a127" }, "matching": { "id": "S11--treatment-comparison", "code": "S11", "name": "Treatment comparison", "dir": "S11-three-detail", "option": "treatment-comparison", "files": { "html": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/spread.html", "preview": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/preview.webp", "case": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/case.json", "reuse": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/reuse.json", "guide": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/index.html", "prompt": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/prompt.txt" }, "case_id": "SC-2d5a4790f1754d18b8e1a7708f3a49fd", "audience_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "reader_outcome": "The reader can compare visual emphasis and ask which approach better serves the agreed brief.", "reasoning_relation": "distinct layout alternatives compared in equivalent outer frames using the same message and source material", "content_shape": { "composition": "The same message and material can take different compositions: compare how hierarchy, image emphasis and reading order present the invitation.", "selected_state": "Treatment comparison", "cardinality": { "semantic": "Comparable alternatives may vary in number; this visual instance supports two.", "tested": [ 2 ], "adaptation": "For three or four directions, use a readable grid or linked comparison passage and recheck comparable outer frames and legibility. Those instances are untested." } }, "required_slots": [ { "name": "title", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Decision the two alternatives prepare", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Decision the two alternatives prepare]", "markup": { "slot": "title", "annotation_status": "present in selected case HTML" } }, { "name": "treatments", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Equal side-by-side alternatives", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Equal side-by-side alternatives]", "markup": { "slot": "treatments", "annotation_status": "present in selected case HTML" } }, { "name": "treatment-1", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Complete first direction", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Complete first direction]", "markup": { "slot": "treatment-1", "annotation_status": "present in selected case HTML" } }, { "name": "option-1", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Neutral identifier, not a ranking", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Neutral identifier, not a ranking]", "markup": { "slot": "option-1", "annotation_status": "present in selected case HTML" } }, { "name": "direction-1", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "What distinguishes the first visual approach", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: What distinguishes the first visual approach]", "markup": { "slot": "direction-1", "annotation_status": "present in selected case HTML" } }, { "name": "mockup-1", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Editable visual demonstration of the common brief", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Editable visual demonstration of the common brief]", "markup": { "slot": "mockup-1", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-navigation", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same fictional page navigation in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same fictional page navigation in both treatments]", "markup": { "slot": "web-1-navigation", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-hero-title", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same primary proposition in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same primary proposition in both treatments]", "markup": { "slot": "web-1-hero-title", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-explanation", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same supporting explanation in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same supporting explanation in both treatments]", "markup": { "slot": "web-1-explanation", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-action", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same proposed reader action, displayed as a mockup rather than a live service", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same proposed reader action, displayed as a mockup rather than a live service]", "markup": { "slot": "web-1-action", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-hero-image", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable hero illustration, not evidence of a delivered service", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable hero illustration, not evidence of a delivered service]", "markup": { "slot": "web-1-hero-image", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-section-title", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same supporting proposition in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same supporting proposition in both treatments]", "markup": { "slot": "web-1-section-title", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-learning-image", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable learning scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable learning scene]", "markup": { "slot": "web-1-learning-image", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-learning-caption", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Caption explaining the learning scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Caption explaining the learning scene]", "markup": { "slot": "web-1-learning-caption", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-workplace-image", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable workplace scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable workplace scene]", "markup": { "slot": "web-1-workplace-image", "annotation_status": "present in selected case HTML" } }, { "name": "web-1-workplace-caption", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Caption explaining the workplace scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Caption explaining the workplace scene]", "markup": { "slot": "web-1-workplace-caption", "annotation_status": "present in selected case HTML" } }, { "name": "treatment-2", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Complete second direction", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Complete second direction]", "markup": { "slot": "treatment-2", "annotation_status": "present in selected case HTML" } }, { "name": "option-2", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Neutral identifier, not a ranking", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Neutral identifier, not a ranking]", "markup": { "slot": "option-2", "annotation_status": "present in selected case HTML" } }, { "name": "direction-2", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "What distinguishes the second visual approach", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: What distinguishes the second visual approach]", "markup": { "slot": "direction-2", "annotation_status": "present in selected case HTML" } }, { "name": "mockup-2", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable editable demonstration using the same content", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable editable demonstration using the same content]", "markup": { "slot": "mockup-2", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-navigation", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same fictional page navigation in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same fictional page navigation in both treatments]", "markup": { "slot": "web-2-navigation", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-hero-title", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same primary proposition in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same primary proposition in both treatments]", "markup": { "slot": "web-2-hero-title", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-explanation", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same supporting explanation in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same supporting explanation in both treatments]", "markup": { "slot": "web-2-explanation", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-action", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same proposed reader action, displayed as a mockup rather than a live service", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same proposed reader action, displayed as a mockup rather than a live service]", "markup": { "slot": "web-2-action", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-hero-image", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable hero illustration, not evidence of a delivered service", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable hero illustration, not evidence of a delivered service]", "markup": { "slot": "web-2-hero-image", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-section-title", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Same supporting proposition in both treatments", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Same supporting proposition in both treatments]", "markup": { "slot": "web-2-section-title", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-learning-image", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable learning scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable learning scene]", "markup": { "slot": "web-2-learning-image", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-learning-caption", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Caption explaining the learning scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Caption explaining the learning scene]", "markup": { "slot": "web-2-learning-caption", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-workplace-image", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Comparable workplace scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Comparable workplace scene]", "markup": { "slot": "web-2-workplace-image", "annotation_status": "present in selected case HTML" } }, { "name": "web-2-workplace-caption", "reader_question": "Which visual treatment best expresses the same agreed proposition for the intended audience?", "semantic_role": "Caption explaining the workplace scene", "content_unit_count": { "min": 1, "max": 1, "basis": "This populated instance; see cardinality for tested alternatives." }, "layout_budget": { "authored": "Follow the inspected instance; preserve complete claims and qualifications.", "policy": "Adapt geometry or split a passage when content does not fit." }, "placeholder": "[AUTHORISED CONTENT: Caption explaining the workplace scene]", "markup": { "slot": "web-2-workplace-caption", "annotation_status": "present in selected case HTML" } } ], "rejection_constraints": [ "Comparing strategies with different promises while pretending only style differs.", "A before/after proof claim or an effectiveness ranking without evidence." ], "option_guidance": [ "Keep the agreed message, factual claims, supplied assets and proposed action equivalent.", "Give alternatives equivalent outer frames and readable views. Internal arrangement, image scale, grouping and reading order may differ.", "When comparing layouts, show genuinely different compositions. If only colour changes, label it a colour comparison.", "Label alternatives neutrally; do not imply before/after or ranked performance.", "Explain the recommendation through the intended audience and brief." ], "provenance": { "basis": "Reviewed sanitised teaching case; private correspondence excluded", "payload_sha256": "2ac7cd2cff4f6bba7d7ff8db807d511b4c31822107ca48265378bb777668a127" }, "adaptation_rules": [ "Keep the agreed message, factual claims, supplied assets and proposed action equivalent.", "Give alternatives equivalent outer frames and readable views. Internal arrangement, image scale, grouping and reading order may differ.", "When comparing layouts, show genuinely different compositions. If only colour changes, label it a colour comparison.", "Label alternatives neutrally; do not imply before/after or ranked performance.", "Explain the recommendation through the intended audience and brief." ], "format_readiness": { "html": "Reviewed static HTML at widths 1600, 960 and 390 on eight surfaces; changed content requires fresh review.", "pptx": "unverified", "motion": "complete static composition only" }, "alternative": { "layout": "S57", "description": "Use aligned criteria when the decision depends on accessibility, costs or capabilities that images alone cannot show. Supply supported assessments; the matrix sacrifices the immediate visual comparison.", "basis": "conditional contract comparison; replacement not tested" } }, "narrative_profile": { "central_point": "The same message and material can take different compositions: compare how hierarchy, image emphasis and reading order present the invitation.", "communication_job": "choose-visual-direction", "audience_value": "Decision clarity through a fair comparison; neither colour nor position supplies a recommendation.", "reading_path": [ "Read the governing headline.", "Follow the mapped relationships in the actual slot order.", "Read the qualification and use the closing implication to prepare the next page." ], "adaptation": { "required_inputs": [ "An agreed brief and criteria for judging the treatments.", "The same message and source material presented through legible examples in comparable outer frames.", "Relevant accessibility and implementation constraints." ], "slot_guidance": { "title": "Decision the two alternatives prepare", "treatments": "Equal side-by-side alternatives", "treatment-1": "Complete first direction", "option-1": "Neutral identifier, not a ranking", "direction-1": "What distinguishes the first visual approach", "mockup-1": "Editable visual demonstration of the common brief", "web-1-navigation": "Same fictional page navigation in both treatments", "web-1-hero-title": "Same primary proposition in both treatments", "web-1-explanation": "Same supporting explanation in both treatments", "web-1-action": "Same proposed reader action, displayed as a mockup rather than a live service", "web-1-hero-image": "Comparable hero illustration, not evidence of a delivered service", "web-1-section-title": "Same supporting proposition in both treatments", "web-1-learning-image": "Comparable learning scene", "web-1-learning-caption": "Caption explaining the learning scene", "web-1-workplace-image": "Comparable workplace scene", "web-1-workplace-caption": "Caption explaining the workplace scene", "treatment-2": "Complete second direction", "option-2": "Neutral identifier, not a ranking", "direction-2": "What distinguishes the second visual approach", "mockup-2": "Comparable editable demonstration using the same content", "web-2-navigation": "Same fictional page navigation in both treatments", "web-2-hero-title": "Same primary proposition in both treatments", "web-2-explanation": "Same supporting explanation in both treatments", "web-2-action": "Same proposed reader action, displayed as a mockup rather than a live service", "web-2-hero-image": "Comparable hero illustration, not evidence of a delivered service", "web-2-section-title": "Same supporting proposition in both treatments", "web-2-learning-image": "Comparable learning scene", "web-2-learning-caption": "Caption explaining the learning scene", "web-2-workplace-image": "Comparable workplace scene", "web-2-workplace-caption": "Caption explaining the workplace scene" }, "can_change": [ "Scenario, brand, authorised content and imagery.", "Comparable alternatives may vary in number; this visual instance supports two.", "For three or four directions, use a readable grid or linked comparison passage and recheck comparable outer frames and legibility. Those instances are untested." ], "must_survive": [ "Keep the agreed message, factual claims, supplied assets and proposed action equivalent.", "Give alternatives equivalent outer frames and readable views. Internal arrangement, image scale, grouping and reading order may differ.", "When comparing layouts, show genuinely different compositions. If only colour changes, label it a colour comparison.", "Label alternatives neutrally; do not imply before/after or ranked performance.", "Explain the recommendation through the intended audience and brief." ] }, "narrative_fit": { "before": "Agree the proposition and selection criteria; show enough of each direction to make its rules understandable.", "after": "Choose or refine a direction, then check accessibility, real content and implementation.", "good_uses": [ "If the options change the proposition as well as the styling, compare the strategic choices separately before deciding the visual direction." ], "poor_fits": [ "Comparing strategies with different promises while pretending only style differs.", "A before/after proof claim or an effectiveness ranking without evidence." ] }, "worked_example": { "fictional": true, "scenario": "A fictional neighbourhood learning club compares two website treatments using the same membership message and illustrations.", "slot_fills": { "title": [ "content: The same invitation. Two ways in." ], "treatments": [ "content: Option 1 Split editorial layout OPEN LAB CLUB | Sessions / Membership Find your next question. Try a practical idea with people who enjoy learning together. Explore sessions Make room for discovery. Learn alongside others See ideas take shape Option 2 Image-led layout OPEN LAB CLUB | Sessions / Membership Find your next question. Try a practical idea with people who enjoy learning together. Explore sessions Make room for discovery. Learn alongside others See ideas take shape" ], "treatment-1": [ "content: Option 1 Split editorial layout OPEN LAB CLUB | Sessions / Membership Find your next question. Try a practical idea with people who enjoy learning together. Explore sessions Make room for discovery. Learn alongside others See ideas take shape" ], "option-1": [ "content: Option 1" ], "direction-1": [ "content: Split editorial layout" ], "mockup-1": [ "content: OPEN LAB CLUB | Sessions / Membership Find your next question. Try a practical idea with people who enjoy learning together. Explore sessions Make room for discovery. Learn alongside others See ideas take shape" ], "web-1-navigation": [ "content: OPEN LAB CLUB | Sessions / Membership" ], "web-1-hero-title": [ "content: Find your next question." ], "web-1-explanation": [ "content: Try a practical idea with people who enjoy learning together." ], "web-1-action": [ "content: Explore sessions" ], "web-1-hero-image": [ "image role: Generated sample art of people making together" ], "web-1-section-title": [ "content: Make room for discovery." ], "web-1-learning-image": [ "image role: Generated sample art of a learning team" ], "web-1-learning-caption": [ "content: Learn alongside others" ], "web-1-workplace-image": [ "image role: Generated sample art of a workplace" ], "web-1-workplace-caption": [ "content: See ideas take shape" ], "treatment-2": [ "content: Option 2 Image-led layout OPEN LAB CLUB | Sessions / Membership Find your next question. Try a practical idea with people who enjoy learning together. Explore sessions Make room for discovery. Learn alongside others See ideas take shape" ], "option-2": [ "content: Option 2" ], "direction-2": [ "content: Image-led layout" ], "mockup-2": [ "content: OPEN LAB CLUB | Sessions / Membership Find your next question. Try a practical idea with people who enjoy learning together. Explore sessions Make room for discovery. Learn alongside others See ideas take shape" ], "web-2-navigation": [ "content: OPEN LAB CLUB | Sessions / Membership" ], "web-2-hero-title": [ "content: Find your next question." ], "web-2-explanation": [ "content: Try a practical idea with people who enjoy learning together." ], "web-2-action": [ "content: Explore sessions" ], "web-2-hero-image": [ "image role: Generated sample art of people making together" ], "web-2-section-title": [ "content: Make room for discovery." ], "web-2-learning-image": [ "image role: Generated sample art of a learning team" ], "web-2-learning-caption": [ "content: Learn alongside others" ], "web-2-workplace-image": [ "image role: Generated sample art of a workplace" ], "web-2-workplace-caption": [ "content: See ideas take shape" ] }, "reasoning": "The split editorial layout places the invitation beside its main image, followed by two supporting image tiles. The image-led layout opens with a wide scene, centres the invitation beneath it and finishes with compact image-and-caption links. Both use the same copy, assets and action, so the viewer can judge how the composition changes emphasis and reading order.", "qualification": "Fictional teaching material. Proposed activity, planning assumptions and conceptual illustrations are not evidence of delivery, demand or results. Supply authorised facts and preserve necessary qualifications for a real project." }, "evidence": { "observations": [ "Reviewed fictional reconstruction and explicit slot map.", "Five populated instances checked across eight surfaces and three widths." ], "interpretations": [ "Decision clarity through a fair comparison; neither colour nor position supplies a recommendation." ], "not_verified": [ "Native editable PowerPoint, audience effectiveness and proposed replacements.", "Counts beyond those explicitly tested." ], "references": [ "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/case.json", "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/reuse.json", "case-batch-review.json" ] }, "review": { "status": "reviewed", "basis": "Version-bound semantic/privacy review of sanitised case plus static HTML checks; recheck any populated adaptation." }, "variation_relationship": "different-job" } } }, "narrative_profile": { "central_point": "Several cases illuminate the same issue through comparable detail.", "communication_job": "Let the reader compare what each case contributes without collapsing them into one claim.", "audience_value": "Explanation and perspective: enough context to understand distinct cases and see why they belong together.", "reading_path": [ "Read the title as the shared analytical frame.", "Read each column’s image, heading, explanation and tags together.", "Compare like roles across columns; the tags should expose meaningful distinctions rather than decorate." ], "adaptation": { "required_inputs": [ "Three cases with a shared question.", "A short explanation and two concise descriptors per case.", "Relevant labelled illustrations and any supporting evidence." ], "slot_guidance": { "head": "State the shared finding or question.", "items": "Three parallel case units: image, case-specific heading, explanation and two comparable tags." }, "can_change": [ "Case subject and illustrations.", "Supported options can change count or replace images with icons/text." ], "must_survive": [ "Comparable analytical roles across every column.", "Context remains attached to its case.", "One highlighted heading does not by itself mean a better case." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "head": "Three repair delays need different responses.", "items": [ "Missing parts | Illustration: empty parts tray | A job cannot start until the correct component arrives. | Tags: Parts / Availability", "Unclear fault | Illustration: inspection bench | A technician must diagnose the fault before estimating the work. | Tags: Diagnosis / Uncertainty", "Missed access | Illustration: closed doorway | The repairer and resident need an agreed access window. | Tags: Access / Scheduling" ] }, "reasoning": "The same service outcome is blocked by three different mechanisms; the comparison prepares differentiated remedies.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Define the delay categories and their evidence base.", "after": "Map a suitable response to each cause, or examine one case in depth.", "good_uses": [ "Comparable cases", "Audience or market differences", "Three supporting mechanisms" ], "poor_fits": [ "A ranking with no shared criteria", "Unrelated anecdotes" ] }, "evidence": { "observations": [ "Viewed source: three image-and-text columns under one shared finding, each with paired contextual chips. Current default uses historical case examples instead.", "Current markup and the named slot contract were inspected." ], "interpretations": [ "Communication job, audience value and adaptation advice are layout-contract interpretations. They are not verified statements of source-author intent." ], "not_verified": [ "Source-author intent, surrounding source sequence, sample factual claims and audience effect were not independently verified." ], "references": [ "02_product/spreads/S11-three-detail/source.webp", "dist/S11-three-detail/spread.html", "dist/S11-three-detail/spread.json", "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" ] }, "review": { "status": "reviewed", "basis": "Viewed base source capture, inspected current markup/slots and reviewed the example for reasoning fit; no source-intent or empirical validation claim." }, "variation_relationship": "base" } }, "options": [ { "id": "two", "what": "Two columns instead of three" }, { "id": "cards", "what": "Colour cards with an icon instead of pictures" }, { "id": "bullets", "what": "Bullet points instead of a paragraph" }, { "id": "text", "what": "Text columns: a heading and a short paragraph per column, no pictures, under a ruled title; one heading in the accent colour" }, { "id": "polaroid", "what": "Three captioned photos, centre portrait taller; drag or arrow-key repositioning, reset button and static reading order.", "sources": [ { "ref": "useLayouts Polaroid Drag", "url": "https://uselayouts.com/docs/components/polaroid-drag" } ] }, { "id": "treatment-comparison", "what": "The same message and material can take different compositions: compare how hierarchy, image emphasis and reading order present the invitation.", "label": "Treatment comparison", "surface": "paper", "files": { "html": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/spread.html", "preview": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/preview.webp", "case": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/case.json", "reuse": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/reuse.json", "guide": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/index.html", "prompt": "cases/sc-2d5a4790f1754d18b8e1a7708f3a49fd/prompt.txt" }, "case_id": "SC-2d5a4790f1754d18b8e1a7708f3a49fd", "cardinality": { "semantic": "Comparable alternatives may vary in number; this visual instance supports two.", "tested": [ 2 ], "adaptation": "For three or four directions, use a readable grid or linked comparison passage and recheck comparable outer frames and legibility. Those instances are untested." } } ], "also_seen_in": [], "source": { "ref": "Hoffman L11 Image columns", "url": "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" } }