{ "code": "S16", "name": "Card row", "shape": "cards", "family": "Evidence and pictures", "fits": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "use_when": "A set of things that are best shown, not told: companies, products, places, people.", "slots": [ { "name": "headline", "holds": "what the set is, top left", "budget": "under 8 words" }, { "name": "cards", "holds": "4-5 x (full-bleed illustration, label and short claim over the top of it, plus button); the row runs off the right edge", "budget": "claim 3-7 words" }, { "name": "logo", "holds": "opt-logos: abstract .logo-mark placeholder per card, never a real logo", "budget": "1-2 words" } ], "columns": 4, "density": "standard", "surface": "paper", "works_on": [ "deck", "page" ], "library": "Apple", "reference_libraries": [ "useLayouts" ], "dir": "S16-card-row", "semantic": { "audience_question": "Which visual examples or choices belong to this set?", "intent": "Scan a finite image-led collection and recognize the claim attached to each item.", "reasoning_relation": "parallel visual examples and labels", "message_pattern": "[Item]: [what it contributes to the governing point].", "required_content": [ "Four or five distinct entries in the current card row.", "One truthful premise and relevant illustration per card.", "Destinations or fully implemented details when actions are presented." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "Introduce the service and why the reader might explore it." ], "enables_after": [ "Open the selected feature, case or explanation with the promised detail." ], "slot_roles": { "headline": "Name the common subject, not a claim every card fails to support.", "cards": "Four or five complete units: illustration, category label, short premise and accurate action. The existing plus symbols alone do not supply working content." }, "avoid_when": [ "A dependency chain", "A scored comparison", "Nonfunctional buttons presented as live actions" ], "layout_specific_contract": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "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 image-led collection and recognize the claim attached to each item.", "matching": { "audience_question": "Which visual examples or choices belong to this set?", "reader_outcome": "Scan a finite image-led collection and recognize the claim attached to each item.", "reasoning_relation": "parallel visual examples and labels", "content_shape": { "composition": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "selected_state": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "density": "standard", "columns": 4, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "headline", "reader_question": "Which visual examples or choices belong to this set?", "semantic_role": "Name the common subject, not a claim every card fails to 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 · headline · what the set is, top left]", "layout_budget": { "authored": "under 8 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": [ 7 ] } }, { "name": "cards", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "Four or five complete units: illustration, category label, short premise and accurate action. The existing plus symbols alone do not supply working content.", "content_unit_count": { "min": 4, "max": 5, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · cards · 4-5 x (full-bleed illustration, label and short claim over the top of it, plus button); the row runs off the right edge]", "layout_budget": { "authored": "claim 3-7 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": [ 47 ] } } ], "rejection_constraints": [ "A hidden ranking, long case narratives or images whose labels imply unverified endorsement.", "Unrelated pictures whose equal card size creates a false category." ], "option_guidance": { "option": "default", "composition_delta": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S16 default when the supplied material answers “Which visual examples or choices belong to this set?” through parallel visual examples and labels. Respect this state: A headline, then three or four images, each with a label and a three-to-six-word claim." }, "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": [ "bf2586f9441ae4ff75f197ebbef98d0aa46862e83c790ca5ce177651ceae07c5", "5d999d21c2052502265a5ad47c519c66bff89d585ad6a04bb37594dd8059ef8a" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "81f3f7cfcccab124e0e2face33b23bc77422a30aa237f3000cd77df3992a95fb", "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 hidden ranking, long case narratives or images whose labels imply unverified endorsement.", "Unrelated pictures whose equal card size creates a false category." ], "markup_inventory": { "file": "spread.html", "sha256": "81f3f7cfcccab124e0e2face33b23bc77422a30aa237f3000cd77df3992a95fb", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "headline": 1, "cards": 1, "illustration": 8, "logo": 5, "scene-angle": 3 }, "slot_evidence": { "headline": [ { "tag": "h2", "classes": "head", "sample_word_count": 7, "repeated_children": 0 } ], "cards": [ { "tag": "div", "classes": "cardrow", "sample_word_count": 47, "repeated_children": 5 } ], "illustration": [ { "tag": "figure", "classes": "ph pc-fig", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph pc-fig", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph pc-fig", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph pc-fig", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph pc-fig", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ref-split-front ph", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ref-split-front ph", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ref-split-front ph", "sample_word_count": 0, "repeated_children": 1 } ], "logo": [ { "tag": "span", "classes": "logo-mark lg", "sample_word_count": 1, "repeated_children": 0 }, { "tag": "span", "classes": "logo-mark lg", "sample_word_count": 1, "repeated_children": 0 }, { "tag": "span", "classes": "logo-mark lg", "sample_word_count": 1, "repeated_children": 0 }, { "tag": "span", "classes": "logo-mark lg", "sample_word_count": 1, "repeated_children": 0 }, { "tag": "span", "classes": "logo-mark lg", "sample_word_count": 1, "repeated_children": 0 } ], "scene-angle": [ { "tag": "article", "classes": "ref-split-card", "sample_word_count": 19, "repeated_children": 2 }, { "tag": "article", "classes": "ref-split-card", "sample_word_count": 19, "repeated_children": 2 }, { "tag": "article", "classes": "ref-split-card", "sample_word_count": 19, "repeated_children": 2 } ] }, "option_selectors": [ "logos", "split-scene" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" }, { "file": "../reference-options.js", "sha256": "c110580a1f2358278839f17ac81168f85d53c41c9b2c1a42aac74b66b836f7b5" } ] }, "variations": { "logos": { "audience_question": "Which four organizations or abstract marks belong to this set?", "intent": "Connect each cleared identity mark to its own short description.", "reader_outcome": "Connect each cleared identity mark to its own short description.", "reasoning_relation": "identity marks and parallel descriptions", "slot_roles": { "headline": "The organising category and relationship.", "cards": "Four heading-description units; imagery and plus controls are hidden in this option.", "logo": "Four abstract wordmarks or labelled placeholders, paired with the correct descriptions; not real customer endorsements." }, "matching": { "audience_question": "Which four organizations or abstract marks belong to this set?", "reader_outcome": "Connect each cleared identity mark to its own short description.", "reasoning_relation": "identity marks and parallel descriptions", "content_shape": { "composition": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "selected_state": "Logo cards: four ruled cards, each an abstract logo mark over a small heading and a two-line description; the fourth card inverted", "density": "standard", "columns": 4, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "headline", "reader_question": "Which four organizations or abstract marks belong to this set?", "semantic_role": "The organising category and relationship.", "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 · what the set is, top left]", "layout_budget": { "authored": "under 8 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": [ 7 ] } }, { "name": "cards", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "Four heading-description units; imagery and plus controls are hidden in this option.", "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 · cards · 4-5 x (full-bleed illustration, label and short claim over the top of it, plus button); the row runs off the right edge]", "layout_budget": { "authored": "claim 3-7 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": [ 47 ] } }, { "name": "logo", "reader_question": "What does the logo contribute to this page’s reader outcome?", "semantic_role": "Four abstract wordmarks or labelled placeholders, paired with the correct descriptions; not real customer endorsements.", "content_unit_count": { "min": 4, "max": 4, "basis": "Authored visible members in the selected arrangement; annotation occurrences can differ." }, "placeholder": "[REAL CONTENT · logo · opt-logos: abstract .logo-mark placeholder per card, never a real logo]", "layout_budget": { "authored": "1-2 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "logo", "occurrences": 5, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 1, 1, 1, 1, 1 ] } } ], "rejection_constraints": [ "Placeholder marks implying real clients or endorsements.", "Unrelated pictures whose equal card size creates a false category." ], "option_guidance": { "option": "logos", "composition_delta": "Logo cards: four ruled cards, each an abstract logo mark over a small heading and a two-line description; the fourth card inverted", "semantic_change": "changes content relationship", "matching_instruction": "Select S16 logos when the supplied material answers “Which four organizations or abstract marks belong to this set?” through identity marks and parallel descriptions. Respect this state: Logo cards: four ruled cards, each an abstract logo mark over a small heading and a two-line description; the fourth card inverted" }, "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": [ "bf2586f9441ae4ff75f197ebbef98d0aa46862e83c790ca5ce177651ceae07c5", "5d999d21c2052502265a5ad47c519c66bff89d585ad6a04bb37594dd8059ef8a" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "81f3f7cfcccab124e0e2face33b23bc77422a30aa237f3000cd77df3992a95fb", "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": "Which four organizations or abstract marks belong to this set?", "semantic_role": "what the set is, top left", "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 · what the set is, top left]", "layout_budget": { "authored": "under 8 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": [ 7 ] } }, { "name": "cards", "reader_question": "What specific quantity or comparable member supports the governing point?", "semantic_role": "4-5 x (full-bleed illustration, label and short claim over the top of it, plus button); the row runs off the right edge", "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 · cards · 4-5 x (full-bleed illustration, label and short claim over the top of it, plus button); the row runs off the right edge]", "layout_budget": { "authored": "claim 3-7 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": [ 47 ] } }, { "name": "logo", "reader_question": "What does the logo contribute to this page’s reader outcome?", "semantic_role": "opt-logos: abstract .logo-mark placeholder per card, never a real logo", "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 · logo · opt-logos: abstract .logo-mark placeholder per card, never a real logo]", "layout_budget": { "authored": "1-2 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "logo", "occurrences": 5, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 1, 1, 1, 1, 1 ] } } ], "contract_correction": { "date": "2026-10-13", "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.", "records": [ { "code": "S16", "option": "logos", "counts": { "logo": 4 }, "reason": "Current authored repeated members inspected; count was previously one wrapper rather than its repeated content." } ] } }, "narrative_profile": { "central_point": "Four named offerings or identities are explained side by side using a shared descriptive pattern.", "communication_job": "Identify a finite set and explain each member’s contribution without relying on full imagery.", "audience_value": "Orientation: lets readers distinguish organisations, initiatives or service components by their described roles.", "reading_path": [ "Read the headline to learn what the four identities have in common.", "Read each abstract mark with its heading and description.", "Treat the inverted fourth card as visual emphasis, not a supported winner unless a reason is supplied." ], "adaptation": { "required_inputs": [ "Exactly four identities or offerings.", "A short description of each contribution.", "Truthful affiliation language; use abstract placeholders unless real marks are cleared." ], "slot_guidance": { "headline": "The organising category and relationship.", "cards": "Four heading-description units; imagery and plus controls are hidden in this option.", "logo": "Four abstract wordmarks or labelled placeholders, paired with the correct descriptions; not real customer endorsements." }, "can_change": [ "Four identities and their descriptions.", "Abstract placeholder marks." ], "must_survive": [ "Four visible items; fifth base card is hidden.", "Each mark and explanation refer to the same entity.", "No implied endorsement from decorative marks." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative, used only to demonstrate this selected communication job.", "slot_fills": { "headline": "Four parts of the proposed service", "cards": [ "Assess | Establish what is wrong before estimating.", "Prepare | Confirm the part and technician are ready.", "Visit | Agree a practical access window.", "Review | Check the repair and learn from failures." ], "logo": [ "Assess", "Prepare", "Visit", "Review" ] }, "reasoning": "The four identities are parts of one offer; the labels and descriptions distinguish their functions without inventing partner credibility.", "qualification": "All names, stories, statements and numbers are invented teaching material; no real endorsement, research result or implemented service is asserted." }, "narrative_fit": { "before": "Introduce the overall service or set.", "after": "Explain the selected component or its evidence in depth.", "good_uses": [ "Service-component overview", "Four identity profiles with explicit relationships" ], "poor_fits": [ "A logo wall implying endorsements", "A five-item set", "A ranking without criteria" ] }, "evidence": { "observations": [ "Current selected-option markup, CSS and contract were inspected: Identify a finite set and explain each member’s contribution without relying on full imagery." ], "interpretations": [ "The guidance interprets the layout’s communication affordances; it does not assert source-author intent." ], "not_verified": [ "Original author intent, surrounding source sequence, sample factual claims and persuasion effects are not independently verified.", "Option source pixels and live interaction were not separately verified in this authoring pass." ], "references": [ "dist/S16-card-row/spread.html", "dist/S16-card-row/spread.json", "https://www.apple.com/iphone/" ] }, "review": { "status": "reviewed", "basis": "Reviewed option layout-contract and full fictional mapping from actual implementation; not source-author or empirical validation." }, "variation_relationship": "different-job" }, "required_content": [ "Exactly four identities or offerings.", "A short description of each contribution.", "Truthful affiliation language; use abstract placeholders unless real marks are cleared." ], "requires_before": [ "Introduce the overall service or set." ], "enables_after": [ "Explain the selected component or its evidence in depth." ], "avoid_when": [ "A logo wall implying endorsements", "A five-item set", "A ranking without criteria" ] }, "split-scene": { "audience_question": "Which three perspectives come from this one shared scene?", "intent": "Connect a panoramic whole to three authored explanations.", "reader_outcome": "Connect a panoramic whole to three authored explanations.", "reasoning_relation": "shared visual whole and three perspectives", "slot_roles": { "scene-angle": "Three complete units: relevant panorama region, perspective label, heading and explanation. The base headline is hidden; put essential context in the surrounding section or visible option labels." }, "matching": { "audience_question": "Which three perspectives come from this one shared scene?", "reader_outcome": "Connect a panoramic whole to three authored explanations.", "reasoning_relation": "shared visual whole and three perspectives", "content_shape": { "composition": "A headline, then three or four images, each with a label and a three-to-six-word claim.", "selected_state": "One panoramic illustration separates into three panels, then each panel turns to its authored explanation. Page/hero sequence; flat on phones, reduced motion and without scripts.", "density": "standard", "columns": 4, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "scene-angle", "reader_question": "What does the scene angle contribute to this page’s reader outcome?", "semantic_role": "Three complete units: relevant panorama region, perspective label, heading and explanation. The base headline is hidden; put essential context in the surrounding section or visible option labels.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · scene-angle · A named perspective paired to its region of the shared panorama.]", "layout_budget": { "authored": "3 perspectives, one explanation each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "scene-angle", "occurrences": 3, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 19, 19, 19 ] } } ], "rejection_constraints": [ "Separate panel crops presented as independent evidence sources.", "Unrelated pictures whose equal card size creates a false category." ], "option_guidance": { "option": "split-scene", "composition_delta": "One panoramic illustration separates into three panels, then each panel turns to its authored explanation. Page/hero sequence; flat on phones, reduced motion and without scripts.", "semantic_change": "changes content relationship", "matching_instruction": "Select S16 split-scene when the supplied material answers “Which three perspectives come from this one shared scene?” through shared visual whole and three perspectives. Respect this state: One panoramic illustration separates into three panels, then each panel turns to its authored explanation. Page/hero sequence; flat on phones, reduced motion and without scripts." }, "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": [ "bf2586f9441ae4ff75f197ebbef98d0aa46862e83c790ca5ce177651ceae07c5", "5d999d21c2052502265a5ad47c519c66bff89d585ad6a04bb37594dd8059ef8a" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "81f3f7cfcccab124e0e2face33b23bc77422a30aa237f3000cd77df3992a95fb", "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": "Which three perspectives come from this one shared scene?", "semantic_role": "what the set is, top left", "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 · what the set is, top left]", "layout_budget": { "authored": "under 8 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": [ 7 ] } }, { "name": "scene-angle", "reader_question": "What does the scene angle contribute to this page’s reader outcome?", "semantic_role": "A named perspective paired to its region of the shared panorama.", "content_unit_count": { "min": 3, "max": 3, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · scene-angle · A named perspective paired to its region of the shared panorama.]", "layout_budget": { "authored": "3 perspectives, one explanation each", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "scene-angle", "occurrences": 3, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 19, 19, 19 ] } } ], "contract_correction": { "date": "2026-10-13", "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.", "records": [ { "code": "S16", "option": "split-scene", "slots": [ "scene-angle" ] } ] } }, "narrative_profile": { "central_point": "One shared scene can be understood through three complementary perspectives.", "communication_job": "Move from a visual whole to explanations of its parts.", "audience_value": "Explanation: helps readers connect a system-level scene to distinct functions without losing their common setting.", "reading_path": [ "Inspect the single panorama as one whole.", "Read the three panel explanations as named views into that same whole.", "Use the complete explanations state to compare the parts; the reveal is not evidence of chronology." ], "adaptation": { "required_inputs": [ "One coherent panoramic scene.", "Three distinct perspectives anchored to regions of that scene.", "A shared interpretation that makes those parts belong together." ], "slot_guidance": { "scene-angle": "Three complete units: relevant panorama region, perspective label, heading and explanation. The base headline is hidden; put essential context in the surrounding section or visible option labels." }, "can_change": [ "Scene and three anchored perspectives.", "Text length within readable explanations." ], "must_survive": [ "All three panels use the same coherent panorama.", "Explanations remain available in complete/static reading.", "No necessary meaning lives in the hidden base headline." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative, used only to demonstrate this selected communication job.", "slot_fills": { "scene-angle": [ "Left / Diagnosis: Establish the fault | The workshop’s inspection bench represents the check that determines what work is needed.", "Centre / Parts: Prepare the repair | The central parts station represents availability before confirming a booking.", "Right / Follow-up: Check the result | The service desk represents learning whether the repair lasted." ] }, "reasoning": "The three views explain functions within one repair workshop; the continuous image preserves their shared setting and the text carries the real distinctions.", "qualification": "All names, stories, statements and numbers are invented teaching material; no real endorsement, research result or implemented service is asserted." }, "narrative_fit": { "before": "Introduce the workshop as a proposed service system and label the image as generated.", "after": "Examine a part in detail or explain its handoff to another.", "good_uses": [ "A system explained through one scene", "An image-led overview of complementary roles" ], "poor_fits": [ "Three unrelated stock images", "A claimed timeline inferred from panel order" ] }, "evidence": { "observations": [ "Current selected-option markup, CSS and contract were inspected: Move from a visual whole to explanations of its parts." ], "interpretations": [ "The guidance interprets the layout’s communication affordances; it does not assert source-author intent." ], "not_verified": [ "Original author intent, surrounding source sequence, sample factual claims and persuasion effects are not independently verified.", "Option source pixels and live interaction were not separately verified in this authoring pass." ], "references": [ "dist/S16-card-row/spread.html", "dist/S16-card-row/spread.json", "https://www.apple.com/iphone/", "https://uselayouts.com/docs/components/scroll-split-cards", "dist/reference-options.js" ] }, "review": { "status": "reviewed", "basis": "Reviewed option layout-contract and full fictional mapping from actual implementation; not source-author or empirical validation." }, "variation_relationship": "different-job" }, "required_content": [ "One coherent panoramic scene.", "Three distinct perspectives anchored to regions of that scene.", "A shared interpretation that makes those parts belong together." ], "requires_before": [ "Introduce the workshop as a proposed service system and label the image as generated." ], "enables_after": [ "Examine a part in detail or explain its handoff to another." ], "avoid_when": [ "Three unrelated stock images", "A claimed timeline inferred from panel order" ] } }, "narrative_profile": { "central_point": "A family of related subjects offers several useful entry points.", "communication_job": "Help readers scan a finite set and choose what to explore.", "audience_value": "Orientation and choice: gives enough distinction between entries to choose without reading the full detail first.", "reading_path": [ "Read the headline to understand what unites the collection.", "Read each label and compact claim against its illustration.", "Choose a card for more detail only if a real destination or reveal is implemented." ], "adaptation": { "required_inputs": [ "Four or five distinct entries in the current card row.", "One truthful premise and relevant illustration per card.", "Destinations or fully implemented details when actions are presented." ], "slot_guidance": { "headline": "Name the common subject, not a claim every card fails to support.", "cards": "Four or five complete units: illustration, category label, short premise and accurate action. The existing plus symbols alone do not supply working content." }, "can_change": [ "Entry subjects and illustrations.", "Four or five items within the supported row." ], "must_survive": [ "Each card’s label, image and premise agree.", "Navigation promises have real destinations.", "Equal card size does not imply equal importance." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative proposal; all events, people and evidence are invented teaching material.", "slot_fills": { "headline": "Meet the repair service", "cards": [ "Assessment | We identify the fault first | Illustration: inspection bench | Detail: how assessment works.", "Parts | Confirm parts before booking | Illustration: organised parts tray | Detail: availability checks.", "Visit | Book a practical access window | Illustration: doorway visit | Detail: appointment choices.", "Aftercare | Check the repair still works | Illustration: follow-up call | Detail: follow-up plan." ] }, "reasoning": "Each card is an entry into a different part of the same service; the row is a menu of explanations, not a required sequence.", "qualification": "Fictional teaching example only. Proposed benefits and results are not verified; replace with authorised material for a real use." }, "narrative_fit": { "before": "Introduce the service and why the reader might explore it.", "after": "Open the selected feature, case or explanation with the promised detail.", "good_uses": [ "Feature browsing", "A collection of related places or subjects", "A menu of story angles" ], "poor_fits": [ "A dependency chain", "A scored comparison", "Nonfunctional buttons presented as live actions" ] }, "evidence": { "observations": [ "Viewed source: an Apple feature row pairs topic labels, concise benefit statements and product imagery, with detail buttons; current layout uses generated scenes.", "Current HTML and active slot contract were inspected." ], "interpretations": [ "The guidance interprets the layout’s communication affordances; it does not assert source-author intent." ], "not_verified": [ "Original author intent, surrounding source sequence, sample factual claims and persuasion effects are not independently verified." ], "references": [ "02_product/spreads/S16-card-row/source.webp", "dist/S16-card-row/spread.html", "dist/S16-card-row/spread.json", "https://www.apple.com/iphone/" ] }, "review": { "status": "reviewed", "basis": "Viewed retained source capture and inspected current markup/slot contract; reviewed reasoning and example mapping. This is layout-contract review, not source-intent confirmation." }, "variation_relationship": "base" } }, "options": [ { "id": "logos", "what": "Logo cards: four ruled cards, each an abstract logo mark over a small heading and a two-line description; the fourth card inverted" }, { "id": "split-scene", "what": "One panoramic illustration separates into three panels, then each panel turns to its authored explanation. Page/hero sequence; flat on phones, reduced motion and without scripts.", "sources": [ { "ref": "useLayouts Scroll Split Cards", "url": "https://uselayouts.com/docs/components/scroll-split-cards" } ] } ], "also_seen_in": [ "useLayouts Scroll Split Cards (https://uselayouts.com/docs/components/scroll-split-cards; captured 2026-10-10; private reference capture; native redraw, no source code or photograph reused)" ], "source": { "ref": "Apple iPhone, \"Get to know\" card row", "url": "https://www.apple.com/iphone/" } }