{ "code": "S71", "name": "Text bento", "shape": "beats-grid", "family": "Lists and comparisons", "fits": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "use_when": "When the sum is the point and one or two reasons deserve a bigger card than the rest. Text only; for pictures use S48.", "slots": [ { "name": "head", "holds": "optional headline above the grid (opt-headline)", "budget": "under 10 words" }, { "name": "cards", "holds": "8 x (title, one line, icon): one tall card in the middle, three across on top, a different three-way split below", "budget": "title 4 words or fewer, line under 16 words" } ], "columns": 3, "density": "standard", "surface": "paper", "works_on": [ "deck", "page" ], "library": "Hoffman", "dir": "S71-text-bento", "semantic": { "audience_question": "What distinct reasons form this mixed-size supporting set?", "intent": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reasoning_relation": "supporting reasons in asymmetric tiles", "message_pattern": "[Conclusion], supported by [distinct reasons].", "required_content": [ "Seven or eight distinct supporting reasons.", "One concise explanation for each.", "A governing point established nearby." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "State the proposed service and the argument the reasons support." ], "enables_after": [ "Prioritize the most uncertain reason for testing or show the implementation plan." ], "slot_roles": { "cards": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution." }, "avoid_when": [ "A ranked scorecard.", "Eight restatements of the same benefit." ], "layout_specific_contract": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "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": "Scan a finite collection while distinguishing size emphasis from logical rank.", "matching": { "audience_question": "What distinct reasons form this mixed-size supporting set?", "reader_outcome": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reasoning_relation": "supporting reasons in asymmetric tiles", "content_shape": { "composition": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "selected_state": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "cards", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution.", "content_unit_count": { "min": 7, "max": 8, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · cards · 8 x (title, one line, icon): one tall card in the middle, three across on top, a different three-way split below]", "layout_budget": { "authored": "title 4 words or fewer, line under 16 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "cards", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 85 ] } } ], "rejection_constraints": [ "Tile size presented as measured importance or duplicated reasons occupying different cards.", "A grid of slogans or counting cosmetic variations as separate reasons." ], "option_guidance": { "option": "default", "composition_delta": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S71 default when the supplied material answers “What distinct reasons form this mixed-size supporting set?” through supporting reasons in asymmetric tiles. Respect this state: Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates." }, "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": [ "1092fc49ca77fa306e30c34ac02bc9e94be201a36c0a2f607f61d822d663a74a" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "cf894e7e63ed5715eccbcb927c3d79808d845cfb8de1780a5e47070d7e578194", "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": [ "Tile size presented as measured importance or duplicated reasons occupying different cards.", "A grid of slogans or counting cosmetic variations as separate reasons." ], "markup_inventory": { "file": "spread.html", "sha256": "cf894e7e63ed5715eccbcb927c3d79808d845cfb8de1780a5e47070d7e578194", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "head": 1, "cards": 1 }, "slot_evidence": { "head": [ { "tag": "h2", "classes": "head", "sample_word_count": 5, "repeated_children": 1 } ], "cards": [ { "tag": "div", "classes": "bento", "sample_word_count": 85, "repeated_children": 8 } ] }, "option_selectors": [ "headline", "one-tone" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" } ] }, "variations": { "headline": { "audience_question": "What distinct reasons form this mixed-size supporting set?", "intent": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reader_outcome": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reasoning_relation": "supporting reasons in asymmetric tiles", "slot_roles": { "cards": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution.", "head": "State the governing argument that the cards support." }, "matching": { "audience_question": "What distinct reasons form this mixed-size supporting set?", "reader_outcome": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reasoning_relation": "supporting reasons in asymmetric tiles", "content_shape": { "composition": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "selected_state": "A headline above the grid", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "head", "reader_question": "What distinct reasons form this mixed-size supporting set?", "semantic_role": "State the governing argument that the cards support.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · head · optional headline above the grid (opt-headline)]", "layout_budget": { "authored": "under 10 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "head", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 5 ] } }, { "name": "cards", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution.", "content_unit_count": { "min": 7, "max": 8, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · cards · 8 x (title, one line, icon): one tall card in the middle, three across on top, a different three-way split below]", "layout_budget": { "authored": "title 4 words or fewer, line under 16 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "cards", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 85 ] } } ], "rejection_constraints": [ "Tile size presented as measured importance or duplicated reasons occupying different cards.", "A grid of slogans or counting cosmetic variations as separate reasons." ], "option_guidance": { "option": "headline", "composition_delta": "A headline above the grid", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S71 headline when the supplied material answers “What distinct reasons form this mixed-size supporting set?” through supporting reasons in asymmetric tiles. Respect this state: A headline above the grid" }, "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": [ "1092fc49ca77fa306e30c34ac02bc9e94be201a36c0a2f607f61d822d663a74a" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "cf894e7e63ed5715eccbcb927c3d79808d845cfb8de1780a5e47070d7e578194", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "narrative_profile": { "central_point": "Several distinct reasons combine into one supporting case without forming a sequence.", "communication_job": "Same communication job as default. A headline is added above the same supporting set.", "audience_value": "Explanation: makes a multifaceted argument scannable while requiring each card to add something different.", "reading_path": [ "A headline is added above the same supporting set.", "Read each card’s short reason before its explanatory line.", "Scan the full set to connect complementary contributions.", "Treat mixed sizes and tones as reading emphasis, not measured importance." ], "adaptation": { "required_inputs": [ "Seven or eight distinct supporting reasons.", "One concise explanation for each.", "A governing point established nearby." ], "slot_guidance": { "cards": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution.", "head": "State the governing argument that the cards support." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Distinct contributions, not filler.", "Size and color do not imply quantitative ranking.", "Explanations remain understandable without icons." ] }, "worked_example": { "fictional": true, "scenario": "A fictional cooperative explains what a complete repair service requires.", "slot_fills": { "cards": [ "Access · Evening hours fit members with daytime commitments.", "Safety · Supervision sets boundaries for what volunteers can attempt.", "Records · Intake notes keep the original fault visible.", "Learning · Demonstrations help members understand the assessment.", "Tools · Shared equipment removes a practical barrier to participation.", "Referral · Excluded work has an explicit next destination.", "Follow-up · Unresolved cases stay visible after the session.", "Ownership · Each handover names who acts next." ], "head": "A repair service needs more than tools." }, "reasoning": "Each reason removes a different service barrier. No card can substitute for the others, and the large middle card does not automatically count as the strongest evidence.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "State the proposed service and the argument the reasons support.", "after": "Prioritize the most uncertain reason for testing or show the implementation plan.", "good_uses": [ "A compact supporting case with multiple dimensions." ], "poor_fits": [ "A ranked scorecard.", "Eight restatements of the same benefit." ] }, "evidence": { "observations": [ "Current markup has eight text cards with icons and a hidden optional headline.", "The retained blurred arrangement shows mixed card sizes and tones.", "Viewed source capture is blurred; only arrangement is observable." ], "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/S71-text-bento/spread.json", "dist/S71-text-bento/spread.html", "02_product/spreads/S71-text-bento/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": [ "Seven or eight distinct supporting reasons.", "One concise explanation for each.", "A governing point established nearby." ], "requires_before": [ "State the proposed service and the argument the reasons support." ], "enables_after": [ "Prioritize the most uncertain reason for testing or show the implementation plan." ], "avoid_when": [ "A ranked scorecard.", "Eight restatements of the same benefit." ] }, "one-tone": { "audience_question": "What distinct reasons form this mixed-size supporting set?", "intent": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reader_outcome": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reasoning_relation": "supporting reasons in asymmetric tiles", "slot_roles": { "cards": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution." }, "matching": { "audience_question": "What distinct reasons form this mixed-size supporting set?", "reader_outcome": "Scan a finite collection while distinguishing size emphasis from logical rank.", "reasoning_relation": "supporting reasons in asymmetric tiles", "content_shape": { "composition": "Seven or eight short reasons as text cards of mixed size: a title, one line and a small line icon each, light cards alternating with dark plates.", "selected_state": "All cards in one tone, no dark plates", "density": "standard", "columns": 3, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "cards", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution.", "content_unit_count": { "min": 7, "max": 8, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · cards · 8 x (title, one line, icon): one tall card in the middle, three across on top, a different three-way split below]", "layout_budget": { "authored": "title 4 words or fewer, line under 16 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "cards", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 85 ] } } ], "rejection_constraints": [ "Tile size presented as measured importance or duplicated reasons occupying different cards.", "A grid of slogans or counting cosmetic variations as separate reasons." ], "option_guidance": { "option": "one-tone", "composition_delta": "All cards in one tone, no dark plates", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S71 one-tone when the supplied material answers “What distinct reasons form this mixed-size supporting set?” through supporting reasons in asymmetric tiles. Respect this state: All cards in one tone, no dark plates" }, "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": [ "1092fc49ca77fa306e30c34ac02bc9e94be201a36c0a2f607f61d822d663a74a" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "cf894e7e63ed5715eccbcb927c3d79808d845cfb8de1780a5e47070d7e578194", "limits": [ "Static parsing inventories authored nodes; it does not certify rendered visibility, responsive fit or interactive state.", "Budgets are authored layout guidance, not a content-writing limit or proof of fit.", "Matching guidance is a draft inference; it does not establish facts, endorsement, causation or source author intent." ] }, "adaptation_rules": [ "Choose by audience question, reasoning relation and required content before aesthetic preference.", "Supply every required semantic role; retain visible unknowns as labelled real-content placeholders.", "A number needs source, scope and units; a quotation needs faithful wording and attribution.", "Do not infer importance from area, colour, depth or movement unless the content explicitly defines that encoding.", "Keep colour token roles, structural objects, licences and source records; changing content does not authorize changing them." ] }, "narrative_profile": { "central_point": "Several distinct reasons combine into one supporting case without forming a sequence.", "communication_job": "Same communication job as default. The card treatment is made more uniform; the same distinct reasons and order remain.", "audience_value": "Explanation: makes a multifaceted argument scannable while requiring each card to add something different.", "reading_path": [ "The card treatment is made more uniform; the same distinct reasons and order remain.", "Read each card’s short reason before its explanatory line.", "Scan the full set to connect complementary contributions.", "Treat mixed sizes and tones as reading emphasis, not measured importance." ], "adaptation": { "required_inputs": [ "Seven or eight distinct supporting reasons.", "One concise explanation for each.", "A governing point established nearby." ], "slot_guidance": { "cards": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Distinct contributions, not filler.", "Size and color do not imply quantitative ranking.", "Explanations remain understandable without icons." ] }, "worked_example": { "fictional": true, "scenario": "A fictional cooperative explains what a complete repair service requires.", "slot_fills": { "cards": [ "Access · Evening hours fit members with daytime commitments.", "Safety · Supervision sets boundaries for what volunteers can attempt.", "Records · Intake notes keep the original fault visible.", "Learning · Demonstrations help members understand the assessment.", "Tools · Shared equipment removes a practical barrier to participation.", "Referral · Excluded work has an explicit next destination.", "Follow-up · Unresolved cases stay visible after the session.", "Ownership · Each handover names who acts next." ] }, "reasoning": "Each reason removes a different service barrier. No card can substitute for the others, and the large middle card does not automatically count as the strongest evidence.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "State the proposed service and the argument the reasons support.", "after": "Prioritize the most uncertain reason for testing or show the implementation plan.", "good_uses": [ "A compact supporting case with multiple dimensions." ], "poor_fits": [ "A ranked scorecard.", "Eight restatements of the same benefit." ] }, "evidence": { "observations": [ "Current markup has eight text cards with icons and a hidden optional headline.", "The retained blurred arrangement shows mixed card sizes and tones.", "Viewed source capture is blurred; only arrangement is observable." ], "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/S71-text-bento/spread.json", "dist/S71-text-bento/spread.html", "02_product/spreads/S71-text-bento/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": [ "Seven or eight distinct supporting reasons.", "One concise explanation for each.", "A governing point established nearby." ], "requires_before": [ "State the proposed service and the argument the reasons support." ], "enables_after": [ "Prioritize the most uncertain reason for testing or show the implementation plan." ], "avoid_when": [ "A ranked scorecard.", "Eight restatements of the same benefit." ] } }, "narrative_profile": { "central_point": "Several distinct reasons combine into one supporting case without forming a sequence.", "communication_job": "Answer which different contributions uphold the same idea.", "audience_value": "Explanation: makes a multifaceted argument scannable while requiring each card to add something different.", "reading_path": [ "Read each card’s short reason before its explanatory line.", "Scan the full set to connect complementary contributions.", "Treat mixed sizes and tones as reading emphasis, not measured importance." ], "adaptation": { "required_inputs": [ "Seven or eight distinct supporting reasons.", "One concise explanation for each.", "A governing point established nearby." ], "slot_guidance": { "cards": "Seven or eight reason/explanation/icon cards. The icon is a mnemonic; the line supplies the substantive contribution." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Distinct contributions, not filler.", "Size and color do not imply quantitative ranking.", "Explanations remain understandable without icons." ] }, "worked_example": { "fictional": true, "scenario": "A fictional cooperative explains what a complete repair service requires.", "slot_fills": { "cards": [ "Access · Evening hours fit members with daytime commitments.", "Safety · Supervision sets boundaries for what volunteers can attempt.", "Records · Intake notes keep the original fault visible.", "Learning · Demonstrations help members understand the assessment.", "Tools · Shared equipment removes a practical barrier to participation.", "Referral · Excluded work has an explicit next destination.", "Follow-up · Unresolved cases stay visible after the session.", "Ownership · Each handover names who acts next." ] }, "reasoning": "Each reason removes a different service barrier. No card can substitute for the others, and the large middle card does not automatically count as the strongest evidence.", "qualification": "Every organization, value and assertion in this example is fictional. Replace it with approved, sourced content before use." }, "narrative_fit": { "before": "State the proposed service and the argument the reasons support.", "after": "Prioritize the most uncertain reason for testing or show the implementation plan.", "good_uses": [ "A compact supporting case with multiple dimensions." ], "poor_fits": [ "A ranked scorecard.", "Eight restatements of the same benefit." ] }, "evidence": { "observations": [ "Current markup has eight text cards with icons and a hidden optional headline.", "The retained blurred arrangement shows mixed card sizes and tones.", "Viewed source capture is blurred; only arrangement is observable." ], "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/S71-text-bento/spread.json", "dist/S71-text-bento/spread.html", "02_product/spreads/S71-text-bento/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": "headline", "what": "A headline above the grid" }, { "id": "one-tone", "what": "All cards in one tone, no dark plates" } ], "also_seen_in": [], "source": { "ref": "Private deck reference; original evidence retained in the private Spreads library." } }