{ "code": "S17", "name": "Feature", "shape": "feature", "family": "Evidence and pictures", "fits": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "use_when": "Explaining how something works, with a picture of it.", "slots": [ { "name": "title", "holds": "the idea, top left", "budget": "under 6 words" }, { "name": "paragraph", "holds": "the explanation, top right", "budget": "under 40 words" }, { "name": "link", "holds": "one call to read on", "budget": "2-4 words" }, { "name": "image", "holds": "what it looks like, full width", "budget": "16:9" }, { "name": "features", "holds": "label + 2 columns of short items", "budget": "2-6 items" } ], "columns": 2, "density": "standard", "surface": "deep", "works_on": [ "deck", "page" ], "library": "Linear", "reference_libraries": [ "useLayouts" ], "dir": "S17-feature", "semantic": { "audience_question": "How does this idea work, and which small details support it?", "intent": "Connect one explained feature to its illustration and supporting facets.", "reasoning_relation": "feature explanation and supporting details", "message_pattern": "[Idea] helps [audience] achieve [outcome] through [mechanism].", "required_content": [ "A single coherent capability or idea.", "A mechanism-focused explanation.", "A cleared product view or labelled illustration plus two to six supporting functions." ], "narrative_positions": [ "context", "explanation", "evidence: choose only when the page supports the surrounding argument" ], "requires_before": [ "Establish why unreliable booking is a problem." ], "enables_after": [ "Inspect the full workflow or a working prototype and its limitations." ], "slot_roles": { "title": "The capability or conclusion in a few words.", "paragraph": "Explain the mechanism and relevance, with limits.", "link": "A real route to the promised next detail; plain text alone is not navigation.", "image": "The single large feature view. Current figure has duplicate data-slot annotations; treat it as one image, not two.", "features": "Two to six complementary functions that substantiate the same capability." }, "avoid_when": [ "Several unrelated stories", "An outcome claim with no supporting evidence" ], "layout_specific_contract": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "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": "Connect one explained feature to its illustration and supporting facets.", "matching": { "audience_question": "How does this idea work, and which small details support it?", "reader_outcome": "Connect one explained feature to its illustration and supporting facets.", "reasoning_relation": "feature explanation and supporting details", "content_shape": { "composition": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "selected_state": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "density": "standard", "columns": 2, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "title", "reader_question": "How does this idea work, and which small details support it?", "semantic_role": "The capability or conclusion in a few words.", "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 · title · the idea, top left]", "layout_budget": { "authored": "under 6 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "title", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "paragraph", "reader_question": "What does the paragraph contribute to this page’s reader outcome?", "semantic_role": "Explain the mechanism and relevance, with limits.", "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 · paragraph · the explanation, top right]", "layout_budget": { "authored": "under 40 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "paragraph", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 19 ] } }, { "name": "link", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "A real route to the promised next detail; plain text alone is not navigation.", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · link · one call to read on]", "layout_budget": { "authored": "2-4 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "link", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 3 ] } }, { "name": "image", "reader_question": "What does the image contribute to this page’s reader outcome?", "semantic_role": "The single large feature view. Current figure has duplicate data-slot annotations; treat it as one image, not two.", "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 · image · what it looks like, full width]", "layout_budget": { "authored": "16:9", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "illustration", "occurrences": 4, "annotation_status": "Semantic role explicitly mapped to authored selector; do not infer a data-slot with this name.", "visibility_status": "Selected-state structure inspected; conditional or decorative regions can be absent in narrow/complete states.", "sample_word_counts": [ 0, 0, 0, 0 ], "selector": "figure.fimg" } }, { "name": "features", "reader_question": "What does the features contribute to this page’s reader outcome?", "semantic_role": "Two to six complementary functions that substantiate the same capability.", "content_unit_count": { "min": 2, "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 · features · label + 2 columns of short items]", "layout_budget": { "authored": "2-6 items", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "features", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 9 ] } } ], "rejection_constraints": [ "Several unrelated features that each need an independent main claim.", "A product promise with no mechanism or substantiation." ], "option_guidance": { "option": "default", "composition_delta": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "semantic_change": "retains base content relationship; changes presentation or disclosure", "matching_instruction": "Select S17 default when the supplied material answers “How does this idea work, and which small details support it?” through feature explanation and supporting details. Respect this state: One idea explained: a claim and paragraph beside an image, with three small supporting points below." }, "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": 4, "source_visual_sha256": [ "6f89cef69b179bb66358fc84ff50048ff6e07bc5e49ea1e8a5bc0d2bc1d1047d", "69bd46f0274bb85efe55b3b4ab7fc98ac1b4159b3b81fba152fff87e9916629c", "e911e6667e76d1bc2c3d7d294e3e5071e1190439ce287257c8c044b4a4da352b", "139417f9e8eb0310786f1e19b7f1d6e9b5d30754a253e4754a4b28d9c9cd3ebd" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "c9033561d05f9b12a2be386986f5283af689c7d68f3ba33f14ba3952b361c7c4", "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": "title", "reader_question": "How does this idea work, and which small details support it?", "semantic_role": "the idea, 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 · title · the idea, top left]", "layout_budget": { "authored": "under 6 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "title", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 6 ] } }, { "name": "paragraph", "reader_question": "What does the paragraph contribute to this page’s reader outcome?", "semantic_role": "the explanation, top right", "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 · paragraph · the explanation, top right]", "layout_budget": { "authored": "under 40 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "paragraph", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 19 ] } }, { "name": "link", "reader_question": "What action is actually available, and what does taking it change?", "semantic_role": "one call to read on", "content_unit_count": { "min": 1, "max": 1, "basis": "authored composition members where a repeated group is specified; otherwise one named slot; not a required amount of evidence" }, "placeholder": "[REAL CONTENT · link · one call to read on]", "layout_budget": { "authored": "2-4 words", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "link", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 3 ] } }, { "name": "image", "reader_question": "What does the image contribute to this page’s reader outcome?", "semantic_role": "what it looks like, full width", "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 · image · what it looks like, full width]", "layout_budget": { "authored": "16:9", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "illustration", "occurrences": 4, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0, 0, 0, 0 ] } }, { "name": "features", "reader_question": "What does the features contribute to this page’s reader outcome?", "semantic_role": "label + 2 columns of short items", "content_unit_count": { "min": 2, "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 · features · label + 2 columns of short items]", "layout_budget": { "authored": "2-6 items", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "features", "occurrences": 1, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 9 ] } } ], "contract_correction": { "date": "2026-10-13", "basis": "Actual selected HTML/CSS inspection; previous required slots retained for review.", "records": [ { "code": "S17", "option": "default", "selectors": { "image": "figure.fimg" } } ] } }, "rejection_constraints": [ "Several unrelated features that each need an independent main claim.", "A product promise with no mechanism or substantiation." ], "markup_inventory": { "file": "spread.html", "sha256": "c9033561d05f9b12a2be386986f5283af689c7d68f3ba33f14ba3952b361c7c4", "method": "static lxml markup plus authored option description; no rendered-visibility claim", "all_markup_slot_counts": { "title": 1, "paragraph": 1, "link": 1, "illustration": 4, "features": 1, "story-card": 3, "pictures": 6 }, "slot_evidence": { "title": [ { "tag": "h2", "classes": "head", "sample_word_count": 6, "repeated_children": 0 } ], "paragraph": [ { "tag": "p", "classes": "sub", "sample_word_count": 19, "repeated_children": 0 } ], "link": [ { "tag": "span", "classes": "link", "sample_word_count": 3, "repeated_children": 0 } ], "illustration": [ { "tag": "figure", "classes": "ph r-16x9 fimg", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "ph", "sample_word_count": 0, "repeated_children": 1 } ], "features": [ { "tag": "div", "classes": "flist", "sample_word_count": 9, "repeated_children": 3 } ], "story-card": [ { "tag": "article", "classes": "ref-editorial-card", "sample_word_count": 24, "repeated_children": 2 }, { "tag": "article", "classes": "ref-editorial-card", "sample_word_count": 24, "repeated_children": 2 }, { "tag": "article", "classes": "ref-editorial-card", "sample_word_count": 24, "repeated_children": 2 } ], "pictures": [ { "tag": "figure", "classes": "cat-photo", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 0, "repeated_children": 1 }, { "tag": "figure", "classes": "cat-photo", "sample_word_count": 0, "repeated_children": 1 } ] }, "option_selectors": [ "editorial-deck" ], "linked_implementation": [ { "file": "../spreads.css", "sha256": "32da94472b0c9131e4d5dae7d5bf0498b09202a9e66294b4e4f23e6ddfbf37ba" }, { "file": "../catalogue-options.css", "sha256": "d4ac2c72a1ba61f50fc52dbacff24130de014f42f1dc2df5fd841bea7a34e2db" }, { "file": "../spread.js", "sha256": "3d99948b83f750bd4ae95dac08e3e50a395de7c149c90a6f1a1c0ea36a2634a4" }, { "file": "../reference-options.js", "sha256": "c110580a1f2358278839f17ac81168f85d53c41c9b2c1a42aac74b66b836f7b5" }, { "file": "../catalogue-options.js", "sha256": "ca693515383ba7cdf6d9937beada03614150786a4ca850ca800282ed4732d991" } ] }, "variations": { "editorial-deck": { "audience_question": "Which story should I open, based on its headline and publication context?", "intent": "Inspect each finite editorial card’s image, metadata and headline.", "reader_outcome": "Inspect each finite editorial card’s image, metadata and headline.", "reasoning_relation": "story collection and publication context", "slot_roles": { "story-card": "Three actual story-card articles, each with its own image, context/date, headline and premise." }, "matching": { "audience_question": "Which story should I open, based on its headline and publication context?", "reader_outcome": "Inspect each finite editorial card’s image, metadata and headline.", "reasoning_relation": "story collection and publication context", "content_shape": { "composition": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "selected_state": "Editorial story cards with illustration left, publication metadata and headline right. Select by buttons or horizontal drag; mobile, reduced motion and no-script views show the full list.", "density": "standard", "columns": 2, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "story-card", "reader_question": "What does the story card contribute to this page’s reader outcome?", "semantic_role": "Three actual story-card articles, each with its own image, context/date, headline and premise.", "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 · story-card · Each story’s cleared image, publication/date metadata and truthful headline.]", "layout_budget": { "authored": "one complete finite story set", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "story-card", "occurrences": 3, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 24, 24, 24 ] } } ], "rejection_constraints": [ "Interactive selection implying an unlimited news feed or hiding metadata in static views.", "A product promise with no mechanism or substantiation." ], "option_guidance": { "option": "editorial-deck", "composition_delta": "Editorial story cards with illustration left, publication metadata and headline right. Select by buttons or horizontal drag; mobile, reduced motion and no-script views show the full list.", "semantic_change": "changes content relationship", "matching_instruction": "Select S17 editorial-deck when the supplied material answers “Which story should I open, based on its headline and publication context?” through story collection and publication context. Respect this state: Editorial story cards with illustration left, publication metadata and headline right. Select by buttons or horizontal drag; mobile, reduced motion and no-script views show the full list." }, "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": 4, "source_visual_sha256": [ "6f89cef69b179bb66358fc84ff50048ff6e07bc5e49ea1e8a5bc0d2bc1d1047d", "69bd46f0274bb85efe55b3b4ab7fc98ac1b4159b3b81fba152fff87e9916629c", "e911e6667e76d1bc2c3d7d294e3e5071e1190439ce287257c8c044b4a4da352b", "139417f9e8eb0310786f1e19b7f1d6e9b5d30754a253e4754a4b28d9c9cd3ebd" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "c9033561d05f9b12a2be386986f5283af689c7d68f3ba33f14ba3952b361c7c4", "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": "Three distinct stories develop related questions within one subject.", "communication_job": "Browse three editorial entries with image, publication context and headline.", "audience_value": "Orientation and perspective: helps readers choose or follow distinct angles without mistaking a stack for a ranking or a chronology.", "reading_path": [ "Read each story’s publication/context label and headline.", "Read its premise together with the paired illustration.", "Use the full reading state to compare all three; navigation order does not establish importance." ], "adaptation": { "required_inputs": [ "Three complete story units.", "Accurate publication/proposal status and dates.", "An explanation and paired cleared image for every entry." ], "slot_guidance": { "story-card": "Three actual story-card articles, each with its own image, context/date, headline and premise." }, "can_change": [ "Story angles, dates and paired images.", "Order when its narrative reason remains explicit." ], "must_survive": [ "Three complete entries remain reachable.", "Image and copy stay paired.", "Publication and proposal status remain honest.", "A complete export must show all entries, not just the active front card." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative, used only to demonstrate this selected communication job.", "slot_fills": { "story-card": [ "01 Why appointments fall through | Fictional explainer, October 2026 | A proposed report follows readiness checks before a repair visit. | Generated illustration: parts tray.", "02 What a safe repair requires | Fictional guide, October 2026 | A proposed guide distinguishes repairable faults from cases requiring replacement. | Generated illustration: inspection bench.", "03 Did the repair last? | Fictional follow-up, October 2026 | A proposed story examines what the pilot should ask after a visit. | Generated illustration: follow-up call." ] }, "reasoning": "The sequence moves from readiness to safety to follow-up. Each story is distinct yet contributes to the same proposed repair-service inquiry.", "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 shared subject and whether these stories are published or proposed.", "after": "Open a selected story, or synthesize the sequence’s implications.", "good_uses": [ "A small editorial series", "A sequence of related cases" ], "poor_fits": [ "One capability with four bullet features", "A ranked comparison", "Unlabelled unpublished pitches shown as completed reporting" ] }, "evidence": { "observations": [ "Current selected-option markup, CSS and contract were inspected: Browse three editorial entries with image, publication context and headline." ], "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/S17-feature/spread.html", "dist/S17-feature/spread.json", "https://linear.app/", "https://uselayouts.com/docs/components/editorial-deck", "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": [ "Three complete story units.", "Accurate publication/proposal status and dates.", "An explanation and paired cleared image for every entry." ], "requires_before": [ "Introduce the shared subject and whether these stories are published or proposed." ], "enables_after": [ "Open a selected story, or synthesize the sequence’s implications." ], "avoid_when": [ "One capability with four bullet features", "A ranked comparison", "Unlabelled unpublished pitches shown as completed reporting" ] }, "rolling-stack": { "audience_question": "What do these three story cards say before I choose one?", "intent": "Inspect a finite story set with every card recoverable.", "reader_outcome": "Inspect a finite story set with every card recoverable.", "reasoning_relation": "story collection and progressive selection", "slot_roles": { "pictures": "Three complete story units: label/date, headline, explanation and paired image. The pictures annotation may identify only media nodes; also edit their sibling copy within each actual .cat-story." }, "matching": { "audience_question": "What do these three story cards say before I choose one?", "reader_outcome": "Inspect a finite story set with every card recoverable.", "reasoning_relation": "story collection and progressive selection", "content_shape": { "composition": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "selected_state": "Three story cards with text left and art right; elevated tabs behind the active card, explicit next/previous and show-all.", "density": "standard", "columns": 2, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pictures", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "Three complete story units: label/date, headline, explanation and paired image. The pictures annotation may identify only media nodes; also edit their sibling copy within each actual .cat-story.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · pictures · Three complete story cards, each with headline, explanation, publication context and paired image.]", "layout_budget": { "authored": "3 stories; headline and bounded explanation per card", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pictures", "occurrences": 6, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0, 0, 0, 0, 0, 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "Stack depth interpreted as editorial rank without an authored rule.", "A product promise with no mechanism or substantiation." ], "option_guidance": { "option": "rolling-stack", "composition_delta": "Three story cards with text left and art right; elevated tabs behind the active card, explicit next/previous and show-all.", "semantic_change": "changes content relationship", "matching_instruction": "Select S17 rolling-stack when the supplied material answers “What do these three story cards say before I choose one?” through story collection and progressive selection. Respect this state: Three story cards with text left and art right; elevated tabs behind the active card, explicit next/previous and show-all." }, "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": 4, "source_visual_sha256": [ "6f89cef69b179bb66358fc84ff50048ff6e07bc5e49ea1e8a5bc0d2bc1d1047d", "69bd46f0274bb85efe55b3b4ab7fc98ac1b4159b3b81fba152fff87e9916629c", "e911e6667e76d1bc2c3d7d294e3e5071e1190439ce287257c8c044b4a4da352b", "139417f9e8eb0310786f1e19b7f1d6e9b5d30754a253e4754a4b28d9c9cd3ebd" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "c9033561d05f9b12a2be386986f5283af689c7d68f3ba33f14ba3952b361c7c4", "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": "Three distinct stories develop related questions within one subject.", "communication_job": "Inspect three story cards through explicit previous/next choices while retaining a complete list.", "audience_value": "Orientation and perspective: helps readers choose or follow distinct angles without mistaking a stack for a ranking or a chronology.", "reading_path": [ "Read each story’s publication/context label and headline.", "Read its premise together with the paired illustration.", "Use the full reading state to compare all three; navigation order does not establish importance." ], "adaptation": { "required_inputs": [ "Three complete story units.", "Accurate publication/proposal status and dates.", "An explanation and paired cleared image for every entry." ], "slot_guidance": { "pictures": "Three complete story units: label/date, headline, explanation and paired image. The pictures annotation may identify only media nodes; also edit their sibling copy within each actual .cat-story." }, "can_change": [ "Story angles, dates and paired images.", "Order when its narrative reason remains explicit." ], "must_survive": [ "Three complete entries remain reachable.", "Image and copy stay paired.", "Publication and proposal status remain honest.", "A complete export must show all entries, not just the active front card." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative, used only to demonstrate this selected communication job.", "slot_fills": { "pictures": [ "01 Why appointments fall through | Fictional explainer, October 2026 | A proposed report follows readiness checks before a repair visit. | Generated illustration: parts tray.", "02 What a safe repair requires | Fictional guide, October 2026 | A proposed guide distinguishes repairable faults from cases requiring replacement. | Generated illustration: inspection bench.", "03 Did the repair last? | Fictional follow-up, October 2026 | A proposed story examines what the pilot should ask after a visit. | Generated illustration: follow-up call." ] }, "reasoning": "The sequence moves from readiness to safety to follow-up. Each story is distinct yet contributes to the same proposed repair-service inquiry.", "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 shared subject and whether these stories are published or proposed.", "after": "Open a selected story, or synthesize the sequence’s implications.", "good_uses": [ "A small editorial series", "A sequence of related cases" ], "poor_fits": [ "One capability with four bullet features", "A ranked comparison", "Unlabelled unpublished pitches shown as completed reporting" ] }, "evidence": { "observations": [ "Current selected-option markup, CSS and contract were inspected: Inspect three story cards through explicit previous/next choices while retaining a complete list." ], "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/S17-feature/spread.html", "dist/S17-feature/spread.json", "https://linear.app/", "https://uselayouts.com/docs/components/rolling-card-stack", "dist/catalogue-options.css", "dist/catalogue-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": [ "Three complete story units.", "Accurate publication/proposal status and dates.", "An explanation and paired cleared image for every entry." ], "requires_before": [ "Introduce the shared subject and whether these stories are published or proposed." ], "enables_after": [ "Open a selected story, or synthesize the sequence’s implications." ], "avoid_when": [ "One capability with four bullet features", "A ranked comparison", "Unlabelled unpublished pitches shown as completed reporting" ] }, "scroll-stack": { "audience_question": "How does this finite sequence of stories accumulate as I read?", "intent": "Follow authored story order while preserving every card’s text and image.", "reader_outcome": "Follow authored story order while preserving every card’s text and image.", "reasoning_relation": "ordered story collection and scroll disclosure", "slot_roles": { "pictures": "Three complete story units: label/date, headline, explanation and paired image. The pictures annotation may identify only media nodes; also edit their sibling copy within each actual .cat-story." }, "matching": { "audience_question": "How does this finite sequence of stories accumulate as I read?", "reader_outcome": "Follow authored story order while preserving every card’s text and image.", "reasoning_relation": "ordered story collection and scroll disclosure", "content_shape": { "composition": "One idea explained: a claim and paragraph beside an image, with three small supporting points below.", "selected_state": "Folder-tab story cards accumulate as you scroll; text left, picture right. Narrow/reduced/static views keep full reading order.", "density": "standard", "columns": 2, "column_note": "Base metadata only; selected option can replace the base geometry." }, "required_slots": [ { "name": "pictures", "reader_question": "What subject, example or view must I inspect, and is it evidence or illustration?", "semantic_role": "Three complete story units: label/date, headline, explanation and paired image. The pictures annotation may identify only media nodes; also edit their sibling copy within each actual .cat-story.", "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": "[CLEARED IMAGE OR LABELLED ILLUSTRATION · pictures · Three complete stories in authored order, each with headline, explanation and paired image.]", "layout_budget": { "authored": "3 stories; all visible in complete static reading", "policy": "Working composition guidance: preserve scope and qualification; change layout rather than truncate the argument." }, "markup": { "slot": "pictures", "occurrences": 6, "annotation_status": "present", "visibility_status": "not asserted from static parsing", "sample_word_counts": [ 0, 0, 0, 0, 0, 0 ] }, "integrity": "Clear rights and provenance, retain meaningful alt text; generated scenes illustrate and cannot prove a historical event." } ], "rejection_constraints": [ "Scroll movement used to hide essential content or imply an infinite feed.", "A product promise with no mechanism or substantiation." ], "option_guidance": { "option": "scroll-stack", "composition_delta": "Folder-tab story cards accumulate as you scroll; text left, picture right. Narrow/reduced/static views keep full reading order.", "semantic_change": "changes content relationship", "matching_instruction": "Select S17 scroll-stack when the supplied material answers “How does this finite sequence of stories accumulate as I read?” through ordered story collection and scroll disclosure. Respect this state: Folder-tab story cards accumulate as you scroll; text left, picture right. Narrow/reduced/static views keep full reading order." }, "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": 4, "source_visual_sha256": [ "6f89cef69b179bb66358fc84ff50048ff6e07bc5e49ea1e8a5bc0d2bc1d1047d", "69bd46f0274bb85efe55b3b4ab7fc98ac1b4159b3b81fba152fff87e9916629c", "e911e6667e76d1bc2c3d7d294e3e5071e1190439ce287257c8c044b4a4da352b", "139417f9e8eb0310786f1e19b7f1d6e9b5d30754a253e4754a4b28d9c9cd3ebd" ], "source_export": "private source images remain outside this draft site", "markup_sha256": "c9033561d05f9b12a2be386986f5283af689c7d68f3ba33f14ba3952b361c7c4", "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": "Three distinct stories develop related questions within one subject.", "communication_job": "Read three authored stories in a deliberate accumulating sequence.", "audience_value": "Orientation and perspective: helps readers choose or follow distinct angles without mistaking a stack for a ranking or a chronology.", "reading_path": [ "Read each story’s publication/context label and headline.", "Read its premise together with the paired illustration.", "Use the full reading state to compare all three; preserve the authored argument order." ], "adaptation": { "required_inputs": [ "Three complete story units.", "Accurate publication/proposal status and dates.", "An explanation and paired cleared image for every entry." ], "slot_guidance": { "pictures": "Three complete story units: label/date, headline, explanation and paired image. The pictures annotation may identify only media nodes; also edit their sibling copy within each actual .cat-story." }, "can_change": [ "Story angles, dates and paired images.", "Order when its narrative reason remains explicit." ], "must_survive": [ "Three complete entries remain reachable.", "Image and copy stay paired.", "Publication and proposal status remain honest.", "A complete export must show all entries, not just the active front card." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative, used only to demonstrate this selected communication job.", "slot_fills": { "pictures": [ "01 Why appointments fall through | Fictional explainer, October 2026 | A proposed report follows readiness checks before a repair visit. | Generated illustration: parts tray.", "02 What a safe repair requires | Fictional guide, October 2026 | A proposed guide distinguishes repairable faults from cases requiring replacement. | Generated illustration: inspection bench.", "03 Did the repair last? | Fictional follow-up, October 2026 | A proposed story examines what the pilot should ask after a visit. | Generated illustration: follow-up call." ] }, "reasoning": "The sequence moves from readiness to safety to follow-up. Each story is distinct yet contributes to the same proposed repair-service inquiry.", "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 shared subject and whether these stories are published or proposed.", "after": "Open a selected story, or synthesize the sequence’s implications.", "good_uses": [ "A small editorial series", "A sequence of related cases" ], "poor_fits": [ "One capability with four bullet features", "A ranked comparison", "Unlabelled unpublished pitches shown as completed reporting" ] }, "evidence": { "observations": [ "Current selected-option markup, CSS and contract were inspected: Read three authored stories in a deliberate accumulating sequence." ], "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/S17-feature/spread.html", "dist/S17-feature/spread.json", "https://linear.app/", "https://uselayouts.com/docs/components/scroll-stack-deck", "dist/catalogue-options.css", "dist/catalogue-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": [ "Three complete story units.", "Accurate publication/proposal status and dates.", "An explanation and paired cleared image for every entry." ], "requires_before": [ "Introduce the shared subject and whether these stories are published or proposed." ], "enables_after": [ "Open a selected story, or synthesize the sequence’s implications." ], "avoid_when": [ "One capability with four bullet features", "A ranked comparison", "Unlabelled unpublished pitches shown as completed reporting" ] } }, "narrative_profile": { "central_point": "One capability is explained, shown and broken into supporting functions.", "communication_job": "Answer what the idea is, how it works and what detail the reader can inspect next.", "audience_value": "Explanation: connects a high-level proposition with a concrete view and practical components.", "reading_path": [ "Read title and explanation as one proposition.", "Inspect the large image for the described mechanism or view.", "Use the feature list to understand its components, then follow the accurately labelled link." ], "adaptation": { "required_inputs": [ "A single coherent capability or idea.", "A mechanism-focused explanation.", "A cleared product view or labelled illustration plus two to six supporting functions." ], "slot_guidance": { "title": "The capability or conclusion in a few words.", "paragraph": "Explain the mechanism and relevance, with limits.", "link": "A real route to the promised next detail; plain text alone is not navigation.", "image": "The single large feature view. Current figure has duplicate data-slot annotations; treat it as one image, not two.", "features": "Two to six complementary functions that substantiate the same capability." }, "can_change": [ "Capability, view and supporting functions.", "Link destination with accurate action label." ], "must_survive": [ "One capability unites all elements.", "Concept versus implemented state is explicit.", "Image does not imply unimplemented functionality exists." ] }, "worked_example": { "fictional": true, "scenario": "Fictional repair cooperative proposal; all events, people and evidence are invented teaching material.", "slot_fills": { "title": "Book against ready parts", "paragraph": "The proposed desk checks diagnosis, stock and technician availability before confirming a slot. Exceptions stay visible so staff can explain why an appointment is still provisional.", "link": "See booking workflow", "image": "Labelled concept illustration of a booking desk with diagnosis, parts and technician checks.", "features": [ "Record the reported fault", "Check the required part", "Confirm technician availability", "Keep uncertain bookings provisional" ] }, "reasoning": "The lower features explain how the capability could work; they do not turn a concept illustration into a shipping product.", "qualification": "Fictional teaching example only. Proposed benefits and results are not verified; replace with authorised material for a real use." }, "narrative_fit": { "before": "Establish why unreliable booking is a problem.", "after": "Inspect the full workflow or a working prototype and its limitations.", "good_uses": [ "A product or service capability", "A mechanism overview", "A feature section in a visual story" ], "poor_fits": [ "Several unrelated stories", "An outcome claim with no supporting evidence" ] }, "evidence": { "observations": [ "Viewed source: a feature heading and explanation sit above a large interface view, with supporting feature links below; top heading is partly cropped in retained capture.", "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/S17-feature/source.webp", "dist/S17-feature/spread.html", "dist/S17-feature/spread.json", "https://linear.app/" ] }, "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": "editorial-deck", "what": "Editorial story cards with illustration left, publication metadata and headline right. Select by buttons or horizontal drag; mobile, reduced motion and no-script views show the full list.", "sources": [ { "ref": "useLayouts Editorial Deck", "url": "https://uselayouts.com/docs/components/editorial-deck" } ] }, { "id": "rolling-stack", "what": "Three story cards with text left and art right; elevated tabs behind the active card, explicit next/previous and show-all.", "sources": [ { "ref": "useLayouts Rolling Card Stack", "url": "https://uselayouts.com/docs/components/rolling-card-stack" } ] }, { "id": "scroll-stack", "what": "Folder-tab story cards accumulate as you scroll; text left, picture right. Narrow/reduced/static views keep full reading order.", "sources": [ { "ref": "useLayouts Scroll Stack Deck", "url": "https://uselayouts.com/docs/components/scroll-stack-deck" } ] } ], "also_seen_in": [ "useLayouts Editorial Deck (https://uselayouts.com/docs/components/editorial-deck; captured 2026-10-10; private reference capture; independent redraw)" ], "source": { "ref": "Linear homepage, \"Intake and integrations\"", "url": "https://linear.app/" } }