{ "code": "S62", "name": "Centred hero", "shape": "hero", "family": "Openers and endings", "fits": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "use_when": "When the reader should see what TDW is and what to do next before anything else, with the product (or one picture) right below.", "slots": [ { "name": "pill", "holds": "a small label with a highlighted word: what is new", "budget": "1 highlighted word + under 7 words" }, { "name": "headline", "holds": "the promise, centred, two lines", "budget": "under 9 words" }, { "name": "blurb", "holds": "one sentence that explains the promise", "budget": "under 25 words" }, { "name": "buttons", "holds": "a main action and a quieter second action", "budget": "2-3 words each" }, { "name": "screen", "holds": "a product screen drawn from tokens (window bar, sidebar, list, reading pane), full content width, cut off by the frame bottom", "budget": "no copy" }, { "name": "illustration", "holds": "photo option: one wide illustration in place of the screen; picture-first option: one object above the headline", "budget": "16:9" } ], "columns": 1, "density": "airy", "surface": "deep", "works_on": [ "deck", "page" ], "library": "Tailark", "dir": "S62-centred-hero", "semantic": { "audience_question": "What is promised, what can I do, and what does the product look like?", "intent": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "message_pattern": "[Specific offer] helps [audience] achieve [outcome] through [mechanism]. [Next action].", "required_content": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "A product view labeled as illustrative if it is not the actual product." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "Identify the audience or arrive from a relevant invitation." ], "enables_after": [ "Demonstrate the workflow, show evidence, and explain availability before asking for commitment." ], "slot_roles": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "screen": "Illustrate the relevant product workflow and state; the token-drawn screen is a specimen, not proof of shipped functionality." }, "avoid_when": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ], "layout_specific_contract": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "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": "Recognize a concise offer and choose a real next action.", "matching": { "audience_question": "What is promised, what can I do, and what does the product look like?", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "content_shape": { "composition": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "selected_state": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pill", "reader_question": "What does the pill contribute to this page’s reader outcome?", "semantic_role": "A truthful update or category cue; do not invent novelty.", "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 · pill · a small label with a highlighted word: what is new]", "layout_budget": { "authored": "1 highlighted word + under 7 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pill", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 8 ] } }, { "name": "headline", "reader_question": "What is promised, what can I do, and what does the product look like?", "semantic_role": "The primary benefit or job the offer performs.", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "Explain for whom and how, including a necessary limit.", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "buttons", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "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 · buttons · a main action and a quieter second action]", "layout_budget": { "authored": "2-3 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "buttons", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "screen", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "Illustrate the relevant product workflow and state; the token-drawn screen is a specimen, not proof of shipped functionality.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · screen · a product screen drawn from tokens (window bar, sidebar, list, reading pane), full content width, cut off by the frame bottom]", "layout_budget": { "authored": "no copy", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "screen", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "A product mockup presented as shipped behaviour or actions with no valid destination.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "default", "composition_delta": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S62 default when the supplied material answers “What is promised, what can I do, and what does the product look like?” through offer, supporting line and product view. Respect this state: The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product." }, "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": 1, "source_visual_sha256": [ "63c1d7932cf6b751c009ffaaae3987a1775e7adc66eea19dc0361354e767e01e" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "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 product mockup presented as shipped behaviour or actions with no valid destination.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "markup_inventory": { "file": "spread.html", "sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "illustration": 2, "pill": 1, "headline": 1, "blurb": 1, "buttons": 1, "link": 1, "form": 1, "screen": 1 }, "slot_evidence": { "illustration": [ { "tag": "figure", "classes": "ph cut r-16x9 pic", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph r-16x9 photo", "sample_word_count": 0, "repeated_children": 1 } ], "pill": [ { "tag": "span", "classes": "pill", "sample_word_count": 8, "repeated_children": 1 } ], "headline": [ { "tag": "h1", "classes": "title", "sample_word_count": 6, "repeated_children": 0 } ], "blurb": [ { "tag": "p", "classes": "sub", "sample_word_count": 20, "repeated_children": 0 } ], "buttons": [ { "tag": "div", "classes": "btns", "sample_word_count": 6, "repeated_children": 2 } ], "link": [ { "tag": "a", "classes": "tlink", "sample_word_count": 6, "repeated_children": 0 } ], "form": [ { "tag": "div", "classes": "formbar", "sample_word_count": 5, "repeated_children": 3 } ], "screen": [ { "tag": "div", "classes": "shot", "sample_word_count": 0, "repeated_children": 2 } ] }, "option_selectors": [ "cta", "framed", "photo", "picture-first", "signup" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" } ] }, "variations": { "framed": { "audience_question": "What is promised, what can I do, and what does the product look like?", "intent": "Recognize a concise offer and choose a real next action.", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "slot_roles": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "screen": "Illustrate the relevant product workflow and state; the token-drawn screen is a specimen, not proof of shipped functionality." }, "matching": { "audience_question": "What is promised, what can I do, and what does the product look like?", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "content_shape": { "composition": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "selected_state": "The screen sits inside a coloured gradient frame", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pill", "reader_question": "What does the pill contribute to this page’s reader outcome?", "semantic_role": "A truthful update or category cue; do not invent novelty.", "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 · pill · a small label with a highlighted word: what is new]", "layout_budget": { "authored": "1 highlighted word + under 7 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pill", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 8 ] } }, { "name": "headline", "reader_question": "What is promised, what can I do, and what does the product look like?", "semantic_role": "The primary benefit or job the offer performs.", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "Explain for whom and how, including a necessary limit.", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "buttons", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "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 · buttons · a main action and a quieter second action]", "layout_budget": { "authored": "2-3 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "buttons", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "screen", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "Illustrate the relevant product workflow and state; the token-drawn screen is a specimen, not proof of shipped functionality.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · screen · a product screen drawn from tokens (window bar, sidebar, list, reading pane), full content width, cut off by the frame bottom]", "layout_budget": { "authored": "no copy", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "screen", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "A product mockup presented as shipped behaviour or actions with no valid destination.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "framed", "composition_delta": "The screen sits inside a coloured gradient frame", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S62 framed when the supplied material answers “What is promised, what can I do, and what does the product look like?” through offer, supporting line and product view. Respect this state: The screen sits inside a coloured gradient frame" }, "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": 1, "source_visual_sha256": [ "63c1d7932cf6b751c009ffaaae3987a1775e7adc66eea19dc0361354e767e01e" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "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": "An opening promise connects to a concrete product view and two clearly different next actions.", "communication_job": "Same communication job as default. Same promise and product view, with the screen inside a colored frame; the frame adds emphasis, not evidence.", "audience_value": "Orientation: turns an unfamiliar offer into an understandable first step; the product view can illustrate the mechanism but does not prove results.", "reading_path": [ "Same promise and product view, with the screen inside a colored frame; the frame adds emphasis, not evidence.", "Read the small update label and central promise.", "Use the supporting sentence to define the promise’s scope.", "Choose the primary or secondary action, with the product view showing what the offer refers to." ], "adaptation": { "required_inputs": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "A product view labeled as illustrative if it is not the actual product." ], "slot_guidance": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "screen": "Illustrate the relevant product workflow and state; the token-drawn screen is a specimen, not proof of shipped functionality." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Promise, screen and action describe the same offer.", "Demonstration and released capability remain distinct.", "No placeholder href or fake field is presented as a completed action." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair-booking workspace introduces its purpose.", "slot_fills": { "pill": "Pilot · Repair bookings in one place", "headline": "Know where your repair request stands.", "blurb": "A fictional booking workspace keeps intake notes, appointments and handover status together for volunteer repair teams.", "buttons": "View sample / Read method", "screen": "Illustrative workspace: request list at left, selected lamp intake note at right, appointment and handover state clearly labeled." }, "reasoning": "The promise is made concrete by the request-to-handover workflow. The two actions distinguish seeing an example from understanding the process.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "Identify the audience or arrive from a relevant invitation.", "after": "Demonstrate the workflow, show evidence, and explain availability before asking for commitment.", "good_uses": [ "Product or pitch opener with an understandable workflow." ], "poor_fits": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "evidence": { "observations": [ "Retained source centers a promise and actions above a large product screen.", "Current default shows pill, headline, blurb, buttons and token-drawn screen; image branches are hidden." ], "interpretations": [ "The communication job and reuse advice are inferred from the current arrangement and slot contract, not independently confirmed source intent." ], "not_verified": [ "Original author intent, factual accuracy of sample copy and persuasion effects are not verified.", "No confidential archive or proposal corpus was used.", "Variant-specific source playback was not independently tested; the variation reading uses its current implementation and metadata." ], "references": [ "dist/S62-centred-hero/spread.json", "dist/S62-centred-hero/spread.html", "02_product/spreads/S62-centred-hero/source.webp (viewed for arrangement)" ] }, "review": { "status": "reviewed", "basis": "Motif inspected current metadata, active markup and the retained source arrangement, then checked the fictional example against the content roles. This is a layout-contract adaptation review." }, "variation_relationship": "same-job" }, "required_content": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "A product view labeled as illustrative if it is not the actual product." ], "requires_before": [ "Identify the audience or arrive from a relevant invitation." ], "enables_after": [ "Demonstrate the workflow, show evidence, and explain availability before asking for commitment." ], "avoid_when": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "photo": { "audience_question": "What is promised, what can I do, and what does the product look like?", "intent": "Recognize a concise offer and choose a real next action.", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "slot_roles": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "illustration": "A relevant scene or object that identifies the offer; state that it is illustrative and do not imply a visible product capability." }, "matching": { "audience_question": "What is promised, what can I do, and what does the product look like?", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "content_shape": { "composition": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "selected_state": "A full-width illustration instead of the screen", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pill", "reader_question": "What does the pill contribute to this page’s reader outcome?", "semantic_role": "A truthful update or category cue; do not invent novelty.", "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 · pill · a small label with a highlighted word: what is new]", "layout_budget": { "authored": "1 highlighted word + under 7 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pill", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 8 ] } }, { "name": "headline", "reader_question": "What is promised, what can I do, and what does the product look like?", "semantic_role": "The primary benefit or job the offer performs.", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "Explain for whom and how, including a necessary limit.", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "buttons", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "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 · buttons · a main action and a quieter second action]", "layout_budget": { "authored": "2-3 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "buttons", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "illustration", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "A relevant scene or object that identifies the offer; state that it is illustrative and do not imply a visible product capability.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · photo option: one wide illustration in place of the screen; picture-first option: one object above the headline]", "layout_budget": { "authored": "16:9", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "illustration", "occurrences": 2, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0, 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "A product mockup presented as shipped behaviour or actions with no valid destination.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "photo", "composition_delta": "A full-width illustration instead of the screen", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S62 photo when the supplied material answers “What is promised, what can I do, and what does the product look like?” through offer, supporting line and product view. Respect this state: A full-width illustration instead of the screen" }, "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": 1, "source_visual_sha256": [ "63c1d7932cf6b751c009ffaaae3987a1775e7adc66eea19dc0361354e767e01e" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "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": "An opening promise connects to a concrete product view and two clearly different next actions.", "communication_job": "Same communication job as default. A wide illustrative scene replaces the product screen below the promise.", "audience_value": "Orientation: turns an unfamiliar offer into an understandable first step; the product view can illustrate the mechanism but does not prove results.", "reading_path": [ "A wide illustrative scene replaces the product screen below the promise.", "Read the small update label and central promise.", "Use the supporting sentence to define the promise’s scope.", "Choose the primary or secondary action, with the product view showing what the offer refers to." ], "adaptation": { "required_inputs": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "One clearly illustrative asset tied to the promise." ], "slot_guidance": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "illustration": "A relevant scene or object that identifies the offer; state that it is illustrative and do not imply a visible product capability." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Promise, screen and action describe the same offer.", "Demonstration and released capability remain distinct.", "No placeholder href or fake field is presented as a completed action." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair-booking workspace introduces its purpose.", "slot_fills": { "pill": "Pilot · Repair bookings in one place", "headline": "Know where your repair request stands.", "blurb": "A fictional booking workspace keeps intake notes, appointments and handover status together for volunteer repair teams.", "buttons": "View sample / Read method", "illustration": "Illustrative scene: a volunteer checks a repair intake card beside a lamp; not documentary evidence." }, "reasoning": "The scene establishes the use context. The words and action must explain the workflow because the image no longer demonstrates an interface.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "Identify the audience or arrive from a relevant invitation.", "after": "Demonstrate the workflow, show evidence, and explain availability before asking for commitment.", "good_uses": [ "Product or pitch opener with an understandable workflow." ], "poor_fits": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "evidence": { "observations": [ "Retained source centers a promise and actions above a large product screen.", "Current default shows pill, headline, blurb, buttons and token-drawn screen; image branches are hidden." ], "interpretations": [ "The communication job and reuse advice are inferred from the current arrangement and slot contract, not independently confirmed source intent." ], "not_verified": [ "Original author intent, factual accuracy of sample copy and persuasion effects are not verified.", "No confidential archive or proposal corpus was used.", "Variant-specific source playback was not independently tested; the variation reading uses its current implementation and metadata." ], "references": [ "dist/S62-centred-hero/spread.json", "dist/S62-centred-hero/spread.html", "02_product/spreads/S62-centred-hero/source.webp (viewed for arrangement)" ] }, "review": { "status": "reviewed", "basis": "Motif inspected current metadata, active markup and the retained source arrangement, then checked the fictional example against the content roles. This is a layout-contract adaptation review." }, "variation_relationship": "same-job" }, "required_content": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "One clearly illustrative asset tied to the promise." ], "requires_before": [ "Identify the audience or arrive from a relevant invitation." ], "enables_after": [ "Demonstrate the workflow, show evidence, and explain availability before asking for commitment." ], "avoid_when": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "picture-first": { "audience_question": "What is promised, what can I do, and what does the product look like?", "intent": "Recognize a concise offer and choose a real next action.", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "slot_roles": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "illustration": "A relevant scene or object that identifies the offer; state that it is illustrative and do not imply a visible product capability." }, "matching": { "audience_question": "What is promised, what can I do, and what does the product look like?", "reader_outcome": "Recognize a concise offer and choose a real next action.", "reasoning_relation": "offer, supporting line and product view", "content_shape": { "composition": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "selected_state": "One illustration above the centred headline, no screen", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pill", "reader_question": "What does the pill contribute to this page’s reader outcome?", "semantic_role": "A truthful update or category cue; do not invent novelty.", "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 · pill · a small label with a highlighted word: what is new]", "layout_budget": { "authored": "1 highlighted word + under 7 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pill", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 8 ] } }, { "name": "headline", "reader_question": "What is promised, what can I do, and what does the product look like?", "semantic_role": "The primary benefit or job the offer performs.", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "Explain for whom and how, including a necessary limit.", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "buttons", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "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 · buttons · a main action and a quieter second action]", "layout_budget": { "authored": "2-3 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "buttons", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "illustration", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "A relevant scene or object that identifies the offer; state that it is illustrative and do not imply a visible product capability.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · photo option: one wide illustration in place of the screen; picture-first option: one object above the headline]", "layout_budget": { "authored": "16:9", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "illustration", "occurrences": 2, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0, 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "A product mockup presented as shipped behaviour or actions with no valid destination.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "picture-first", "composition_delta": "One illustration above the centred headline, no screen", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S62 picture-first when the supplied material answers “What is promised, what can I do, and what does the product look like?” through offer, supporting line and product view. Respect this state: One illustration above the centred headline, no screen" }, "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": 1, "source_visual_sha256": [ "63c1d7932cf6b751c009ffaaae3987a1775e7adc66eea19dc0361354e767e01e" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "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": "An opening promise connects to a concrete product view and two clearly different next actions.", "communication_job": "Same communication job as default. One illustrative object precedes the headline; the screen is absent.", "audience_value": "Orientation: turns an unfamiliar offer into an understandable first step; the product view can illustrate the mechanism but does not prove results.", "reading_path": [ "One illustrative object precedes the headline; the screen is absent.", "Read the small update label and central promise.", "Use the supporting sentence to define the promise’s scope.", "Choose the primary or secondary action, with the product view showing what the offer refers to." ], "adaptation": { "required_inputs": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "One clearly illustrative asset tied to the promise." ], "slot_guidance": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "illustration": "A relevant scene or object that identifies the offer; state that it is illustrative and do not imply a visible product capability." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Promise, screen and action describe the same offer.", "Demonstration and released capability remain distinct.", "No placeholder href or fake field is presented as a completed action." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair-booking workspace introduces its purpose.", "slot_fills": { "pill": "Pilot · Repair bookings in one place", "headline": "Know where your repair request stands.", "blurb": "A fictional booking workspace keeps intake notes, appointments and handover status together for volunteer repair teams.", "buttons": "View sample / Read method", "illustration": "Illustrative scene: a volunteer checks a repair intake card beside a lamp; not documentary evidence." }, "reasoning": "The scene establishes the use context. The words and action must explain the workflow because the image no longer demonstrates an interface.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "Identify the audience or arrive from a relevant invitation.", "after": "Demonstrate the workflow, show evidence, and explain availability before asking for commitment.", "good_uses": [ "Product or pitch opener with an understandable workflow." ], "poor_fits": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "evidence": { "observations": [ "Retained source centers a promise and actions above a large product screen.", "Current default shows pill, headline, blurb, buttons and token-drawn screen; image branches are hidden." ], "interpretations": [ "The communication job and reuse advice are inferred from the current arrangement and slot contract, not independently confirmed source intent." ], "not_verified": [ "Original author intent, factual accuracy of sample copy and persuasion effects are not verified.", "No confidential archive or proposal corpus was used.", "Variant-specific source playback was not independently tested; the variation reading uses its current implementation and metadata." ], "references": [ "dist/S62-centred-hero/spread.json", "dist/S62-centred-hero/spread.html", "02_product/spreads/S62-centred-hero/source.webp (viewed for arrangement)" ] }, "review": { "status": "reviewed", "basis": "Motif inspected current metadata, active markup and the retained source arrangement, then checked the fictional example against the content roles. This is a layout-contract adaptation review." }, "variation_relationship": "same-job" }, "required_content": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "One clearly illustrative asset tied to the promise." ], "requires_before": [ "Identify the audience or arrive from a relevant invitation." ], "enables_after": [ "Demonstrate the workflow, show evidence, and explain availability before asking for commitment." ], "avoid_when": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "cta": { "audience_question": "What single next action closes this offer?", "intent": "Understand a closing ask with one primary action and one quiet alternative.", "reader_outcome": "Understand a closing ask with one primary action and one quiet alternative.", "reasoning_relation": "closing invitation", "slot_roles": { "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "One visible primary action in the buttons group; the secondary ghost button is hidden.", "link": "A quieter real alternative, with a truthful destination." }, "matching": { "audience_question": "What single next action closes this offer?", "reader_outcome": "Understand a closing ask with one primary action and one quiet alternative.", "reasoning_relation": "closing invitation", "content_shape": { "composition": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "selected_state": "Closing call to action: centred title, one line, one button and a small text link; no pill, no picture", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "headline", "reader_question": "What is promised, what can I do, and what does the product look like?", "semantic_role": "The primary benefit or job the offer performs.", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "Explain for whom and how, including a necessary limit.", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "buttons", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "One visible primary action in the buttons group; the secondary ghost button is hidden.", "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 · buttons · a main action and a quieter second action]", "layout_budget": { "authored": "2-3 words each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "buttons", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "link", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "A quieter real alternative, with a truthful destination.", "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 · link · A real quieter alternative destination with a truthful label.]", "layout_budget": { "authored": "one destination; 2-4 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "link", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } } ], "rejection_constraints": [ "New product evidence or several competing CTAs inserted into the simple close.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "cta", "composition_delta": "Closing call to action: centred title, one line, one button and a small text link; no pill, no picture", "semantic_change": "changes content relationship", "matching_instruction": "Select S62 cta when the supplied material answers “What single next action closes this offer?” through closing invitation. Respect this state: Closing call to action: centred title, one line, one button and a small text link; no pill, no picture" }, "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": 1, "source_visual_sha256": [ "63c1d7932cf6b751c009ffaaae3987a1775e7adc66eea19dc0361354e767e01e" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "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": "headline", "reader_question": "What single next action closes this offer?", "semantic_role": "the promise, centred, two lines", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "one sentence that explains the promise", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "button", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "The one primary action with its real destination.", "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 · button · The one primary action with its real destination.]", "layout_budget": { "authored": "one action; 2-3 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "button", "occurrences": 0, "annotation_status": "unannotated semantic unit; locate in authored structure", "visibility_status": "not asserted from static parsing" } }, { "name": "link", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "A real quieter alternative destination with a truthful label.", "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 · link · A real quieter alternative destination with a truthful label.]", "layout_budget": { "authored": "one destination; 2-4 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "link", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } } ], "contract_correction": { "date": "2026-10-13", "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.", "records": [ { "code": "S62", "option": "cta", "slots": [ "headline", "blurb", "buttons", "link" ] } ] } }, "narrative_profile": { "central_point": "After the offer has been explained, the reader needs one clear next step and a lower-commitment alternative.", "communication_job": "Convert an already-established argument into one proportionate next action.", "audience_value": "Decision support: offers one proportionate next step after the case is established, with a lower-commitment alternative.", "reading_path": [ "The pill and picture disappear; one primary action and a quieter text link become the closing decision.", "Read the small update label and central promise.", "Use the supporting sentence to define the promise’s scope.", "Choose the primary or secondary action, with the product view showing what the offer refers to." ], "adaptation": { "required_inputs": [ "An established case for action.", "A proportionate primary step and one real alternative." ], "slot_guidance": { "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "One visible primary action in the buttons group; the secondary ghost button is hidden.", "link": "A quieter real alternative, with a truthful destination." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Promise, screen and action describe the same offer.", "Demonstration and released capability remain distinct.", "No placeholder href or fake field is presented as a completed action." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair-booking workspace introduces its purpose.", "slot_fills": { "headline": "Try one branch first.", "blurb": "Review the sample workflow, then request a scoped pilot discussion with the repair team.", "buttons": "Request pilot details", "link": "Read sample workflow" }, "reasoning": "The action asks for a bounded next conversation after the case, not an unexplained purchase.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "Explain the offer, limits and evidence.", "after": "Deliver the promised information or handle the requested conversation.", "good_uses": [ "A closing invitation after a complete argument." ], "poor_fits": [ "An opening action without context.", "A button that claims enrollment when it only opens a link." ] }, "evidence": { "observations": [ "CTA CSS hides pill, screen and secondary ghost action; one primary action remains in the buttons group plus a separate text link.", "Corrected matching uses the active buttons group." ], "interpretations": [ "The communication job and reuse advice are inferred from the current arrangement and slot contract, not independently confirmed source intent." ], "not_verified": [ "Original author intent, factual accuracy of sample copy and persuasion effects are not verified.", "No confidential archive or proposal corpus was used.", "Variant-specific source playback was not independently tested; the variation reading uses its current implementation and metadata." ], "references": [ "dist/S62-centred-hero/spread.json", "dist/S62-centred-hero/spread.html", "02_product/spreads/S62-centred-hero/source.webp (viewed for arrangement)" ] }, "review": { "status": "reviewed", "basis": "Motif rechecked the corrected selected matching contract against active markup and example roles/cardinality. This confirms layout-contract adaptation, not source author intent, factual proof or rendered usability." }, "variation_relationship": "different-job" }, "required_content": [ "An established case for action.", "A proportionate primary step and one real alternative." ], "requires_before": [ "Explain the offer, limits and evidence." ], "enables_after": [ "Deliver the promised information or handle the requested conversation." ], "avoid_when": [ "An opening action without context.", "A button that claims enrollment when it only opens a link." ] }, "signup": { "audience_question": "What information am I asked to provide, and why?", "intent": "Understand a bounded signup request and its two input fields.", "reader_outcome": "Understand a bounded signup request and its two input fields.", "reasoning_relation": "offer and bounded input request", "slot_roles": { "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "illustration": "Contextual background; it carries no essential instruction.", "form": "Two displayed fields and one action with truthful handling, consent and delivery expectations; current preview is not a connected form." }, "matching": { "audience_question": "What information am I asked to provide, and why?", "reader_outcome": "Understand a bounded signup request and its two input fields.", "reasoning_relation": "offer and bounded input request", "content_shape": { "composition": "The top of a landing page or the first slide of a pitch: one promise, one supporting line, two actions and a look at the product.", "selected_state": "Centred headline over a full-bleed scene; the buttons become one bar of two fields and a button", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "headline", "reader_question": "What information am I asked to provide, and why?", "semantic_role": "The primary benefit or job the offer performs.", "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 · headline · the promise, centred, two lines]", "layout_budget": { "authored": "under 9 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "headline", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "blurb", "reader_question": "What does the blurb contribute to this page’s reader outcome?", "semantic_role": "Explain for whom and how, including a necessary limit.", "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 · blurb · one sentence that explains the promise]", "layout_budget": { "authored": "under 25 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "blurb", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 20 ] } }, { "name": "illustration", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "Contextual background; it carries no essential instruction.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · illustration · photo option: one wide illustration in place of the screen; picture-first option: one object above the headline]", "layout_budget": { "authored": "16:9", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "illustration", "occurrences": 2, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0, 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." }, { "name": "form", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "Two displayed fields and one action with truthful handling, consent and delivery expectations; current preview is not a connected form.", "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 · form · The selected option’s input fields and an honest handling/submit description.]", "layout_budget": { "authored": "2 fields in S62 signup; preserve authored count elsewhere", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "form", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 5 ] } } ], "rejection_constraints": [ "An unwired form implying successful signup or a hidden handling destination.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "signup", "composition_delta": "Centred headline over a full-bleed scene; the buttons become one bar of two fields and a button", "semantic_change": "changes content relationship", "matching_instruction": "Select S62 signup when the supplied material answers “What information am I asked to provide, and why?” through offer and bounded input request. Respect this state: Centred headline over a full-bleed scene; the buttons become one bar of two fields and a button" }, "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": 1, "source_visual_sha256": [ "63c1d7932cf6b751c009ffaaae3987a1775e7adc66eea19dc0361354e767e01e" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9e8dc6449d284a9295565f1b54d2c136761cde2e9b078de63787942d9adab11c", "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": "A signup invitation exchanges a clear, bounded benefit for explicitly stated input.", "communication_job": "Explain why a reader would request updates and what information the request needs.", "audience_value": "Orientation and informed choice: tells readers what update they would receive and what information the request would require.", "reading_path": [ "The buttons become a name/email signup bar over an illustrative scene.", "Read the small update label and central promise.", "Use the supporting sentence to define the promise’s scope.", "Choose the primary or secondary action, with the product view showing what the offer refers to." ], "adaptation": { "required_inputs": [ "A defined update benefit, cadence and audience.", "A real consent/data-handling process before making the form functional." ], "slot_guidance": { "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "illustration": "Contextual background; it carries no essential instruction.", "form": "Two displayed fields and one action with truthful handling, consent and delivery expectations; current preview is not a connected form." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Promise, screen and action describe the same offer.", "Demonstration and released capability remain distinct.", "No placeholder href or fake field is presented as a completed action." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair-booking workspace introduces its purpose.", "slot_fills": { "headline": "Follow the one-branch pilot.", "blurb": "Request a monthly note on the fictional booking trial, including limitations and what changes next.", "illustration": "Illustrative workshop scene, visually subordinate to the invitation.", "form": "Email field: Your email. Name field: Your name. Action: Request pilot updates. Prototype notice: these drawn fields do not submit." }, "reasoning": "The invitation names what readers would receive and does not pretend the existing decorative fields collect data.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "Explain the pilot and its relevance.", "after": "Confirm a real submission only if a functioning, authorized form is implemented.", "good_uses": [ "A clearly labeled signup concept or implemented update invitation." ], "poor_fits": [ "Pretending a static mockup saved personal information." ] }, "evidence": { "observations": [ "Retained source centers a promise and actions above a large product screen.", "Current default shows pill, headline, blurb, buttons and token-drawn screen; image branches are hidden." ], "interpretations": [ "The communication job and reuse advice are inferred from the current arrangement and slot contract, not independently confirmed source intent." ], "not_verified": [ "Original author intent, factual accuracy of sample copy and persuasion effects are not verified.", "No confidential archive or proposal corpus was used.", "Variant-specific source playback was not independently tested; the variation reading uses its current implementation and metadata." ], "references": [ "dist/S62-centred-hero/spread.json", "dist/S62-centred-hero/spread.html", "02_product/spreads/S62-centred-hero/source.webp (viewed for arrangement)" ] }, "review": { "status": "reviewed", "basis": "Motif inspected current metadata, active markup and the retained source arrangement, then checked the fictional example against the content roles. This is a layout-contract adaptation review." }, "variation_relationship": "different-job" }, "required_content": [ "A defined update benefit, cadence and audience.", "A real consent/data-handling process before making the form functional." ], "requires_before": [ "Explain the pilot and its relevance." ], "enables_after": [ "Confirm a real submission only if a functioning, authorized form is implemented." ], "avoid_when": [ "Pretending a static mockup saved personal information." ] } }, "narrative_profile": { "central_point": "An opening promise connects to a concrete product view and two clearly different next actions.", "communication_job": "Answer what this offer does, why it is relevant and how to begin or inspect it further.", "audience_value": "Orientation: turns an unfamiliar offer into an understandable first step; the product view can illustrate the mechanism but does not prove results.", "reading_path": [ "Read the small update label and central promise.", "Use the supporting sentence to define the promise’s scope.", "Choose the primary or secondary action, with the product view showing what the offer refers to." ], "adaptation": { "required_inputs": [ "One honest promise and bounded explanation.", "A truthful update label.", "Two real destinations with different commitment levels.", "A product view labeled as illustrative if it is not the actual product." ], "slot_guidance": { "pill": "A truthful update or category cue; do not invent novelty.", "headline": "The primary benefit or job the offer performs.", "blurb": "Explain for whom and how, including a necessary limit.", "buttons": "Primary start action plus quieter inspect/learn action; each needs a real destination.", "screen": "Illustrate the relevant product workflow and state; the token-drawn screen is a specimen, not proof of shipped functionality." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Promise, screen and action describe the same offer.", "Demonstration and released capability remain distinct.", "No placeholder href or fake field is presented as a completed action." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair-booking workspace introduces its purpose.", "slot_fills": { "pill": "Pilot · Repair bookings in one place", "headline": "Know where your repair request stands.", "blurb": "A fictional booking workspace keeps intake notes, appointments and handover status together for volunteer repair teams.", "buttons": "View sample / Read method", "screen": "Illustrative workspace: request list at left, selected lamp intake note at right, appointment and handover state clearly labeled." }, "reasoning": "The promise is made concrete by the request-to-handover workflow. The two actions distinguish seeing an example from understanding the process.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "Identify the audience or arrive from a relevant invitation.", "after": "Demonstrate the workflow, show evidence, and explain availability before asking for commitment.", "good_uses": [ "Product or pitch opener with an understandable workflow." ], "poor_fits": [ "An unsupported superlative.", "A mock screen passed off as a functioning service." ] }, "evidence": { "observations": [ "Retained source centers a promise and actions above a large product screen.", "Current default shows pill, headline, blurb, buttons and token-drawn screen; image branches are hidden." ], "interpretations": [ "The communication job and reuse advice are inferred from the current arrangement and slot contract, not independently confirmed source intent." ], "not_verified": [ "Original author intent, factual accuracy of sample copy and persuasion effects are not verified.", "No confidential archive or proposal corpus was used." ], "references": [ "dist/S62-centred-hero/spread.json", "dist/S62-centred-hero/spread.html", "02_product/spreads/S62-centred-hero/source.webp (viewed for arrangement)" ] }, "review": { "status": "reviewed", "basis": "Motif inspected current metadata, active markup and the retained source arrangement, then checked the fictional example against the content roles. This is a layout-contract adaptation review." }, "variation_relationship": "base" } }, "options": [ { "id": "framed", "what": "The screen sits inside a coloured gradient frame" }, { "id": "photo", "what": "A full-width illustration instead of the screen" }, { "id": "picture-first", "what": "One illustration above the centred headline, no screen" }, { "id": "cta", "what": "Closing call to action: centred title, one line, one button and a small text link; no pill, no picture" }, { "id": "signup", "what": "Centred headline over a full-bleed scene; the buttons become one bar of two fields and a button" } ], "also_seen_in": [], "source": { "ref": "Tailark dusk hero 1", "url": "https://oss.tailark.com/view/dusk-hero-section-1?theme=light" } }