{ "code": "S05", "name": "Punchline", "shape": "hinge-word", "family": "One big line", "fits": "A sentence whose weight sits on one final word.", "use_when": "Once per piece, at the loudest moment.", "slots": [ { "name": "setup", "holds": "the words before the hinge, small, top left", "budget": "under 6 words" }, { "name": "word", "holds": "the hinge word, enormous", "budget": "1 word" }, { "name": "aside", "holds": "one whispered line, bottom right", "budget": "under 20 words" }, { "name": "emoji", "holds": "one Noto emoji beside the aside (decks only)", "budget": "1" } ], "columns": 1, "density": "airy", "surface": "plum", "works_on": [ "deck", "page" ], "library": "Hoffman", "dir": "S05-punchline", "semantic": { "audience_question": "Which final word changes the meaning of this sentence?", "intent": "Feel a sentence resolve into its loaded final term.", "reasoning_relation": "rhetorical setup and final-word emphasis", "message_pattern": "[Complete statement with one decisive term].", "required_content": [ "A sentence whose meaning genuinely turns on one word.", "Prior context that makes the turn intelligible.", "A concise qualification or implication." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "Explain why missed appointments damage confidence." ], "enables_after": [ "Specify the readiness criteria behind a credible booking." ], "slot_roles": { "setup": "The grammatical lead-in to the final word.", "word": "One decisive word that completes or reframes the setup.", "aside": "Clarify why the turn matters or what question follows.", "emoji": "Optional deck-only pictorial emphasis; remove for editorial page use without losing meaning." }, "avoid_when": [ "A self-contained explanation", "A nuanced finding that depends on a paragraph of caveats" ], "layout_specific_contract": "A sentence whose weight sits on one final word.", "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": "Feel a sentence resolve into its loaded final term.", "matching": { "audience_question": "Which final word changes the meaning of this sentence?", "reader_outcome": "Feel a sentence resolve into its loaded final term.", "reasoning_relation": "rhetorical setup and final-word emphasis", "content_shape": { "composition": "A sentence whose weight sits on one final word.", "selected_state": "A sentence whose weight sits on one final word.", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "setup", "reader_question": "What does the setup contribute to this page’s reader outcome?", "semantic_role": "The grammatical lead-in to the final word.", "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 · setup · the words before the hinge, small, top left]", "layout_budget": { "authored": "under 6 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "setup", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 3 ] } }, { "name": "word", "reader_question": "Which final word changes the meaning of this sentence?", "semantic_role": "One decisive word that completes or reframes the setup.", "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 · word · the hinge word, enormous]", "layout_budget": { "authored": "1 word", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "word", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 1 ] } }, { "name": "aside", "reader_question": "What does the aside contribute to this page’s reader outcome?", "semantic_role": "Clarify why the turn matters or what question follows.", "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 · aside · one whispered line, bottom right]", "layout_budget": { "authored": "under 20 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "aside", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "emoji", "reader_question": "What does the emoji contribute to this page’s reader outcome?", "semantic_role": "Optional deck-only pictorial emphasis; remove for editorial page use without losing meaning.", "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 · emoji · one Noto emoji beside the aside (decks only)]", "layout_budget": { "authored": "1", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "emoji", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 1 ] } } ], "rejection_constraints": [ "A statistic, caveat or factual qualification that would disappear behind the flourish.", "A clever word that conceals an unsupported leap or incomplete sentence." ], "option_guidance": { "option": "default", "composition_delta": "A sentence whose weight sits on one final word.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S05 default when the supplied material answers “Which final word changes the meaning of this sentence?” through rhetorical setup and final-word emphasis. Respect this state: A sentence whose weight sits on one final word." }, "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": [ "ad18a05b844b96946834bd5c881bdc0e4abf7ea887af60933f2802fa8c5ef29a", "d5dfa62a000e84acf6b67af06ee480f6a7e963d941cd1a6ceaedd2911aabf711" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "57e508e51fc0ac14c4a721ebcd0a1d1079bd4bf3a53437de53aff07f4e7bc13b", "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 statistic, caveat or factual qualification that would disappear behind the flourish.", "A clever word that conceals an unsupported leap or incomplete sentence." ], "markup_inventory": { "file": "spread.html", "sha256": "57e508e51fc0ac14c4a721ebcd0a1d1079bd4bf3a53437de53aff07f4e7bc13b", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "setup": 1, "word": 1, "aside": 1, "emoji": 1 }, "slot_evidence": { "setup": [ { "tag": "p", "classes": "setup", "sample_word_count": 3, "repeated_children": 0 } ], "word": [ { "tag": "p", "classes": "giant ink-beet", "sample_word_count": 1, "repeated_children": 1 } ], "aside": [ { "tag": "div", "classes": "aside", "sample_word_count": 11, "repeated_children": 2 } ], "emoji": [ { "tag": "span", "classes": "accent", "sample_word_count": 1, "repeated_children": 0 } ] }, "option_selectors": [ "underline" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" }, { "file": "../deck-motion.js", "sha256": "6869989cd926fded3afc494e350791f2517cd0d859822072b95f3dd97e693781" } ] }, "variations": { "underline": { "audience_question": "Which final word changes the meaning of this sentence?", "intent": "Feel a sentence resolve into its loaded final term.", "reader_outcome": "Feel a sentence resolve into its loaded final term.", "reasoning_relation": "rhetorical setup and final-word emphasis", "slot_roles": { "setup": "The grammatical lead-in to the final word.", "word": "One decisive word that completes or reframes the setup.", "aside": "Clarify why the turn matters or what question follows.", "emoji": "Optional deck-only pictorial emphasis; remove for editorial page use without losing meaning." }, "matching": { "audience_question": "Which final word changes the meaning of this sentence?", "reader_outcome": "Feel a sentence resolve into its loaded final term.", "reasoning_relation": "rhetorical setup and final-word emphasis", "content_shape": { "composition": "A sentence whose weight sits on one final word.", "selected_state": "The underline draws left to right after the original half-second pause.", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "setup", "reader_question": "What does the setup contribute to this page’s reader outcome?", "semantic_role": "The grammatical lead-in to the final word.", "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 · setup · the words before the hinge, small, top left]", "layout_budget": { "authored": "under 6 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "setup", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 3 ] } }, { "name": "word", "reader_question": "Which final word changes the meaning of this sentence?", "semantic_role": "One decisive word that completes or reframes the setup.", "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 · word · the hinge word, enormous]", "layout_budget": { "authored": "1 word", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "word", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 1 ] } }, { "name": "aside", "reader_question": "What does the aside contribute to this page’s reader outcome?", "semantic_role": "Clarify why the turn matters or what question follows.", "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 · aside · one whispered line, bottom right]", "layout_budget": { "authored": "under 20 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "aside", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 11 ] } }, { "name": "emoji", "reader_question": "What does the emoji contribute to this page’s reader outcome?", "semantic_role": "Optional deck-only pictorial emphasis; remove for editorial page use without losing meaning.", "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 · emoji · one Noto emoji beside the aside (decks only)]", "layout_budget": { "authored": "1", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "emoji", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 1 ] } } ], "rejection_constraints": [ "A statistic, caveat or factual qualification that would disappear behind the flourish.", "A clever word that conceals an unsupported leap or incomplete sentence." ], "option_guidance": { "option": "underline", "composition_delta": "The underline draws left to right after the original half-second pause.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S05 underline when the supplied material answers “Which final word changes the meaning of this sentence?” through rhetorical setup and final-word emphasis. Respect this state: The underline draws left to right after the original half-second pause." }, "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": [ "ad18a05b844b96946834bd5c881bdc0e4abf7ea887af60933f2802fa8c5ef29a", "d5dfa62a000e84acf6b67af06ee480f6a7e963d941cd1a6ceaedd2911aabf711" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "57e508e51fc0ac14c4a721ebcd0a1d1079bd4bf3a53437de53aff07f4e7bc13b", "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": "One final word changes how the setup should be understood.", "communication_job": "Create a short rhetorical turn before the argument resumes. Preserves the one-word turn and adds the recorded underline build after the half-second pause.", "audience_value": "Perspective: makes the decisive distinction memorable while leaving explanation to the surrounding story.", "reading_path": [ "Read the setup as an incomplete sentence.", "Complete it with the oversized word.", "Read the aside as the immediate qualification or question, not a second unrelated punchline." ], "adaptation": { "required_inputs": [ "A sentence whose meaning genuinely turns on one word.", "Prior context that makes the turn intelligible.", "A concise qualification or implication." ], "slot_guidance": { "setup": "The grammatical lead-in to the final word.", "word": "One decisive word that completes or reframes the setup.", "aside": "Clarify why the turn matters or what question follows.", "emoji": "Optional deck-only pictorial emphasis; remove for editorial page use without losing meaning." }, "can_change": [ "Setup, single word and supporting aside.", "Decorative deck symbol only.", "Preserves the one-word turn and adds the recorded underline build after the half-second pause." ], "must_survive": [ "Setup plus final word forms a coherent utterance.", "The aside preserves the point rather than introducing another.", "The word and its qualification remain present in completed exports.", "Native motion evidence remains intact; no live playback verification is claimed here." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "setup": "An appointment is a", "word": "promise.", "aside": "Only offer the slot once the parts are ready.", "emoji": "Deck-only calendar symbol; decorative, not required to understand the claim." }, "reasoning": "Promise reframes an appointment as an operational commitment, preparing a discussion of what must be ready.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Explain why missed appointments damage confidence.", "after": "Specify the readiness criteria behind a credible booking.", "good_uses": [ "A transition after diagnosis", "A succinct reframe", "An emphatic contrast" ], "poor_fits": [ "A self-contained explanation", "A nuanced finding that depends on a paragraph of caveats" ] }, "evidence": { "observations": [ "Current option markup/CSS and selected contract show: Preserves the one-word turn and adds the recorded underline build after the half-second pause." ], "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/S05-punchline/spread.html", "dist/S05-punchline/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": [ "A sentence whose meaning genuinely turns on one word.", "Prior context that makes the turn intelligible.", "A concise qualification or implication." ], "requires_before": [ "Explain why missed appointments damage confidence." ], "enables_after": [ "Specify the readiness criteria behind a credible booking." ], "avoid_when": [ "A self-contained explanation", "A nuanced finding that depends on a paragraph of caveats" ] } }, "narrative_profile": { "central_point": "One final word changes how the setup should be understood.", "communication_job": "Create a short rhetorical turn before the argument resumes.", "audience_value": "Perspective: makes the decisive distinction memorable while leaving explanation to the surrounding story.", "reading_path": [ "Read the setup as an incomplete sentence.", "Complete it with the oversized word.", "Read the aside as the immediate qualification or question, not a second unrelated punchline." ], "adaptation": { "required_inputs": [ "A sentence whose meaning genuinely turns on one word.", "Prior context that makes the turn intelligible.", "A concise qualification or implication." ], "slot_guidance": { "setup": "The grammatical lead-in to the final word.", "word": "One decisive word that completes or reframes the setup.", "aside": "Clarify why the turn matters or what question follows.", "emoji": "Optional deck-only pictorial emphasis; remove for editorial page use without losing meaning." }, "can_change": [ "Setup, single word and supporting aside.", "Decorative deck symbol only." ], "must_survive": [ "Setup plus final word forms a coherent utterance.", "The aside preserves the point rather than introducing another." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair cooperative is preparing a pilot proposal; all people, events and data are teaching examples.", "slot_fills": { "setup": "An appointment is a", "word": "promise.", "aside": "Only offer the slot once the parts are ready.", "emoji": "Deck-only calendar symbol; decorative, not required to understand the claim." }, "reasoning": "Promise reframes an appointment as an operational commitment, preparing a discussion of what must be ready.", "qualification": "Fictional teaching example. Replace with authorised facts, evidence and destinations before delivery; no results or audience effect are claimed." }, "narrative_fit": { "before": "Explain why missed appointments damage confidence.", "after": "Specify the readiness criteria behind a credible booking.", "good_uses": [ "A transition after diagnosis", "A succinct reframe", "An emphatic contrast" ], "poor_fits": [ "A self-contained explanation", "A nuanced finding that depends on a paragraph of caveats" ] }, "evidence": { "observations": [ "Viewed source: a short setup leads to a single oversized word, with a small aside in the opposite corner.", "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/S05-punchline/source.webp", "dist/S05-punchline/spread.html", "dist/S05-punchline/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": "underline", "what": "The underline draws left to right after the original half-second pause." } ], "also_seen_in": [], "source": { "ref": "Hoffman L45 Punchline", "url": "https://github.com/neekchan/hoffman-agency-design-system/blob/main/templates/deck/Deck.dc.html" }, "motion": { "file": "motion.json", "description": "The underline draws left to right after the original half-second pause." } }