{ "code": "S64", "name": "Logo strip hero", "shape": "hero", "family": "Openers and endings", "fits": "The top of a landing page or a partner slide: a short centred headline, a row of logos for the people we work with, then one big picture.", "use_when": "When who stands behind TDW matters as much as the headline, and one picture carries the mood of the page.", "slots": [ { "name": "headline", "holds": "a short centred headline; the first half quieter, the second half full strength", "budget": "under 12 words" }, { "name": "logos", "holds": "a centred row of partner or reader logos (placeholder marks until real ones are agreed)", "budget": "5-6 logos" }, { "name": "illustration", "holds": "one illustration running nearly edge to edge and off the frame bottom", "budget": "16:9" }, { "name": "device", "holds": "a phone drawn from tokens standing in the middle of the picture: a label, a short two-line figure, a small bar chart", "budget": "under 5 words" } ], "columns": 1, "density": "airy", "surface": "plum", "works_on": [ "deck", "page" ], "library": "Tailark", "dir": "S64-logo-strip-hero", "semantic": { "audience_question": "What offer is supported by these named relationships?", "intent": "Read a headline alongside permissioned affiliation signals and one visual demonstration.", "reasoning_relation": "offer and verified affiliations", "message_pattern": "[Specific offer] helps [audience] achieve [outcome] through [mechanism]. [Next action].", "required_content": [ "A supported promise.", "Five or six authorized marks with one explicit relationship definition.", "An illustration and device specimen consistent with the offer." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "Explain the service and the status of the relationships." ], "enables_after": [ "Show a confirmed pilot schedule or partnership terms." ], "slot_roles": { "headline": "Name the offer without overstating what partner marks establish.", "logos": "Five or six authorized marks and an explicit relation such as pilot locations; no implied endorsement.", "illustration": "Show use context; distinguish generative illustration from evidence.", "device": "A small decorative product specimen; essential claims must also be in accessible text." }, "avoid_when": [ "Client-logo proof without authorization.", "A decorative logo row treated as adoption evidence." ], "layout_specific_contract": "The top of a landing page or a partner slide: a short centred headline, a row of logos for the people we work with, then one big picture.", "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": "Read a headline alongside permissioned affiliation signals and one visual demonstration.", "matching": { "audience_question": "What offer is supported by these named relationships?", "reader_outcome": "Read a headline alongside permissioned affiliation signals and one visual demonstration.", "reasoning_relation": "offer and verified affiliations", "content_shape": { "composition": "The top of a landing page or a partner slide: a short centred headline, a row of logos for the people we work with, then one big picture.", "selected_state": "The top of a landing page or a partner slide: a short centred headline, a row of logos for the people we work with, then one big picture.", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "headline", "reader_question": "What offer is supported by these named relationships?", "semantic_role": "Name the offer without overstating what partner marks establish.", "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 · a short centred headline; the first half quieter, the second half full strength]", "layout_budget": { "authored": "under 12 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": [ 11 ] } }, { "name": "logos", "reader_question": "What does the logos contribute to this page’s reader outcome?", "semantic_role": "Five or six authorized marks and an explicit relation such as pilot locations; no implied endorsement.", "content_unit_count": { "min": 5, "max": 6, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · logos · a centred row of partner or reader logos (placeholder marks until real ones are agreed)]", "layout_budget": { "authored": "5-6 logos", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "logos", "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": "Show use context; distinguish generative illustration from evidence.", "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 · one illustration running nearly edge to edge and off the frame bottom]", "layout_budget": { "authored": "16:9", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "illustration", "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." }, { "name": "device", "reader_question": "What does the device contribute to this page’s reader outcome?", "semantic_role": "A small decorative product specimen; essential claims must also be in accessible text.", "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 · device · a phone drawn from tokens standing in the middle of the picture: a label, a short two-line figure, a small bar chart]", "layout_budget": { "authored": "under 5 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "device", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 4 ] } } ], "rejection_constraints": [ "Logo presence implying clients, partners or endorsement without documented permission.", "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 a partner slide: a short centred headline, a row of logos for the people we work with, then one big picture.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S64 default when the supplied material answers “What offer is supported by these named relationships?” through offer and verified affiliations. Respect this state: The top of a landing page or a partner slide: a short centred headline, a row of logos for the people we work with, then one big 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": [ "a5e7e17ec930b572d53ff974cb1baf6f23952fea6488e13b59bd15df9cd24deb" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9318e055796a5a59fec969e78badaa00e4957dff3e210e315d2b41344ef4caba", "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": [ "Logo presence implying clients, partners or endorsement without documented permission.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "markup_inventory": { "file": "spread.html", "sha256": "9318e055796a5a59fec969e78badaa00e4957dff3e210e315d2b41344ef4caba", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "headline": 1, "note": 1, "logos": 1, "illustration": 1, "device": 1 }, "slot_evidence": { "headline": [ { "tag": "h1", "classes": "head", "sample_word_count": 11, "repeated_children": 1 } ], "note": [ { "tag": "p", "classes": "snote", "sample_word_count": 8, "repeated_children": 0 } ], "logos": [ { "tag": "div", "classes": "logos", "sample_word_count": 6, "repeated_children": 6 } ], "illustration": [ { "tag": "figure", "classes": "ph r-16x9", "sample_word_count": 0, "repeated_children": 1 } ], "device": [ { "tag": "div", "classes": "phone", "sample_word_count": 4, "repeated_children": 4 } ] }, "option_selectors": [ "strip" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" } ] }, "variations": { "strip": { "audience_question": "Which verified organizations belong to this relationship set?", "intent": "Read four permissioned marks with a short explanatory note.", "reader_outcome": "Read four permissioned marks with a short explanatory note.", "reasoning_relation": "classified relationship strip", "slot_roles": { "headline": "Name the offer without overstating what partner marks establish.", "logos": "Four authorized marks with the same relationship definition; the contrasting fourth plate is visual emphasis, not a separate endorsement class.", "note": "Explain scope, status, permission or relationship before the marks are interpreted." }, "matching": { "audience_question": "Which verified organizations belong to this relationship set?", "reader_outcome": "Read four permissioned marks with a short explanatory note.", "reasoning_relation": "classified relationship strip", "content_shape": { "composition": "The top of a landing page or a partner slide: a short centred headline, a row of logos for the people we work with, then one big picture.", "selected_state": "Logo strip: title and a small note top-left, a hairline, one row of four logos (the last on a plate), no picture", "density": "airy", "columns": 1, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "headline", "reader_question": "Which verified organizations belong to this relationship set?", "semantic_role": "Name the offer without overstating what partner marks establish.", "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 · a short centred headline; the first half quieter, the second half full strength]", "layout_budget": { "authored": "under 12 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": [ 11 ] } }, { "name": "logos", "reader_question": "What does the logos contribute to this page’s reader outcome?", "semantic_role": "Four authorized marks with the same relationship definition; the contrasting fourth plate is visual emphasis, not a separate endorsement class.", "content_unit_count": { "min": 4, "max": 4, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · logos · a centred row of partner or reader logos (placeholder marks until real ones are agreed)]", "layout_budget": { "authored": "5-6 logos", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "logos", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "note", "reader_question": "What does the note contribute to this page’s reader outcome?", "semantic_role": "Explain scope, status, permission or relationship before the marks are interpreted.", "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 · note · A qualifier needed to interpret scope, provenance or relationship.]", "layout_budget": { "authored": "one short explanatory line", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "note", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 8 ] } } ], "rejection_constraints": [ "A logo list implying endorsement without its exact relationship stated.", "Unsupported benefit claims or a decorative hero whose action has no destination." ], "option_guidance": { "option": "strip", "composition_delta": "Logo strip: title and a small note top-left, a hairline, one row of four logos (the last on a plate), no picture", "semantic_change": "changes content relationship", "matching_instruction": "Select S64 strip when the supplied material answers “Which verified organizations belong to this relationship set?” through classified relationship strip. Respect this state: Logo strip: title and a small note top-left, a hairline, one row of four logos (the last on a plate), 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": [ "a5e7e17ec930b572d53ff974cb1baf6f23952fea6488e13b59bd15df9cd24deb" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "9318e055796a5a59fec969e78badaa00e4957dff3e210e315d2b41344ef4caba", "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 compact relationship strip is useful only when the relationship is explicit.", "communication_job": "Identify four organizations under a precise relationship qualifier.", "audience_value": "Reassurance with boundaries: provides identifiable context, while avoiding a false implication that every displayed mark endorses the offer.", "reading_path": [ "A title, qualifier and four marks replace the scene; the fourth mark is placed on a contrasting plate.", "Read the promise.", "Read the relationship label before interpreting the logo row.", "Use the large illustration and device as context for the offer, not proof of adoption." ], "adaptation": { "required_inputs": [ "Four marks and verified relationship status.", "One visible qualifier." ], "slot_guidance": { "headline": "Name the offer without overstating what partner marks establish.", "logos": "Four authorized marks with the same relationship definition; the contrasting fourth plate is visual emphasis, not a separate endorsement class.", "note": "Explain scope, status, permission or relationship before the marks are interpreted." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Every mark’s relationship is stated and true.", "Proposed, current and past relationships remain distinct.", "Decorative device content cannot carry the only essential fact." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair service illustrates proposed neighborhood hosts.", "slot_fills": { "headline": "Four proposed pilot hosts.", "logos": [ "River Library · proposed host", "Market Hall · proposed host", "East School · proposed host", "Cedar Club · proposed host" ], "note": "Fictional proposed venues; no agreement or endorsement is claimed." }, "reasoning": "The qualifier prevents a shortlist from looking like a confirmed partner portfolio.", "qualification": "All named organizations are fictional proposed hosts. None represents endorsement, a confirmed agreement or an actual user." }, "narrative_fit": { "before": "Explain the service and the status of the relationships.", "after": "Show a confirmed pilot schedule or partnership terms.", "good_uses": [ "An accurately qualified partner or host introduction." ], "poor_fits": [ "Client-logo proof without authorization.", "A decorative logo row treated as adoption evidence." ] }, "evidence": { "observations": [ "Retained source places a centered promise above logos and a wide scene with a device.", "Current device is aria-hidden, so its content must remain nonessential." ], "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/S64-logo-strip-hero/spread.json", "dist/S64-logo-strip-hero/spread.html", "02_product/spreads/S64-logo-strip-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": [ "Four marks and verified relationship status.", "One visible qualifier." ], "requires_before": [ "Explain the service and the status of the relationships." ], "enables_after": [ "Show a confirmed pilot schedule or partnership terms." ], "avoid_when": [ "Client-logo proof without authorization.", "A decorative logo row treated as adoption evidence." ] } }, "narrative_profile": { "central_point": "An offer is introduced alongside named, qualified relationships and a view of its use.", "communication_job": "Answer who is connected to this offer and what those relationships actually mean.", "audience_value": "Reassurance with boundaries: provides identifiable context, while avoiding a false implication that every displayed mark endorses the offer.", "reading_path": [ "Read the promise.", "Read the relationship label before interpreting the logo row.", "Use the large illustration and device as context for the offer, not proof of adoption." ], "adaptation": { "required_inputs": [ "A supported promise.", "Five or six authorized marks with one explicit relationship definition.", "An illustration and device specimen consistent with the offer." ], "slot_guidance": { "headline": "Name the offer without overstating what partner marks establish.", "logos": "Five or six authorized marks and an explicit relation such as pilot locations; no implied endorsement.", "illustration": "Show use context; distinguish generative illustration from evidence.", "device": "A small decorative product specimen; essential claims must also be in accessible text." }, "can_change": [ "Subject, names and wording within the active slot roles.", "Illustrations or supporting values where present, with their provenance and limits." ], "must_survive": [ "Every mark’s relationship is stated and true.", "Proposed, current and past relationships remain distinct.", "Decorative device content cannot carry the only essential fact." ] }, "worked_example": { "fictional": true, "scenario": "A fictional repair service illustrates proposed neighborhood hosts.", "slot_fills": { "headline": "Repair support, hosted close to home.", "logos": [ "River Library · proposed host", "Market Hall · proposed host", "East School · proposed host", "Cedar Club · proposed host", "Canal Center · proposed host", "Hill Rooms · proposed host" ], "illustration": "Illustrative neighborhood hall before a repair session.", "device": "Pilot calendar specimen" }, "reasoning": "The marks identify proposed venues, not customers or endorsers. The explicit relationship does the semantic work that logos alone cannot.", "qualification": "All named organizations are fictional proposed hosts. None represents endorsement, a confirmed agreement or an actual user." }, "narrative_fit": { "before": "Explain the service and the status of the relationships.", "after": "Show a confirmed pilot schedule or partnership terms.", "good_uses": [ "An accurately qualified partner or host introduction." ], "poor_fits": [ "Client-logo proof without authorization.", "A decorative logo row treated as adoption evidence." ] }, "evidence": { "observations": [ "Retained source places a centered promise above logos and a wide scene with a device.", "Current device is aria-hidden, so its content must remain nonessential." ], "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/S64-logo-strip-hero/spread.json", "dist/S64-logo-strip-hero/spread.html", "02_product/spreads/S64-logo-strip-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": "strip", "what": "Logo strip: title and a small note top-left, a hairline, one row of four logos (the last on a plate), no picture" } ], "also_seen_in": [], "source": { "ref": "Tailark dusk hero 3", "url": "https://oss.tailark.com/view/dusk-hero-section-3?theme=light" } }