{ "schemaVersion": 1, "release": "2026-10-05.1", "records": [ { "id": "big", "revision": 2, "title": "BIG — Bjarke Ingels Group", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "project-index", "systematic", "architecture", "compact-metadata" ], "requestedUrl": "https://big.dk/", "resolvedUrl": "https://big.dk/", "inspectedAt": "2026-10-05T15:25:14.155Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed research", "url": "https://big.dk/" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "collection", "multiple-images", "proof", "content-group" ], "visitorTasks": [ "inspect-work", "evaluate-service" ], "assetMinimum": "multiple-images", "complexity": "low", "lowComplexityAlternative": "Use an ordinary vertical project index with one image, title, location and supported scope per entry; retain visible discipline navigation.", "structure": { "opening": "Aligned project index: right image column paired with left project name, location and glyph", "navigation": "Compact discipline links across the top with brand and search", "sequence": [ "discipline navigation", "project image and metadata entries", "more project entries" ], "evidence": "Individual project images and location labels; actual completion status not audited", "density": "Very sparse chrome and broad empty fields around consistent project rows", "imageTypeRelationship": "Small right-aligned labels identify a much larger landscape image beside them", "interior": "Not inspected in revision 1", "responsive": "Not inspected in revision 1", "action": "Click-through project links rather than a dominant contact CTA in the opening" }, "observedRelationships": [ "The project inventory introduces the practice without a promotional hero statement.", "Metadata aligns against the image column, preserving a repeatable scanning axis." ], "lessons": [ "A supported body of work can be the opening argument; give every image contextual identification rather than generic praise.", "Compact navigation and quiet metadata let work carry attention without requiring an oversized display heading." ], "useWhen": [ "There are several authentic projects with enough scope/location facts to distinguish them." ], "avoidWhen": [ "The business lacks usable project photography or a meaningful inventory; do not invent projects or borrow BIG assets." ], "adds": "A work-index opening and restrained metadata alignment, contrasting with statement-plus-photo split heroes.", "views": [ { "id": "desktop-opening", "route": "https://big.dk/", "resolvedUrl": "https://big.dk/", "inspectedAt": "2026-10-05T15:25:14.155Z", "viewport": { "width": 1440, "height": 900 }, "state": "opening", "scope": "opening", "observation": "White field, compact discipline navigation, project glyph and right-aligned title/location alongside landscape imagery. Three project rows enter the opening.", "evidencePointer": "Codex browser session 2026-10-05 / BIG / screenshot after 1440x900 viewport override", "limitations": [ "The page reported 100661px total height; the whole project index and interiors were not visually inspected." ] } ], "limitations": [ "Desktop opening only. Mobile and consequential interior pending. No accessibility, performance or interaction audit. Creator attribution unverified." ], "relatedExamples": [ "mara-specimen" ], "lessonIds": [ "cmp-collection-structure", "cmp-shared-alignment" ], "compositionTags": [ "work-index", "image-metadata-alignment" ] }, { "id": "baggu", "revision": 2, "title": "BAGGU", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign-to-catalog", "photographic", "commerce", "density-change" ], "requestedUrl": "https://baggu.com/", "resolvedUrl": "https://baggu.com/", "inspectedAt": "2026-10-05T15:27:22.380Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed research", "url": "https://baggu.com/" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links; session screenshot viewing only", "redistribution": "No external screenshots/code/assets bundled; permission unestablished", "generationUse": "abstract-lessons-only", "basis": "Original written relationship analysis from live browser inspection; not a grant to use publisher media or branding." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "shop", "collection", "multiple-images", "comparison", "action", "identity" ], "visitorTasks": [ "shop-collection", "compare-options", "inspect-product" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Use static paired campaign photographs and a labeled product grid; replace carousels with visible scrollable or wrapping collections, keeping price and product names explicit.", "structure": { "opening": "Paired campaign image fields with a shared collection action bar", "navigation": "Desktop shop/info/search around centered identity and cart; mobile hamburger and cart; shipping strip above", "sequence": [ "paired campaign", "new-arrival product rail", "coming-soon image field", "collection rail", "second campaign", "social images", "practical footer" ], "evidence": "Product objects, carried scale photographs, explicit dimensions and capacity comparisons on the product interior", "density": "Broad campaign images yield to compact product labels and rails, then return to campaign imagery", "imageTypeRelationship": "Small factual labels sit directly beneath product images; strong uppercase campaign labels join separate image fields", "interior": "Product detail: narrow left purchase/specification column and large image area on desktop; use gallery and compare-purses section extend factual evaluation", "responsive": "Campaign images stack on mobile; navigation collapses; product image precedes buying details; related products form two columns and comparison remains a horizontal rail", "action": "Collection bar follows campaign; purchase button follows title/variant choice; supporting details and comparison follow without a generic contact band" }, "observedRelationships": [ "Desktop campaign images share one label/action strip; mobile stacks the same imagery above one combined action.", "The product interior changes the hierarchy from atmospheric browsing to object, variant choice and details.", "Dimensions and what-it-fits information are adjacent to comparable product/model images, creating specific evaluation evidence." ], "lessons": [ "Change density to reflect a change in visitor task: campaign creates interest, catalog supports scanning, product detail supports a choice.", "Pair factual capacity/specification information with imagery that explains scale; never invent equivalent customer evidence." ], "useWhen": [ "An actual product collection has cleared campaign/object images and supported item details." ], "avoidWhen": [ "Sparse-media services lack product imagery or inventory; do not imitate shopping controls when the visitor needs a conversation." ], "adds": "Campaign-to-catalog rhythm and a materially different product interior, plus a comparison section tied to dimensions and carrying capacity.", "views": [ { "id": "desktop-opening", "route": "https://baggu.com/", "resolvedUrl": "https://baggu.com/", "inspectedAt": "2026-10-05T15:26:27.469Z", "viewport": { "width": 1440, "height": 900 }, "state": "opening", "scope": "opening", "observation": "Two image panels, compact centered wordmark/navigation, ochre action strip, new-arrival product rail entering below.", "evidencePointer": "Codex browser session / BAGGU / 1440x900 opening screenshot", "limitations": [ "Campaign footage changes between frames." ] }, { "id": "desktop-whole", "route": "https://baggu.com/", "resolvedUrl": "https://baggu.com/", "inspectedAt": "2026-10-05T15:26:27.469Z", "viewport": { "width": 1440, "height": 900 }, "state": "whole-page", "scope": "whole-page", "observation": "Campaign → arrivals → coming soon → collections → geometrics → social imagery → newsletter and multi-column practical links; alternates image fields and quiet labels.", "evidencePointer": "Codex browser session / BAGGU / desktop full-page screenshot", "limitations": [ "Full-page view inspects organization, not every offscreen carousel item." ] }, { "id": "mobile-opening", "route": "https://baggu.com/", "resolvedUrl": "https://baggu.com/", "inspectedAt": "2026-10-05T15:26:27.469Z", "viewport": { "width": 390, "height": 844 }, "state": "opening", "scope": "opening", "observation": "Hamburger/identity/cart row; campaign images stacked; combined SHOP NEUTRALS bar followed by compact product rail.", "evidencePointer": "Codex browser session / BAGGU / 390x844 opening screenshot", "limitations": [] }, { "id": "mobile-whole", "route": "https://baggu.com/", "resolvedUrl": "https://baggu.com/", "inspectedAt": "2026-10-05T15:26:27.469Z", "viewport": { "width": 390, "height": 844 }, "state": "whole-page", "scope": "whole-page", "observation": "3263px page retains campaign/rail alternation; geometrics shows one campaign frame at a time; footer practical links become two columns.", "evidencePointer": "Codex browser session / BAGGU / mobile full-page screenshot", "limitations": [ "Carousel contents clipped intentionally; swipe behavior not audited." ] }, { "id": "mobile-product", "route": "https://baggu.com/products/small-nylon-meringue-bag-fog", "resolvedUrl": "https://baggu.com/products/small-nylon-meringue-bag-fog", "inspectedAt": "2026-10-05T15:27:22.380Z", "viewport": { "width": 390, "height": 844 }, "state": "product-details", "scope": "task", "observation": "Large object image precedes title, price, variant swatches and purchase control; details expand below; two-column related objects, use images, capacity comparison and practical footer inspected in full-page view.", "evidencePointer": "Codex browser session / BAGGU / mobile product full-page screenshot", "limitations": [ "You-may-also-like images remained empty in the full-page view; checkout not attempted." ] }, { "id": "desktop-product", "route": "https://baggu.com/products/small-nylon-meringue-bag-fog", "resolvedUrl": "https://baggu.com/products/small-nylon-meringue-bag-fog", "inspectedAt": "2026-10-05T15:27:22.380Z", "viewport": { "width": 1440, "height": 900 }, "state": "product-details-and-materials", "scope": "task", "observation": "Left factual purchase/details column alongside large object and carried-scale imagery; full organization includes use photos and dimension/capacity comparison. Materials button opened a different detail panel.", "evidencePointer": "Codex browser session / BAGGU / desktop product opening/full-page/materials-open screenshots", "limitations": [ "Some gallery frames and recommendation images were blank; no purchase submitted." ] } ], "limitations": [ "Session screenshots not retained as a redistributable corpus. Catalog lazy images and recommendation media were incomplete; usable primary product imagery loaded on subsequent observation. Mobile menu opened late; focus/reduced-motion not audited. No full accessibility audit or conversion evidence." ], "relatedExamples": [ "fen-repair", "rivet-components" ], "lessonIds": [ "cmp-image-sequence", "cmp-comparison", "cmp-responsive-recomposition" ], "compositionTags": [ "paired-campaign", "catalog-density-change", "product-specification" ] }, { "id": "gov-uk", "revision": 2, "title": "GOV.UK", "lifecycle": "active", "primaryFamily": "civic", "tags": [ "task-directory", "sparse-media", "information-dense", "functional" ], "requestedUrl": "https://www.gov.uk/", "resolvedUrl": "https://www.gov.uk/", "inspectedAt": "2026-10-05T15:32:00.566Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed research practical-gap lead", "url": "https://www.gov.uk/" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Written observations/source links and in-session visual inspection", "redistribution": "No screenshots/assets redistributed; OGL notice observed but marks and third-party exceptions not cleared", "generationUse": "abstract-lessons-only", "basis": "Original analysis of visible organization. Footer has an OGL notice with exceptions; this record deliberately authorizes original abstract lessons only." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "collection", "routes", "comparison", "sparse-media", "type-content", "real-copy", "professional-service" ], "visitorTasks": [ "find-service", "compare-options", "read-deeply" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "A short task directory with explicit descriptive links and a few priority tasks works without photography or a search backend.", "structure": { "opening": "Task-led search and popular service destinations", "navigation": "Brand, menu and search; category interior adds a breadcrumb", "sequence": [ "search introduction", "popular tasks", "service categories with short scope descriptions", "featured destinations", "government activity", "related shortcuts", "practical footer" ], "evidence": "Descriptive topic scopes and explicit destination labels rather than decorative customer proof", "density": "Compact popular links then a long service directory with repeated labeled rows; secondary content sits beside the main list on desktop", "imageTypeRelationship": "Text supplies nearly all hierarchy; small featured icons identify secondary tasks", "interior": "Business category retains priority most-viewed tasks above a long descriptive topic directory; introductory heading is shorter and sits on a pale field", "responsive": "Desktop popular links form three columns and category/featured content uses a wide main column plus side column; mobile converts to one ordered column and places featured content after the category list", "action": "Actions are destination links positioned at each decision; search is prominent at the homepage opening" }, "observedRelationships": [ "Most-viewed destinations appear before the comprehensive directory, giving common tasks a shorter route.", "Descriptions below topic links explain scope before navigation rather than asking visitors to infer it from an icon.", "The mobile layout preserves category reading order and moves desktop secondary content after the primary list." ], "lessons": [ "A broad service offering can begin with the visitor's task and prioritized choices; a brand story need not lead every page.", "Text-first sites gain identity and clarity from a consistent reading hierarchy, grouping and descriptive actions; a photograph is not required." ], "useWhen": [ "The visitor must choose among several supported services or locate information; content has useful scope distinctions." ], "avoidWhen": [ "Do not transplant government branding or infer official authority. A small practice with two services may not need a huge directory or search control." ], "adds": "A practical sparse-media directory and category interior that prioritizes tasks while preserving comprehensive navigation.", "views": [ { "id": "desktop-opening", "route": "https://www.gov.uk/", "resolvedUrl": "https://www.gov.uk/", "inspectedAt": "2026-10-05T15:31:49.106Z", "viewport": { "width": 1440, "height": 900 }, "state": "cookies-rejected-message-hidden", "scope": "opening", "observation": "Blue text/search opening followed by a three-column popular-task group; service directory begins beneath a blue separator.", "evidencePointer": "Codex browser session / GOV.UK / desktop opening after Reject additional cookies and Hide cookie message", "limitations": [] }, { "id": "desktop-whole", "route": "https://www.gov.uk/", "resolvedUrl": "https://www.gov.uk/", "inspectedAt": "2026-10-05T15:31:49.106Z", "viewport": { "width": 1440, "height": 900 }, "state": "whole-page", "scope": "whole-page", "observation": "Primary category directory beside featured destinations; later government activity beside shortcuts; feedback strip and comprehensive footer follow.", "evidencePointer": "Codex browser session / GOV.UK / desktop full-page screenshot", "limitations": [ "Search backend and feedback submission not exercised." ] }, { "id": "mobile-opening", "route": "https://www.gov.uk/", "resolvedUrl": "https://www.gov.uk/", "inspectedAt": "2026-10-05T15:31:49.106Z", "viewport": { "width": 390, "height": 844 }, "state": "cookies-rejected", "scope": "opening", "observation": "Brand/menu/search in a compact row, title wraps, full-width search and vertically ordered popular links.", "evidencePointer": "Codex browser session / GOV.UK / 390x844 opening screenshot", "limitations": [] }, { "id": "mobile-whole", "route": "https://www.gov.uk/", "resolvedUrl": "https://www.gov.uk/", "inspectedAt": "2026-10-05T15:31:49.106Z", "viewport": { "width": 390, "height": 844 }, "state": "whole-page", "scope": "whole-page", "observation": "Category directory precedes featured destinations; government activity precedes more shortcuts; footer sections stack without needing photographic content.", "evidencePointer": "Codex browser session / GOV.UK / mobile full-page screenshot", "limitations": [ "Long-page image was scaled for transcript display; organization inspected, not a readability/zoom audit." ] }, { "id": "mobile-interior", "route": "https://www.gov.uk/browse/business", "resolvedUrl": "https://www.gov.uk/browse/business", "inspectedAt": "2026-10-05T15:32:00.566Z", "viewport": { "width": 390, "height": 844 }, "state": "category-directory", "scope": "task", "observation": "Breadcrumb, pale intro, most-viewed links and single-column topic rows with descriptive scope; all sections and practical footer inspected in full-page view.", "evidencePointer": "Codex browser session / GOV.UK / Business and self-employed mobile full-page screenshot", "limitations": [ "No consequential tax or service application was submitted." ] }, { "id": "desktop-interior", "route": "https://www.gov.uk/browse/business", "resolvedUrl": "https://www.gov.uk/browse/business", "inspectedAt": "2026-10-05T15:32:00.566Z", "viewport": { "width": 1440, "height": 900 }, "state": "category-directory", "scope": "task", "observation": "Category intro uses a pale field; most-viewed links and broad topic rows fill a constrained central column. No campaign hero repeats the homepage search.", "evidencePointer": "Codex browser session / GOV.UK / Business and self-employed desktop full-page screenshot", "limitations": [] } ], "limitations": [ "Creator attribution remains unverified. No full accessibility, focus, reduced-motion or backend audit. Screenshot corpus not redistributed." ], "relatedExamples": [ "clearwell-directory" ], "lessonIds": [ "cmp-navigation", "cmp-collection-structure", "cmp-unequal-emphasis" ], "compositionTags": [ "task-directory", "prioritized-search", "category-index" ] }, { "revision": 2, "lifecycle": "active", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed research", "url": "https://www.awwwards.com/websites/sites_of_the_year/" }, "sourceStatus": "live", "sourcing": { "researchRetention": "Original observations retained; screenshots viewed in-session only", "redistribution": "External imagery/code/branding uncleared; not bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relational lessons; publisher material is research only" }, "eligible": { "metadata": true, "images": false, "code": false }, "relatedExamples": [ "margin-journal" ], "lessonIds": [ "cmp-unequal-emphasis", "cmp-semantic-grouping", "cmp-disclosure" ], "id": "oatly", "title": "Oatly Global", "primaryFamily": "maximalism", "tags": [ "graphic-board", "handmade", "campaign", "editorial-navigation" ], "requestedUrl": "https://www.oatly.com/", "resolvedUrl": "https://www.oatly.com/", "inspectedAt": "2026-10-05T15:39:14.445Z", "evidenceLevel": "deep-reviewed", "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "collection", "comparison", "action", "multiple-images", "type-content" ], "visitorTasks": [ "Explore a brand and products", "Find practical product answers" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Use a normal document scroll and an unequal editorial grid with explicit category labels; omit video and the desktop metaphor.", "structure": { "opening": "Mission text and campaign footage occupy unequal cells inside a thin outlined browser frame.", "navigation": "Desktop category bar and utility symbols; narrow mobile reveals a full-screen hierarchical menu.", "sequence": [ "Mission and current campaign", "Unequal news, product, recipe and FAQ tiles", "Show more pagination", "Utility grid footer" ], "evidence": "Product photographs, packaging and authored campaign graphics interleave with labeled editorial routes.", "density": "Mixed wide, tall and small tiles make different content weights visible; one uniform border system holds the board together.", "imageTypeRelationship": "Hand-drawn and condensed type appears both in original campaign imagery and quiet metadata strips; do not borrow those assets.", "interior": "FAQ changes to a heading-led page: category jump links, related article images and text disclosures; location finder and contact follow.", "responsive": "Desktop mission/campaign columns become text then campaign on mobile; some mobile tile pairs remain side by side. Initial mobile board loads seven items versus twenty desktop.", "action": "Each tile links to its purpose; FAQ moves from questions to a location finder and contextual contact." }, "observedRelationships": [ "The outer graph-paper field and thin black outlines unify a heterogeneous collection without forcing equal tile heights.", "Campaign imagery is balanced by compact category strips; practical FAQ text uses the same voice with a different reading layout.", "Mobile menu exposes product categories rather than shrinking the desktop category bar." ], "lessons": [ "Unify diverse content with one restrained framing rule while allowing distinct spans and proportions.", "Let an interior become a decision/reading tool; carry visual identity through typography and navigation rather than repeating the homepage board." ], "useWhen": [ "An established graphic voice and multiple useful campaign/product materials exist", "Visitors browse heterogeneous editorial content then need detailed answers" ], "avoidWhen": [ "Sparse factual service brief lacks art-directed assets", "Brand rhetoric would be copied as customer facts", "Nested scroll and motion are unnecessary for the visitor task" ], "adds": "An unequal graphic editorial board that transforms into a practical FAQ, contrasting with repeated equal product cards.", "views": [ { "id": "oatly-home-desktop-opening", "route": "/", "resolvedUrl": "https://www.oatly.com/", "inspectedAt": "2026-10-05T15:38:19.522Z", "viewport": { "width": 1440, "height": 900 }, "state": "loaded initial content", "scope": "opening", "observation": "Mission left and campaign video right; uneven subsequent tile widths.", "evidencePointer": "Codex browser session 2026-10-05 / oatly-home-desktop-opening", "limitations": [] }, { "id": "oatly-home-desktop-scroll", "route": "/", "resolvedUrl": "https://www.oatly.com/", "inspectedAt": "2026-10-05T15:38:19.522Z", "viewport": { "width": 1440, "height": 900 }, "state": "loaded initial content", "scope": "whole-page", "observation": "Six PageDown views through inner scroll then End: current twenty-item board, Show more and grid footer.", "evidencePointer": "Codex browser session 2026-10-05 / oatly-home-desktop-scroll", "limitations": [ "Viewport screenshots cover a scroll frame; ordinary fullPage did not capture the inner board." ] }, { "id": "oatly-faq-desktop", "route": "/random-answers", "resolvedUrl": "https://www.oatly.com/random-answers", "inspectedAt": "2026-10-05T15:38:41.612Z", "viewport": { "width": 1440, "height": 900 }, "state": "FAQ interior and open disclosure", "scope": "task", "observation": "Full-page FAQ: category links, alternating article/disclosure columns, open first answer, finder and contact.", "evidencePointer": "Codex browser session 2026-10-05 / oatly-faq-desktop", "limitations": [ "A focused skip-link/accessibility bar obstructed part of the top full-page image; no accessibility audit." ] }, { "id": "oatly-home-mobile-opening", "route": "/", "resolvedUrl": "https://www.oatly.com/", "inspectedAt": "2026-10-05T15:39:04.727Z", "viewport": { "width": 390, "height": 844 }, "state": "loaded initial content", "scope": "opening", "observation": "Mission above campaign; compact utility strip; main menu opens and closes.", "evidencePointer": "Codex browser session 2026-10-05 / oatly-home-mobile-opening", "limitations": [] }, { "id": "oatly-home-mobile-scroll", "route": "/", "resolvedUrl": "https://www.oatly.com/", "inspectedAt": "2026-10-05T15:39:14.445Z", "viewport": { "width": 390, "height": 844 }, "state": "loaded initial content", "scope": "whole-page", "observation": "Four PageDown views through all seven initially loaded tiles to Show more and utility footer.", "evidencePointer": "Codex browser session 2026-10-05 / oatly-home-mobile-scroll", "limitations": [] }, { "id": "oatly-faq-mobile", "route": "/random-answers", "resolvedUrl": "https://www.oatly.com/random-answers", "inspectedAt": "2026-10-05T15:38:41.612Z", "viewport": { "width": 390, "height": 844 }, "state": "FAQ interior and open disclosure", "scope": "task", "observation": "Loaded full-page FAQ, then first question disclosure opened and its answer inspected.", "evidencePointer": "Codex browser session 2026-10-05 / oatly-faq-mobile", "limitations": [] } ], "limitations": [ "Board is paginated; only the initial twenty desktop/seven mobile items were reviewed, not the entire publisher archive.", "Several videos/images were briefly pixelated while loading. Loaded later views support the observations; motion and reduced-motion behavior remain unreviewed.", "No inquiry, newsletter or purchase submitted. No full keyboard/accessibility/performance audit.", "Exact per-image capture times were not exported; recorded browser timestamps delimit the inspection sequence. No external screenshots retained or redistributed." ], "compositionTags": [ "unequal-graphic-board", "reading-task-interior" ] }, { "revision": 2, "lifecycle": "active", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed research", "url": "https://www.awwwards.com/websites/sites_of_the_year/" }, "sourceStatus": "live", "sourcing": { "researchRetention": "Original observations retained; screenshots viewed in-session only", "redistribution": "External imagery/code/branding uncleared; not bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relational lessons; publisher material is research only" }, "eligible": { "metadata": true, "images": false, "code": false }, "relatedExamples": [ "mara-specimen" ], "lessonIds": [ "cmp-type-roles", "cmp-comparison" ], "id": "pangram-pangram", "title": "Pangram Pangram Foundry", "primaryFamily": "expressive-type", "tags": [ "specimen", "type-as-content", "commerce" ], "requestedUrl": "https://pangrampangram.com/", "resolvedUrl": "https://pangrampangram.com/", "inspectedAt": "2026-10-05T15:38:19.522Z", "evidenceLevel": "live-screened", "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "type-content", "collection", "comparison", "action" ], "visitorTasks": [ "Compare type families", "Inspect a specimen" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Use static, original typographic samples and clear family metadata instead of licensed specimens or variable-font controls.", "structure": { "opening": "Successive wide landscape/object panels carry very large type-family names plus Explore and Try actions.", "navigation": "Compact desktop textual categories with search/cart/menu icons.", "sequence": [ "New font panels", "Newest font cards", "In-use examples", "Foundry/about and secondary resources", "Academy", "Extensive footer: order read from DOM; lower visual review incomplete" ], "evidence": "The type itself is the product demonstration, paired with designer-created contextual imagery.", "density": "Opening uses broad immersive panels; product interior shifts to family samples, a dark descriptive panel and compact technical metadata.", "imageTypeRelationship": "Type-family names function as visible specimens over photographic fields.", "interior": "Neue Gstaad detail opening and partial full-page reviewed: width-family navigation, title/actions, landscape specimen, application images, description, technical data and licensing controls.", "responsive": "Not inspected yet.", "action": "Explore leads to detail; Try is a download link and Buy points to licensing; no download or cart action performed." }, "observedRelationships": [ "Large typography is evidence of the offering rather than an unrelated oversized slogan.", "The detail page separates expressive examples from technical family facts and licensing decisions." ], "lessons": [ "When a visual/textual craft is the product, demonstrate meaningful variations before describing them.", "Separate exploratory presentation from the practical technical decision." ], "useWhen": [ "The offering has real authored typographic/graphic examples", "A creative practice can demonstrate its method through actual work" ], "avoidWhen": [ "Customer type assets are not licensed", "Type is decorative but does not explain the offering" ], "adds": "Typography as inspectable product evidence; a useful boundary for expressive headings in ordinary service work.", "views": [ { "id": "pangram-home-desktop", "route": "/", "resolvedUrl": "https://pangrampangram.com/", "inspectedAt": "2026-10-05T15:38:19.522Z", "viewport": { "width": 1440, "height": 900 }, "state": "loaded initial content", "scope": "opening", "observation": "Loaded first landscape and next citrus panels: specimen names, short descriptions, Explore/Try controls.", "evidencePointer": "Codex browser session 2026-10-05 / pangram-home-desktop", "limitations": [] }, { "id": "pangram-detail-partial", "route": "/products/neue-gstaad", "resolvedUrl": "https://pangrampangram.com/products/neue-gstaad", "inspectedAt": "2026-10-05T15:38:19.522Z", "viewport": { "width": 1440, "height": 900 }, "state": "FAQ interior and open disclosure", "scope": "task", "observation": "Desktop opening and partial full-page: width navigation, large name, download/buy actions, landscape specimen, information/licensing panels.", "evidencePointer": "Codex browser session 2026-10-05 / pangram-detail-partial", "limitations": [ "Lower/scroll-triggered panels blank in captures; entire route not visually inspected." ] } ], "limitations": [ "Mobile not inspected. Homepage and product full-page captures had large unloaded or scroll-triggered blank sections; this record is screened, not deep.", "In-session screenshots only; exact per-capture timestamps unavailable.", "No paid font/imagery/code is cleared for generation or redistribution.", "Designer names on product detail describe that type family; website creator attribution not verified." ], "compositionTags": [ "type-specimen-panels", "explore-then-compare" ] }, { "id": "studio-gerosa", "revision": 2, "title": "Studio Gerosa", "lifecycle": "active", "primaryFamily": "documentary", "tags": [ "architecture", "photographic", "project-story", "unequal-sequence" ], "requestedUrl": "https://www.studio-gerosa.it/it", "resolvedUrl": "https://www.studio-gerosa.it/it", "inspectedAt": "2026-10-05T16:00:39.577Z", "version": "current", "creator": { "name": "Atto", "attributionUrl": "https://atto.si", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual live publisher inspection", "url": "https://www.siteinspire.com/website/13629-studio-gerosa" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "proof", "multiple-images", "process", "real-copy" ], "visitorTasks": [ "inspect-work", "evaluate-service" ], "assetMinimum": "multiple-images", "complexity": "low", "lowComplexityAlternative": "Use an ordinary vertical project index with one image, title, location and supported scope per entry; retain visible discipline navigation.", "structure": { "opening": "Single-screen project carousel under compact lime navigation and practice introduction; desktop introduction occupies a white band, mobile introduction becomes a black single-line strip and project photo crops tightly.", "navigation": "Work selection and register on desktop; plus opens mobile full-screen lime overlay with practice/contact.", "sequence": [ "practice context", "current project photograph and title", "project story on click", "facts", "alternating images and explanation", "credits and contact" ], "evidence": "Project photographs, program/location/year/area and attribution labels; publisher claims are not independently verified.", "density": "Very compact navigation/facts against generous photo and text fields; long blank spacing on interiors.", "imageTypeRelationship": "Broad architecture views carry the page; short bold paragraphs explain changes beside unequal image widths.", "interior": "Persistent project metadata strip with close/back link, panoramic opening, facts, varied project sequence, credits.", "responsive": "Home panorama becomes tightly cropped tall image; interior facts and unequal image/text composition become ordered single-column blocks.", "action": "Project image opens story; navigation gives profile/contact; no inquiry was submitted." }, "observedRelationships": [ "The homepage introduces actual work as a selected photographic scene with practice context above it.", "The interior develops the work through alternating scale and explanation, rather than repeating the homepage carousel.", "The same bright navigation strip ties compact project facts to the visual sequence." ], "lessons": [ "Use project-specific facts to orient visitors before a photographic sequence.", "Vary image size according to what each photograph explains, then recompose the reading order for a narrow viewport.", "Keep navigation and return controls recognizable as the interior changes scale." ], "useWhen": [ "A professional practice has an authentic body of work and a clear service scope." ], "avoidWhen": [ "Do not transfer publisher projects, branding, claims, imagery, or ornamental motion." ], "adds": "A single-screen selected-work opening paired with a documentary, unequal project narrative.", "views": [ { "id": "gerosa-desktop-opening", "route": "https://www.studio-gerosa.it/it", "resolvedUrl": "https://www.studio-gerosa.it/it", "inspectedAt": "2026-10-05T15:55:24.805Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "opening", "observation": "Single-screen project carousel under compact lime navigation and practice introduction; desktop introduction occupies a white band, mobile introduction becomes a black single-line strip and project photo crops tightly.", "evidencePointer": "live-session-20261005/gerosa-desktop-opening; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] }, { "id": "gerosa-desktop-full", "route": "https://www.studio-gerosa.it/it", "resolvedUrl": "https://www.studio-gerosa.it/it", "inspectedAt": "2026-10-05T15:55:24.805Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "project-carousel", "observation": "Single-screen project carousel under compact lime navigation and practice introduction; desktop introduction occupies a white band, mobile introduction becomes a black single-line strip and project photo crops tightly.", "evidencePointer": "live-session-20261005/gerosa-desktop-full; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] }, { "id": "gerosa-mobile-opening", "route": "https://www.studio-gerosa.it/it", "resolvedUrl": "https://www.studio-gerosa.it/it", "inspectedAt": "2026-10-05T16:00:19.666Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "opening", "observation": "Single-screen project carousel under compact lime navigation and practice introduction; desktop introduction occupies a white band, mobile introduction becomes a black single-line strip and project photo crops tightly.", "evidencePointer": "live-session-20261005/gerosa-mobile-opening; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] }, { "id": "gerosa-mobile-full", "route": "https://www.studio-gerosa.it/it", "resolvedUrl": "https://www.studio-gerosa.it/it", "inspectedAt": "2026-10-05T16:00:19.666Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "project-carousel", "observation": "Single-screen project carousel under compact lime navigation and practice introduction; desktop introduction occupies a white band, mobile introduction becomes a black single-line strip and project photo crops tightly.", "evidencePointer": "live-session-20261005/gerosa-mobile-full; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] }, { "id": "gerosa-mobile-project", "route": "https://www.studio-gerosa.it/it/progetti/uffici-tecnici-boffi/source:home", "resolvedUrl": "https://www.studio-gerosa.it/it/progetti/uffici-tecnici-boffi/source:home", "inspectedAt": "2026-10-05T16:00:28.278Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "project-story", "observation": "Project facts stack below a full-width photograph; images and explanation alternate in a single column. End scroll exposed credits and contact footer. Large whitespace remains between paragraphs and imagery.", "evidencePointer": "live-session-20261005/gerosa-mobile-project; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] }, { "id": "gerosa-desktop-project", "route": "https://www.studio-gerosa.it/it/progetti/uffici-tecnici-boffi/source:home", "resolvedUrl": "https://www.studio-gerosa.it/it/progetti/uffici-tecnici-boffi/source:home", "inspectedAt": "2026-10-05T16:00:39.577Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "project-story", "observation": "Lime metadata strip precedes panoramic photograph; four facts align across width; subsequent unequal image/text arrangements alternate sides, ending with credits and contact.", "evidencePointer": "live-session-20261005/gerosa-desktop-project; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] }, { "id": "gerosa-mobile-menu", "route": "https://www.studio-gerosa.it/it", "resolvedUrl": "https://www.studio-gerosa.it/it", "inspectedAt": "2026-10-05T16:00:54.860Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "navigation-open", "observation": "Full lime overlay places work/profile/contact choices at midheight, language choices alongside and contact/credit at bottom.", "evidencePointer": "live-session-20261005/gerosa-mobile-menu; written revision ledger artifacts/reference-library-expansion-20261005/studio-gerosa-r1.json", "limitations": [] } ], "limitations": [ "Session screenshots viewed; no redistributed image corpus. No full accessibility audit or contact submission.", "Live footer credits Website Atto; development attribution from award page was not independently verified.", "Mobile intro is a clipped/moving single line; do not imitate this for essential facts.", "Some project links/controls have no accessible name in DOM snapshot; task inspection is not endorsement." ], "relatedExamples": [ "fen-repair" ], "lessonIds": [ "cmp-image-sequence", "cmp-image-art-direction", "cmp-proof-adjacency" ], "compositionTags": [ "single-screen-project", "unequal-photo-narrative" ] }, { "id": "wordstone", "revision": 4, "title": "Wordstone Dispute Resolution", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "professional", "material-metaphor", "mixed-type", "restrained-chrome" ], "requestedUrl": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:41:49.305Z", "version": "current", "creator": { "name": "Fable & Co.", "attributionUrl": "https://fableco.uk/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual live publisher inspection", "url": "https://www.siteinspire.com/website/12632-wordstone" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "proof", "multiple-images", "process", "real-copy" ], "visitorTasks": [ "inspect-work", "evaluate-service" ], "assetMinimum": "one-image", "complexity": "low", "lowComplexityAlternative": "Use an ordinary vertical project index with one image, title, location and supported scope per entry; retain visible discipline navigation.", "structure": { "opening": "Rock landscape with centered inset material square and giant mixed italic/roman serif wordmark; narrow omits inset square and reduces name.", "navigation": "Wide small uppercase topic links above opening, then persistent cream wordmark/navigation strip; narrow hamburger and wordmark.", "sequence": [ "material opening", "large serif practice statement with short right-column explanation and About/Team outlined links", "mixed italic/sans slogan ribbon", "expertise statement offset across columns", "same material video poster with play/consent interface", "three ruled service disclosures with Find Out More", "dark four-region footer menu/expertise/connect/contact form", "material monogram strip", "small legal details" ], "evidence": "Defined service descriptions and legal/contact facts on home; actual work portraits, credited testimonial, practice experience disclosures and specialist contacts on service interior.", "density": "Large statements/material atmosphere change into modest explanatory copy, service disclosures and practical footer; interior adds substantive proof rather than repeating home.", "imageTypeRelationship": "Large serif statements, small italic section labels and slim sans explanations/controls separate roles. Material metaphor is distinct from work/team proof.", "interior": "Commercial Arbitration begins with section label, large serif proposition and small supporting paragraph. Moving mixed-type slogan leads to experience categories, unequal work portraits, attributed quote and four key contacts with portrait/name/role/location/contact icons; adjacent service links and common footer end it.", "responsive": "Home large statement and secondary explanation stack; buttons retain side-by-side. Footer becomes two utility columns then full-width form. Interior initially retained wide line wrapping after viewport resize; fresh narrow navigation corrected meaningful headings. Two work portraits become overlapped unequal scales, key contacts become two-column grid, adjacent services stack.", "action": "Commercial Arbitration disclosure actually expanded with readable explanation/Find Out More at both sizes; service route then opened from observed href. Narrow States and State Entities experience disclosure expanded explanatory case narrative; no form/contact/video submitted or played." }, "observedRelationships": [ "Material metaphor introduces identity while small explanatory prose identifies the practice and its task.", "Home service disclosure adds a brief explanation and relevant route in place; interior develops it into experience categories, documentary work and specialists.", "Unequal work portraits and a attributed quotation differ from the compact structured contact grid.", "Narrow footer preserves useful utility groups then makes the contact form full-width." ], "lessons": [ "Use original cleared material imagery only where actual positioning supports it.", "Explain the service clearly alongside atmospheric identity, with supported expertise facts.", "Develop service interiors into actual experience/process and relevant specialists.", "Make disclosures semantic, preserve visible controls and static readable primary copy; avoid requiring scroll animation for essential text." ], "useWhen": [ "A professional practice has an authentic body of work and a clear service scope." ], "avoidWhen": [ "Do not transfer publisher projects, branding, claims, imagery, or ornamental motion.", "Existing direction already overuses warm paper, oversized display type and ruled service lists." ], "adds": "Restrained professional material identity with genuine home-to-service depth, actual both-size service disclosure and documentary work/specialist proof; narrow resize defect recorded.", "views": [ { "id": "wordstone-wide-opening-2", "route": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:40:24.763Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded material", "observation": "Giant mixed serif name, rock/inset square and small top navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:40:24.763Z; wordstone-wide-opening-2; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-wide-whole-2", "route": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:40:24.763Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded organization", "observation": "Practice/explanation/actions, slogan, expertise/poster, three service disclosures, utility/form/material/legal footer. Fixed header displaced inside full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:40:24.763Z; wordstone-wide-whole-2; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-wide-commercial-expanded", "route": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:40:43.641Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "actual service expansion", "observation": "Commercial Arbitration minus marker, readable description and Find Out More visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:40:43.641Z; wordstone-wide-commercial-expanded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-wide-interior", "route": "https://wordstone.com/commercial-arbitration/", "resolvedUrl": "https://wordstone.com/commercial-arbitration/", "inspectedAt": "2026-10-05T20:40:51.897Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded full service interior", "observation": "Proposition/support, slogan, experience categories, unequal work photos, credited testimonial, four key contacts, adjacent links and common footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:40:51.897Z; wordstone-wide-interior; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-interior-initial", "route": "https://wordstone.com/commercial-arbitration/", "resolvedUrl": "https://wordstone.com/commercial-arbitration/", "inspectedAt": "2026-10-05T20:41:01.355Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded with resize line-wrap defect", "observation": "Essential large headings clipped after wide-to-narrow resize, rest of description/categories/photos/contacts/footer loaded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:01.355Z; wordstone-narrow-interior-initial; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-experience-expanded", "route": "https://wordstone.com/commercial-arbitration/", "resolvedUrl": "https://wordstone.com/commercial-arbitration/", "inspectedAt": "2026-10-05T20:41:14.464Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "actual experience expansion", "observation": "States and State Entities minus marker with visible substantive case explanation; clipped large preceding heading remains.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:14.464Z; wordstone-narrow-experience-expanded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-opening-2", "route": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:41:28.324Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded fresh navigation", "observation": "Rock crop/name without inset square, menu; large practice statement wraps correctly.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:28.324Z; wordstone-narrow-opening-2; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-whole-2", "route": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:41:28.324Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded home organization", "observation": "Statements/explanation/buttons, moving slogan, expertise/poster, service disclosures, stacked utility/form/material/legal ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:28.324Z; wordstone-narrow-whole-2; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-commercial-expanded", "route": "https://wordstone.com/", "resolvedUrl": "https://wordstone.com/", "inspectedAt": "2026-10-05T20:41:36.865Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "actual service expansion", "observation": "Readable short explanation/Find Out More and minus marker.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:36.865Z; wordstone-narrow-commercial-expanded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-interior-fresh", "route": "https://wordstone.com/commercial-arbitration/", "resolvedUrl": "https://wordstone.com/commercial-arbitration/", "inspectedAt": "2026-10-05T20:41:41.865Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "fresh navigation corrected heading wraps", "observation": "Meaningful proposition wraps into readable narrow lines; decorative moving slogan still intentionally clipped.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:41.865Z; wordstone-narrow-interior-fresh; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wordstone-narrow-interior-full-fresh", "route": "https://wordstone.com/commercial-arbitration/", "resolvedUrl": "https://wordstone.com/commercial-arbitration/", "inspectedAt": "2026-10-05T20:41:49.305Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "full loaded fresh narrow interior", "observation": "Readable proposition/experience heading, five disclosure categories, unequal overlapped work portraits, quote, two-column specialists and stacked adjacent-service/footer controls.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:41:49.305Z; wordstone-narrow-interior-full-fresh; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Wide-to-narrow resize retained unsuitable animated heading breaks; fresh narrow route navigation corrected meaningful wrapping. Both states retained.", "Decorative moving slogans are clipped by design; fixed navigation displaced in full captures. Video poster visible but analytics-consent condition/playback not exercised.", "No form submitted. Personal/professional/results/quotation/legal claims are publisher facts, unverified and never customer material.", "Mobile menu/search/contact filter, complete keyboard/reduced-motion/a11y audit not tested. No external assets/code bundled." ], "relatedExamples": [ "clearwell-letter", "clearwell-directory", "hearth-plane" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action", "cmp-image-art-direction" ] }, { "id": "good-and-common", "revision": 2, "title": "Good & Common", "lifecycle": "active", "primaryFamily": "text-first", "tags": [ "civic", "topic-index", "condensed-type", "reading", "monochrome" ], "requestedUrl": "https://goodandcommon.com/", "resolvedUrl": "https://goodandcommon.com/", "inspectedAt": "2026-10-05T16:03:12.101Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire; actual publisher inspection", "url": "https://www.siteinspire.com/website/11640-good-and-common" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "type-content", "real-copy", "collection", "content-group", "task", "process", "sparse-media" ], "visitorTasks": [ "read-deeply", "find-information", "compare-topics" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Use an ordinary linked topic index and a readable article with clear return and next-topic controls; video can be optional.", "structure": { "opening": "Centered serif purpose paragraph precedes an oversized condensed all-caps linked topic index on black; compact brand and two navigation choices.", "navigation": "Your Rights and About Us remain visible on desktop/mobile, with return-to-all-topics and next-topic links on article.", "sequence": [ "purpose", "large linked topics", "one blog feature", "updates and institutional links" ], "evidence": "Topic descriptions and article reading; optional embedded video supplements text without carrying navigation.", "density": "Large index words and broad spacing change to continuous serif article reading with small sans labels.", "imageTypeRelationship": "Type establishes identity and task selection; one blog photograph follows the index and a video thumbnail accompanies article.", "interior": "Desktop article separates title/video on left from explanatory prose/questions on right with central rule; mobile title/video precede the full prose.", "responsive": "Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "action": "Choose an everyday topic, read, then continue to another topic or return; updates form observed without submission." }, "observedRelationships": [ "The opening is a subject index rather than a claim-plus-image hero.", "Condensed topic labels and serif explanatory prose serve distinct task and reading roles.", "Desktop parallel media/prose becomes title, optional video, introduction, sections and questions on mobile." ], "lessons": [ "Use the vocabulary visitors recognize as the main way into a dense information collection.", "Differentiate navigation type from reading type without adding decorative cards.", "Make embedded media optional; preserve the written reading path and return/next links." ], "useWhen": [ "The site serves a finite set of recognized information tasks and has useful explanatory text." ], "avoidWhen": [ "Do not copy legal assertions into customer facts; record design relationships only.", "Oversized topic names need wrapping checks; do not mirror multiple h1 headings or weak gray-link contrast without evaluation." ], "adds": "A stark, sparse-media topic-index identity connected to a substantial two-column-to-single-column reading interior.", "views": [ { "id": "goodcommon-1440-opening", "route": "https://goodandcommon.com/", "resolvedUrl": "https://goodandcommon.com/", "inspectedAt": "2026-10-05T16:02:49.739Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "topic-index", "observation": "Centered serif purpose paragraph precedes an oversized condensed all-caps linked topic index on black; compact brand and two navigation choices. updates and institutional links. Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/good-and-common-r1.json", "limitations": [] }, { "id": "goodcommon-1440-whole-page", "route": "https://goodandcommon.com/", "resolvedUrl": "https://goodandcommon.com/", "inspectedAt": "2026-10-05T16:02:49.739Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "topic-index", "observation": "Centered serif purpose paragraph precedes an oversized condensed all-caps linked topic index on black; compact brand and two navigation choices. updates and institutional links. Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/good-and-common-r1.json", "limitations": [] }, { "id": "goodcommon-390-opening", "route": "https://goodandcommon.com/", "resolvedUrl": "https://goodandcommon.com/", "inspectedAt": "2026-10-05T16:03:02.133Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "topic-index", "observation": "Centered serif purpose paragraph precedes an oversized condensed all-caps linked topic index on black; compact brand and two navigation choices. updates and institutional links. Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/good-and-common-r1.json", "limitations": [ "Mobile index observation occurred immediately before clicking topic; timestamp bounds the sequence." ] }, { "id": "goodcommon-390-whole-page", "route": "https://goodandcommon.com/", "resolvedUrl": "https://goodandcommon.com/", "inspectedAt": "2026-10-05T16:03:02.133Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "topic-index", "observation": "Centered serif purpose paragraph precedes an oversized condensed all-caps linked topic index on black; compact brand and two navigation choices. updates and institutional links. Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/good-and-common-r1.json", "limitations": [ "Mobile index observation occurred immediately before clicking topic; timestamp bounds the sequence." ] }, { "id": "goodcommon-390-reading", "route": "https://goodandcommon.com/topic/housing-rights/", "resolvedUrl": "https://goodandcommon.com/topic/housing-rights/", "inspectedAt": "2026-10-05T16:03:02.133Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "filming-police-article", "observation": "Desktop article separates title/video on left from explanatory prose/questions on right with central rule; mobile title/video precede the full prose. Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/good-and-common-r1.json", "limitations": [ "URL slug says housing-rights while visible heading says Filming Police; record resolved route, do not correct publisher route." ] }, { "id": "goodcommon-1440-reading", "route": "https://goodandcommon.com/topic/housing-rights/", "resolvedUrl": "https://goodandcommon.com/topic/housing-rights/", "inspectedAt": "2026-10-05T16:03:12.101Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "filming-police-article", "observation": "Desktop article separates title/video on left from explanatory prose/questions on right with central rule; mobile title/video precede the full prose. Topics reduce scale while preserving centered list; article columns become one coherent reading column with return above and next-topic below.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/good-and-common-r1.json", "limitations": [ "URL slug says housing-rights while visible heading says Filming Police; record resolved route, do not correct publisher route." ] } ], "limitations": [ "Screenshots viewed in-session, not retained/redistributed.", "The publisher legal text was observed as layout content, not checked for current legal accuracy.", "Embedded video was not played; newsletter not submitted; no full accessibility audit.", "Some gray navigation/return labels appear low contrast; many homepage topic headings are h1 in snapshot." ], "relatedExamples": [ "margin-journal", "clearwell-directory" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-text-shape" ], "compositionTags": [ "topic-type-index", "question-answer-document" ] }, { "id": "scullion", "revision": 2, "title": "Scullion Architects", "lifecycle": "active", "primaryFamily": "expressive-type", "tags": [ "architecture", "photographic-reel", "giant-wordmark", "panel-navigation" ], "requestedUrl": "https://scullion.ie/", "resolvedUrl": "https://scullion.ie/", "inspectedAt": "2026-10-05T16:06:15.514Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire; actual publisher inspection", "url": "https://www.siteinspire.com/website/13630-scullion-architects" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "proof", "multiple-images", "process", "real-copy" ], "visitorTasks": [ "inspect-work", "evaluate-service" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Use a static pair of authentic project images, visible work navigation and a conventional process-aware contact page.", "structure": { "opening": "Single-screen photographic reel with oversized thin SCULLION wordmark; desktop practice description bottom left, MENU bottom right. Mobile shows a full-height material closeup beneath the wordmark.", "navigation": "Black side panel carries project/news/about links, contact details and desktop news thumbnails; initial control targets required disambiguation.", "sequence": [ "work atmosphere", "side navigation", "project inventory or inquiry panel" ], "evidence": "Architecture photographs and project labels; credentials not independently audited.", "density": "Full-screen visual field contrasts with compact descriptive text and a dense side panel.", "imageTypeRelationship": "Very large thin lettering crosses two adjacent photographic crops on desktop; mobile uses a single material closeup.", "interior": "Projects index opened but full-page capture stayed dark/partly revealed; first inquiry state observed with explanation, name/email fields and next-step control.", "responsive": "Mobile removes desktop descriptive overlay and uses a single image; inquiry loses adjacent documentary image and uses a vertical form. Nested/horizontal scrollbars were visible.", "action": "Discuss Your Project opens three-step inquiry explanation; no information entered or submitted." }, "observedRelationships": [ "The desktop wordmark crosses adjacent architectural crops instead of sitting beside a headline.", "The inquiry panel explains the next steps before asking for contact details, with documentary process imagery beside it on desktop." ], "lessons": [ "A photographic reel can introduce a practice but visitors still need a discoverable route into projects and contact.", "Explain the consultation process at the inquiry entry, using an optional supporting image rather than decorative proof." ], "useWhen": [ "A professional practice has an authentic body of work and a clear service scope." ], "avoidWhen": [ "Do not transfer publisher projects, branding, claims, imagery, or ornamental motion." ], "adds": "A photographic wordmark opening and a process-aware inquiry panel, with explicit mobile/loading weaknesses.", "views": [ { "id": "scullion-desktop-opening", "route": "https://scullion.ie/", "resolvedUrl": "https://scullion.ie/", "viewport": { "width": 1440, "height": 900 }, "inspectedAt": "2026-10-05T16:03:13.672Z", "scope": "opening", "state": "loaded-reel", "observation": "Single-screen photographic reel with oversized thin SCULLION wordmark; desktop practice description bottom left, MENU bottom right. Mobile shows a full-height material closeup beneath the wordmark.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/scullion-r1.json", "limitations": [ "Times bound a loading/interaction sequence; final screenshot observed after transition." ] }, { "id": "scullion-mobile-opening", "route": "https://scullion.ie/", "resolvedUrl": "https://scullion.ie/", "viewport": { "width": 390, "height": 844 }, "inspectedAt": "2026-10-05T16:05:34.773Z", "scope": "opening", "state": "loaded-reel", "observation": "Mobile removes desktop descriptive overlay and uses a single image; inquiry loses adjacent documentary image and uses a vertical form. Nested/horizontal scrollbars were visible.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/scullion-r1.json", "limitations": [ "Times bound a loading/interaction sequence; final screenshot observed after transition." ] }, { "id": "scullion-desktop-inquiry", "route": "https://scullion.ie/#start-a-project", "resolvedUrl": "https://scullion.ie/#start-a-project", "viewport": { "width": 1440, "height": 900 }, "inspectedAt": "2026-10-05T16:06:06.804Z", "scope": "task", "state": "inquiry-step-one", "observation": "Projects index opened but full-page capture stayed dark/partly revealed; first inquiry state observed with explanation, name/email fields and next-step control.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/scullion-r1.json", "limitations": [ "Times bound a loading/interaction sequence; final screenshot observed after transition." ] }, { "id": "scullion-mobile-inquiry", "route": "https://scullion.ie/#start-a-project", "resolvedUrl": "https://scullion.ie/#start-a-project", "viewport": { "width": 390, "height": 844 }, "inspectedAt": "2026-10-05T16:06:15.514Z", "scope": "task", "state": "inquiry-step-one", "observation": "Mobile removes desktop descriptive overlay and uses a single image; inquiry loses adjacent documentary image and uses a vertical form. Nested/horizontal scrollbars were visible.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/scullion-r1.json", "limitations": [ "Times bound a loading/interaction sequence; final screenshot observed after transition." ] } ], "limitations": [ "Session captures viewed, not retained or redistributed.", "Projects full-page capture remained dark/partly revealed; not counted as a completed deep review.", "Mobile menu and inquiry showed nested horizontal/vertical scrollbars and clipped content. Do not imitate these defects.", "Some attempts on overlapping reel/menu buttons did not open navigation; the labeled MENU control worked.", "Reduced motion and complete keyboard behavior were not audited; no inquiry submission." ], "relatedExamples": [ "mara-specimen", "fen-repair" ], "lessonIds": [ "cmp-image-art-direction", "cmp-contextual-action", "cmp-process" ], "compositionTags": [ "photographic-wordmark", "guided-inquiry" ] }, { "id": "linear", "revision": 2, "title": "Linear", "lifecycle": "active", "primaryFamily": "technical", "tags": [ "product-ui", "workflow", "comparison", "dark", "demonstration" ], "requestedUrl": "https://linear.app/", "resolvedUrl": "https://linear.app/", "inspectedAt": "2026-10-05T16:09:10.188Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed research; actual publisher inspection", "url": "https://linear.app/" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "product-ui", "process", "comparison", "proof", "content-group", "action" ], "visitorTasks": [ "explore-product", "compare-options", "understand-process" ], "assetMinimum": "product-ui", "complexity": "medium", "lowComplexityAlternative": "Use honest static product screenshots with task captions and an accessible pricing comparison table; omit simulated working UI and motion.", "structure": { "opening": "Left-aligned product-development claim and supporting sentence above a broad app issue/activity interface demonstration on a dark field.", "navigation": "Compact product/resources menus with pricing/contact plus login/signup; mobile retains brand/login/signup and hamburger.", "sequence": [ "product claim and issue UI", "customer logos", "three product principles", "intake UI/workflow", "planning timeline and monitoring", "agent examples", "review/code demonstration", "changelog", "customer quotes", "start/contact actions", "categorized footer" ], "evidence": "Rendered product UI and workflow examples adjacent to feature explanations; customer logos and quotations are publisher evidence not independently verified.", "density": "Large calm text regions alternate with intricate product interfaces and restrained feature links; brighter customer quote panels interrupt the dark field.", "imageTypeRelationship": "Detailed UI occupies more area than explanatory text; workflow examples connect feature language to concrete interface states.", "interior": "Desktop pricing has four aligned plans followed by a multi-column feature matrix; mobile stacks plan summaries and uses a single-plan selector for the detailed table.", "responsive": "Headline wraps without a split image; product UI is cropped horizontally, some principle/quote content uses horizontal rails, feature copy stacks; full-page mobile showed some unresolved UI blanks.", "action": "Feature-specific learn-more links, plan-specific signup/sales links, then end start/contact choice. No login, signup or sales inquiry performed." }, "observedRelationships": [ "The interface demonstrates the product below the opening claim instead of substituting an abstract illustration for evidence.", "Feature names, workflow interfaces and detail links remain adjacent through a long product sequence.", "The pricing matrix preserves feature labels on mobile by selecting one plan rather than shrinking four columns." ], "lessons": [ "Use authentic interface/task evidence to explain an actual software offering.", "Change density between product demonstration, feature explanation and a comparison task.", "When a comparison is too wide, retain row labels and offer a clear single-option view on narrow screens." ], "useWhen": [ "An actual software product has eligible UI and supported workflows; comparison facts are available." ], "avoidWhen": [ "Do not fabricate screenshots, customer logos, endorsements, functionality or plan claims.", "Do not turn a sparse local service into a dark SaaS presentation without fit.", "Do not copy low-contrast fine print, unresolved loading regions or oversized UI that hides important tasks." ], "adds": "Product workflow evidence and a desktop-to-mobile pricing comparison transformation.", "views": [ { "id": "linear-home-1440-opening", "route": "https://linear.app/", "resolvedUrl": "https://linear.app/", "inspectedAt": "2026-10-05T16:07:44.516Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded-home", "observation": "Left-aligned product-development claim and supporting sentence above a broad app issue/activity interface demonstration on a dark field. Headline wraps without a split image; product UI is cropped horizontally, some principle/quote content uses horizontal rails, feature copy stacks; full-page mobile showed some unresolved UI blanks.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/linear-r1.json", "limitations": [ "Timestamp bounds a loading/inspection sequence; first screenshot was blank, loaded screenshot was inspected later.", "Mobile feature UI blanks remain uninspected." ] }, { "id": "linear-home-1440-whole-page", "route": "https://linear.app/", "resolvedUrl": "https://linear.app/", "inspectedAt": "2026-10-05T16:07:44.516Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded-home", "observation": "Left-aligned product-development claim and supporting sentence above a broad app issue/activity interface demonstration on a dark field. Headline wraps without a split image; product UI is cropped horizontally, some principle/quote content uses horizontal rails, feature copy stacks; full-page mobile showed some unresolved UI blanks.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/linear-r1.json", "limitations": [ "Timestamp bounds a loading/inspection sequence; first screenshot was blank, loaded screenshot was inspected later.", "Mobile feature UI blanks remain uninspected." ] }, { "id": "linear-home-390-opening", "route": "https://linear.app/", "resolvedUrl": "https://linear.app/", "inspectedAt": "2026-10-05T16:08:46.038Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded-home", "observation": "Left-aligned product-development claim and supporting sentence above a broad app issue/activity interface demonstration on a dark field. Headline wraps without a split image; product UI is cropped horizontally, some principle/quote content uses horizontal rails, feature copy stacks; full-page mobile showed some unresolved UI blanks.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/linear-r1.json", "limitations": [ "Timestamp bounds a loading/inspection sequence; first screenshot was blank, loaded screenshot was inspected later.", "Mobile feature UI blanks remain uninspected." ] }, { "id": "linear-home-390-whole-page", "route": "https://linear.app/", "resolvedUrl": "https://linear.app/", "inspectedAt": "2026-10-05T16:08:46.038Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded-home", "observation": "Left-aligned product-development claim and supporting sentence above a broad app issue/activity interface demonstration on a dark field. Headline wraps without a split image; product UI is cropped horizontally, some principle/quote content uses horizontal rails, feature copy stacks; full-page mobile showed some unresolved UI blanks.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/linear-r1.json", "limitations": [ "Timestamp bounds a loading/inspection sequence; first screenshot was blank, loaded screenshot was inspected later.", "Mobile feature UI blanks remain uninspected." ] }, { "id": "linear-pricing-390", "route": "https://linear.app/pricing", "resolvedUrl": "https://linear.app/pricing", "inspectedAt": "2026-10-05T16:08:46.038Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "pricing-comparison", "observation": "Desktop pricing has four aligned plans followed by a multi-column feature matrix; mobile stacks plan summaries and uses a single-plan selector for the detailed table.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/linear-r1.json", "limitations": [] }, { "id": "linear-pricing-1440", "route": "https://linear.app/pricing", "resolvedUrl": "https://linear.app/pricing", "inspectedAt": "2026-10-05T16:09:10.188Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "pricing-comparison", "observation": "Desktop pricing has four aligned plans followed by a multi-column feature matrix; mobile stacks plan summaries and uses a single-plan selector for the detailed table.", "evidencePointer": "live-session-20261005; artifacts/reference-library-expansion-20261005/linear-r1.json", "limitations": [] } ], "limitations": [ "Session screenshots viewed, not retained or redistributed.", "Several mobile full-page feature demonstration areas remained blank; whole-page organization was observed, their detailed pixels were not.", "No full accessibility audit; demo controls were not used to send messages or change accounts.", "Prices and feature claims were observed as design content only; no current commercial guidance is supplied.", "A selectOption attempt using text as value failed; selecting by visible label succeeded, but resulting mobile table pixels were not captured separately." ], "relatedExamples": [ "relay-workflow" ], "lessonIds": [ "cmp-interactive-explanation", "cmp-comparison", "cmp-responsive-recomposition" ], "compositionTags": [ "workflow-surface", "feature-density-change", "comparison-matrix" ] }, { "id": "big-mamma", "revision": 2, "title": "Big Mamma Group", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "venue-selection" ], "requestedUrl": "https://www.bigmammagroup.com/", "resolvedUrl": "https://www.bigmammagroup.com/", "inspectedAt": "2026-10-05T16:10:17.643Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed plan; actual live publisher inspection", "url": "docs/plans/reference-library-expansion-plan-2026-10-05.md" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "location", "multiple-images", "approved-image", "collection", "action" ], "visitorTasks": [ "find-location", "book-visit" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Use still photographs and a static collection or venue index with visible labels and direct task links; keep essential information outside moving media.", "structure": { "opening": "Full-bleed restaurant film; slim white top actions, centered thin serif Italian story and sound toggle.", "navigation": "Brand and menu upper left; prominent Book a Table upper right beside gifts, private hire, social and language controls.", "sequence": [ "Opening venue atmosphere inspected; remaining page not visually inspected" ], "evidence": "Actual restaurant scenes carry place atmosphere; claims were not independently verified.", "density": "Sparse opening over rich cinematic media.", "imageTypeRelationship": "A restrained serif story overlays changing documentary venue imagery.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Book a Table stays visible at the opening; no booking or inquiry submitted." }, "observedRelationships": [ "Booking is a primary visible action on the atmospheric opening.", "Small navigation lets place imagery dominate the first screen." ], "lessons": [ "Keep a venue decision available while presenting atmosphere.", "Provide a usable still-image alternative and a visible sound control." ], "useWhen": [ "Approved original visual material supports the visitor task and the real offer." ], "avoidWhen": [ "No approved imagery exists; do not imitate publisher branding, claims or copy.", "Do not hide the primary task behind motion or illegible overlays." ], "adds": "Cinematic place introduction with direct booking; practical hospitality contrast, desktop opening only.", "views": [ { "id": "big-mamma-desktop-opening", "route": "https://www.bigmammagroup.com/", "resolvedUrl": "https://www.bigmammagroup.com/", "inspectedAt": "2026-10-05T16:10:17.643Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "cookie notice present", "observation": "Restaurant moving imagery, centered story and top booking navigation observed.", "evidencePointer": "CUA session observation 2026-10-05T16:10:17.643Z big-mamma-desktop-opening; written research record big", "limitations": [ "Cookie notice lower left obscures part of scene." ] } ], "limitations": [ "Desktop opening only; mobile, whole-page organization and task state remain pending.", "No motion/focus/accessibility audit; cookie notice present." ], "relatedExamples": [ "fen-repair" ], "lessonIds": [ "cmp-image-art-direction", "cmp-contextual-action" ], "compositionTags": [ "full-field-film", "persistent-visit-action" ] }, { "id": "gohar-world", "revision": 2, "title": "Gohar World", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "retail" ], "requestedUrl": "https://gohar.world/", "resolvedUrl": "https://gohar.world/en-mm", "inspectedAt": "2026-10-05T16:10:34.081Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed plan; actual live publisher inspection", "url": "docs/plans/reference-library-expansion-plan-2026-10-05.md" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "shop", "collection", "approved-image", "multiple-images", "action", "comparison" ], "visitorTasks": [ "shop-collection", "inspect-product" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Use still photographs and a static collection or venue index with visible labels and direct task links; keep essential information outside moving media.", "structure": { "opening": "Full-height dark moving object still life, angled script wordmark and illustrated search/bag controls.", "navigation": "Desktop category row across top; mobile illustrated controls and hamburger reduce chrome.", "sequence": [ "dark collection still life", "collection introduction", "product row", "paired arranged still-life photographs", "material collection row", "classics category panels", "best sellers", "newsletter and link footer" ], "evidence": "Product-object photos, material labels, close-ups and packaging sequence.", "density": "Full-field object atmosphere alternates with small product metadata and sparse collection headings.", "imageTypeRelationship": "Organic object silhouettes and hand-drawn controls establish character; small serif captions keep commerce information legible.", "interior": "Desktop product photo stack left and description/action right; mobile image carousel precedes title, material facts, bordered add-to-cart and disclosures.", "responsive": "Desktop rows become horizontally clipped/swipeable product rails; paired material photographs stack. Product image gallery becomes mobile carousel before description/action.", "action": "Collection View All links and a framed black product action; newsletter footer secondary. No forms, cart action or purchase submitted." }, "observedRelationships": [ "Hand-drawn chrome repeats the organic object character without copying the product silhouette into every section.", "Product detail provides material and packaging imagery beside restrained commerce text.", "Mobile stacks descriptive content after the gallery while keeping collection rails compact." ], "lessons": [ "Relate original illustration and product art direction rather than adding arbitrary decorative motifs.", "Distinguish atmospheric collections from clear product facts and actions.", "Adapt photo-stack detail to a carousel when narrow width cannot preserve the desktop relationship." ], "useWhen": [ "Approved original visual material supports the visitor task and the real offer." ], "avoidWhen": [ "No approved imagery exists; do not imitate publisher branding, claims or copy.", "Do not hide the primary task behind motion or illegible overlays." ], "adds": "Handmade object-led identity that continues into restrained commerce and material detail.", "views": [ { "id": "gohar-desktop-opening", "route": "https://gohar.world/en-mm", "resolvedUrl": "https://gohar.world/en-mm", "inspectedAt": "2026-10-05T16:10:34.081Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded still life", "observation": "Dark full-height organic object still life, script brand and illustrated controls observed.", "evidencePointer": "CUA session observation 2026-10-05T16:10:34.081Z gohar-desktop-opening; written research record gohar", "limitations": [] }, { "id": "gohar-desktop-full", "route": "https://gohar.world/en-mm", "resolvedUrl": "https://gohar.world/en-mm", "inspectedAt": "2026-10-05T16:10:34.081Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full-page screenshot", "observation": "Collection introduction, product rows, paired photographs, material row, classics and footer observed.", "evidencePointer": "CUA session observation 2026-10-05T16:10:34.081Z gohar-desktop-full; written research record gohar", "limitations": [ "Classics and some best-seller images unloaded in full capture." ] }, { "id": "gohar-mobile-opening", "route": "https://gohar.world/en-mm", "resolvedUrl": "https://gohar.world/en-mm", "inspectedAt": "2026-10-05T16:17:49.163Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded still life", "observation": "Object scene tightly crops vertically; script upper left and illustrated search/bag/menu upper right.", "evidencePointer": "CUA session observation 2026-10-05T16:17:49.163Z gohar-mobile-opening; written research record gohar", "limitations": [] }, { "id": "gohar-mobile-full", "route": "https://gohar.world/en-mm", "resolvedUrl": "https://gohar.world/en-mm", "inspectedAt": "2026-10-05T16:17:58.381Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "full-page screenshot", "observation": "Product rails, stacked material photos, collection/category headings, best sellers and newsletter footer observed.", "evidencePointer": "CUA session observation 2026-10-05T16:17:58.381Z gohar-mobile-full; written research record gohar", "limitations": [ "Classics category image fields blank; clipped horizontal footer links." ] }, { "id": "gohar-mobile-product", "route": "https://gohar.world/en-mm/products/trinket-dish-trio-mother-of-pearl", "resolvedUrl": "https://gohar.world/en-mm/products/trinket-dish-trio-mother-of-pearl", "inspectedAt": "2026-10-05T16:17:58.381Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "product detail", "observation": "Photo carousel, stacked title/material copy, wide framed commerce action, disclosures, recently viewed and footer observed.", "evidencePointer": "CUA session observation 2026-10-05T16:17:58.381Z gohar-mobile-product; written research record gohar", "limitations": [] }, { "id": "gohar-desktop-product", "route": "https://gohar.world/en-mm/products/trinket-dish-trio-mother-of-pearl", "resolvedUrl": "https://gohar.world/en-mm/products/trinket-dish-trio-mother-of-pearl", "inspectedAt": "2026-10-05T16:18:08.300Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "product detail", "observation": "Photo stack and close-ups occupy left half; title, description, price, add-to-cart and disclosures occupy right before related item/footer.", "evidencePointer": "CUA session observation 2026-10-05T16:18:08.300Z gohar-desktop-product; written research record gohar", "limitations": [] } ], "limitations": [ "Auto-region /en-mm redirect observed; no location data submitted.", "Unloaded classics category images recorded, not treated as complete imagery.", "Carousel gesture, navigation overlay, focus and reduced motion not tested; no full accessibility audit.", "Current collection differs from historical seed observations." ], "relatedExamples": [ "rivet-components" ], "lessonIds": [ "cmp-image-art-direction", "cmp-image-sequence", "cmp-contextual-action" ], "compositionTags": [ "object-still-life", "material-catalog", "photo-stack-detail" ] }, { "id": "cs-conseil", "revision": 2, "title": "CS Conseil", "lifecycle": "active", "primaryFamily": "expressive-type", "tags": [ "expressive-type", "professional-service" ], "requestedUrl": "https://cs-conseil-ec.com/", "resolvedUrl": "https://cs-conseil-ec.com/", "inspectedAt": "2026-10-05T16:26:30.768Z", "version": "current", "creator": { "name": "Pam", "attributionUrl": "https://thisispam.com", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11898-cs-conseil" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "type-content", "approved-image", "multiple-images", "action", "process" ], "visitorTasks": [ "evaluate-service", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Centered oversized sans statement with inline rounded documentary image slots; compact symmetric navigation.", "navigation": "Solutions, training and client area left; centered name and contact pill right.", "sequence": [ "typographic opening", "full-field handshake with small practice paragraph", "dark service section with missing reveals", "large inquiry prompt and tilted image", "useful links", "long practice biography and wordmark footer" ], "evidence": "Small work/meeting image slots and handshake imagery; publisher biography not independently verified.", "density": "Sparse headline changes into full photo and dark long section; useful-links/biography ending is denser.", "imageTypeRelationship": "Image capsules interrupt the headline without making a conventional split hero.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Contact pill in header and later appointment prompt; no inquiry submitted." }, "observedRelationships": [ "Rounded photo fragments are integrated into the headline line structure.", "Utility links and lengthy practice explanation occupy the ending rather than generic promotional cards." ], "lessons": [ "A short service proposition can incorporate modest documentary detail when the real material is suitable.", "Avoid making scroll reveals responsible for essential service content." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Professional-service type composition with inline photo fragments and a utility-heavy ending.", "views": [ { "id": "cs-desktop-opening", "route": "https://cs-conseil-ec.com/", "resolvedUrl": "https://cs-conseil-ec.com/", "inspectedAt": "2026-10-05T16:26:30.768Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded opening", "observation": "Centered four-line dark sans headline with teal final line and rounded inline images.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:26:30.768Z; cs-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cs-desktop-full", "route": "https://cs-conseil-ec.com/", "resolvedUrl": "https://cs-conseil-ec.com/", "inspectedAt": "2026-10-05T16:26:30.768Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial scroll reveal", "observation": "Handshake photo, dark service field, inquiry, useful links and biography/footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:26:30.768Z; cs-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Large service field blank because scroll-triggered content not revealed." ] } ], "limitations": [ "Desktop only; long dark service region not fully revealed.", "Mobile/interior, focus and motion remain untested." ], "relatedExamples": [ "clearwell-letter", "mara-specimen" ], "lessonIds": [ "cmp-type-roles", "cmp-contextual-action", "cmp-unequal-emphasis" ], "compositionTags": [ "type-with-photo-fragments", "utility-heavy-ending" ] }, { "id": "script-ip", "revision": 2, "title": "Script IP", "lifecycle": "active", "primaryFamily": "technical", "tags": [ "technical", "professional-service" ], "requestedUrl": "https://script-ip.com/", "resolvedUrl": "https://script-ip.com/", "inspectedAt": "2026-10-05T16:26:49.644Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11363-script-ip-partners-to-the-worlds-innovators" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "approved-image", "multiple-images", "type-content", "action" ], "visitorTasks": [ "evaluate-service", "find-specialist" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Purple full-field abstract molecular imagery, compact white wordmark and a small left-aligned service statement.", "navigation": "Wordmark left and circular menu right; team links in discipline sections are present in DOM but unrevealed in full capture.", "sequence": [ "opening abstract shape", "four discipline image fields", "dark footer field; much text unrevealed" ], "evidence": "Abstract scientific imagery supports subject identity; actual service/team content was not visually loaded beyond opening.", "density": "Broad full-image fields rather than card grid; unavailable reveals prevent complete sequencing judgment.", "imageTypeRelationship": "A short white statement overlays large purple/dark abstract forms.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Discipline team links exist in DOM; no actual task route inspected." }, "observedRelationships": [ "Compact service statement leaves substantial scale to abstract imagery." ], "lessons": [ "Subject imagery can distinguish professional services when its role is explained.", "Use static readable service labels rather than hiding essential content in scroll transitions." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A professional practice with scientific graphic expression; opening observation only.", "views": [ { "id": "script-desktop-opening", "route": "https://script-ip.com/", "resolvedUrl": "https://script-ip.com/", "inspectedAt": "2026-10-05T16:26:49.644Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded animation", "observation": "Purple abstract molecular opening with small white proposition and circle menu.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:26:49.644Z; script-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Cookie notice still visible after attempted dismissal." ] }, { "id": "script-desktop-full", "route": "https://script-ip.com/", "resolvedUrl": "https://script-ip.com/", "inspectedAt": "2026-10-05T16:26:49.644Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "unrevealed text", "observation": "Five purple/dark image fields observed; most discipline text/footer unrevealed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:26:49.644Z; script-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Scroll-triggered text missing; full organization not completely inspected." ] } ], "limitations": [ "Desktop only; task/mobile remain pending.", "Cookie notice persisted in opening screenshot; no accessibility audit." ], "relatedExamples": [ "relay-workflow" ], "lessonIds": [ "cmp-image-art-direction", "cmp-page-rhythm" ], "compositionTags": [ "abstract-image-field", "discipline-sequence" ] }, { "id": "avery-review", "revision": 2, "title": "The Avery Review", "lifecycle": "active", "primaryFamily": "editorial", "tags": [ "editorial", "publication" ], "requestedUrl": "https://averyreview.com/", "resolvedUrl": "https://averyreview.com/", "inspectedAt": "2026-10-05T16:27:12.271Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/4968-the-avery-review" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "sparse-media", "type-content", "real-copy", "collection", "action" ], "visitorTasks": [ "read-deeply", "find-article" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Publication name upper left and issue number upper right; alternating left/right author/title text entries with slim red navigation rail.", "navigation": "Desktop red side rail for menu/next, mobile compact centered name and menu; all-issues link ends index.", "sequence": [ "issue/title masthead", "alternating author and essay title index", "browse issues", "small institutional/subscription footer" ], "evidence": "Author attribution, essay titles, inline referenced images, captions and extensive footnotes on article.", "density": "Large index entries alternate broad empty space with compact reading document in interior.", "imageTypeRelationship": "Serif uppercase author names contrast with bold sans essay titles; no homepage photos required. Interior documentary illustrations punctuate text.", "interior": "Centered title/author above a constrained long reading column; uppercase serif opening quotation, bold sans body, cited illustrations, linked footnotes and author biography.", "responsive": "Index loses wide offsets and wraps into narrow text blocks; article column fills narrow width, side rails become top chrome. Reading order remains title, quotation, prose, citations.", "action": "Essay titles navigate to reading; browse-all-issues ending and footnote links support research. No subscription submitted." }, "observedRelationships": [ "Authors and essay titles have contrasting roles and alternating alignment, rather than thumbnail cards.", "A compact article column with image/caption interruptions develops the index into sustained reading.", "Footnote marks tie claims to a long citation region without widening body text." ], "lessons": [ "Use real article vocabulary as the navigational identity.", "Retain author/title distinction and readable measure while simplifying offsets on mobile.", "Keep citation and image-caption relationships close to the reading content." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse publication index with alternating type roles and a substantial referenced reading interior.", "views": [ { "id": "avery-desktop-opening", "route": "https://averyreview.com/", "resolvedUrl": "https://averyreview.com/", "inspectedAt": "2026-10-05T16:27:12.271Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded index", "observation": "Alternating serif authors and bold essay titles with publication masthead and red side rail.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:27:12.271Z; avery-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "avery-desktop-full", "route": "https://averyreview.com/", "resolvedUrl": "https://averyreview.com/", "inspectedAt": "2026-10-05T16:27:12.271Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full index", "observation": "Entire long essay list through browse-all-issues and institutional/subscription footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:27:12.271Z; avery-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "avery-mobile-opening", "route": "https://averyreview.com/", "resolvedUrl": "https://averyreview.com/", "inspectedAt": "2026-10-05T16:27:12.271Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded index", "observation": "Compact name/menu and narrow title blocks; serif author vs sans title roles retained.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:27:12.271Z; avery-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "avery-mobile-full", "route": "https://averyreview.com/", "resolvedUrl": "https://averyreview.com/", "inspectedAt": "2026-10-05T16:27:12.271Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "full index", "observation": "Essay list, browse-all-issues and stacked footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:27:12.271Z; avery-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Some alignment changed during transition; full capture shows left/right indents." ] }, { "id": "avery-desktop-article", "route": "https://averyreview.com/issues/77/mythical-infrastructure", "resolvedUrl": "https://averyreview.com/issues/77/mythical-infrastructure", "inspectedAt": "2026-10-05T16:27:49.979Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded article", "observation": "Title/author, constrained reading column, uppercase serif quotation, bold body, captioned images, citations and author bio observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:27:49.979Z; avery-desktop-article; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Initial loader delayed article; observed after images completed. Full capture scaled; not a line-by-line content audit." ] }, { "id": "avery-mobile-article", "route": "https://averyreview.com/issues/77/mythical-infrastructure", "resolvedUrl": "https://averyreview.com/issues/77/mythical-infrastructure", "inspectedAt": "2026-10-05T16:28:02.118Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded article", "observation": "Narrow author/title, uppercase quotation and body with footnote marks observed; later body region inspected by scrolling.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:28:02.118Z; avery-mobile-article; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial article loading overlay resolved only after delayed image loading; failed blank observations not counted as visual success.", "Article facts/legal arguments not verified; used only for relationships.", "Menu, keyboard focus, reduced motion and footnote activation not tested; no accessibility audit." ], "relatedExamples": [ "margin-journal" ], "lessonIds": [ "cmp-type-roles", "cmp-text-shape", "cmp-page-rhythm" ], "compositionTags": [ "alternating-type-index", "citation-reading-column" ] }, { "id": "pxr-legal", "revision": 2, "title": "PXR Legal", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "professional-service" ], "requestedUrl": "https://pxr-legal.com/", "resolvedUrl": "https://pxr.law/", "inspectedAt": "2026-10-05T16:30:09.177Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/10214-pxr-legal" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "real-copy", "type-content", "proof", "approved-image", "action" ], "visitorTasks": [ "evaluate-service", "read-insight" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Wide large plain sans service claim across top; inset workplace video below, plus menu upper right and wordmark lower right.", "navigation": "Compact plus-menu and larger categorized footer links.", "sequence": [ "large statement", "inset workplace video", "right-aligned practice description", "expertise field", "horizontal client quotation rail", "staggered insight previews", "press list", "selected references", "office/contact footer" ], "evidence": "Workplace imagery, attributed quotations and press/client lists; their claims not independently verified.", "density": "Large whitespace separates compact service/evidence text; denser categorized footer.", "imageTypeRelationship": "Plain oversized typography precedes inset footage rather than sharing a split hero; small capsule terms vary the headline.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Small contact actions follow service descriptions; no email/inquiry sent." }, "observedRelationships": [ "Small left labels and right-aligned descriptions organize long sections.", "Quotation rail and staggered editorial previews distinguish evidence from offer description." ], "lessons": [ "Use clear service language and distinct evidence formats instead of repeating the same card grid.", "Avoid excessive blank reveal regions or illegible capsule terms." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Systematic professional information grouping with diverse evidence formats; current domain redirects from historical award URL.", "views": [ { "id": "pxr-desktop-opening", "route": "https://pxr.law/", "resolvedUrl": "https://pxr.law/", "inspectedAt": "2026-10-05T16:30:09.177Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "cookie overlay present", "observation": "Large sans statement and inset workplace footage observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:30:09.177Z; pxr-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Cookie overlay obscures left video; animated phrase intermittently low contrast." ] }, { "id": "pxr-desktop-full", "route": "https://pxr.law/", "resolvedUrl": "https://pxr.law/", "inspectedAt": "2026-10-05T16:30:09.177Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial reveals", "observation": "Practice description, client quote rail, staggered insight previews, press/client lists and footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:30:09.177Z; pxr-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Expertise/references photo regions partially blank from reveal/lazy loading." ] } ], "limitations": [ "Redirect from pxr-legal.com to pxr.law recorded.", "Desktop only; partial media/reveals; no deep task/mobile claim.", "Cookie overlay remains; no accessibility audit." ], "relatedExamples": [ "clearwell-letter" ], "lessonIds": [ "cmp-evidence-form", "cmp-semantic-grouping", "cmp-page-rhythm" ], "compositionTags": [ "large-statement", "quote-rail", "staggered-insights" ] }, { "id": "sk-avocats", "revision": 2, "title": "Cabinet Steil Koehlhoeffer", "lifecycle": "active", "primaryFamily": "editorial", "tags": [ "editorial", "professional-service" ], "requestedUrl": "https://skavocats.com/", "resolvedUrl": "https://skavocats.com/", "inspectedAt": "2026-10-05T16:30:39.865Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/10721-cabinet-steil-koehlhoeffer" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "type-content", "real-copy", "proof", "approved-image", "action", "collection" ], "visitorTasks": [ "evaluate-service", "find-specialist", "understand-scope" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Small practice/location identifier left and large serif statement right, white content field beside full-height blue gradient rail.", "navigation": "Horizontal service/team/fees/news links and outlined contact on desktop; wordmark/hamburger on mobile.", "sequence": [ "practice statement", "full-width partner portrait", "unequal introduction/prose columns", "service index", "dark partner profiles", "dated news list", "contact/address footer" ], "evidence": "Identified partners, practice scope and dated articles; publisher legal content not verified.", "density": "Broad introduction and portrait become grouped service index, compact partner facts and news.", "imageTypeRelationship": "Serif emphasis contrasts with small uppercase labels and plain prose; people are shown as identified partners rather than ornamental stock portraits.", "interior": "Breadcrumb and service title, relevant photo, labeled service explanation rows, detailed capability list, shared contact information.", "responsive": "Blue side rail disappears; identifier precedes statement, prose and portraits stack. Service-detail row labels precede their explanation; capability list wraps without losing order.", "action": "Visible contact navigation; service names lead to scope detail; email/phone/address at end. No contact submitted." }, "observedRelationships": [ "A side color rail and unequal metadata/prose columns organize both home and interior.", "Mobile preserves service scope reading order while removing wide decorative rail.", "Service detail develops the original claim into labeled explanation and a capability list." ], "lessons": [ "Use small contextual labels to orient longer professional explanations.", "Retain named people and actual practice scope near claims.", "Simplify wide framing on mobile rather than scaling the whole desktop composition." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A practical local-service editorial layout with labeled scope detail and restrained people evidence.", "views": [ { "id": "sk-desktop-opening", "route": "https://skavocats.com/", "resolvedUrl": "https://skavocats.com/", "inspectedAt": "2026-10-05T16:30:38.424Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "cookie dismissed", "observation": "Practice identifier, serif statement, partner portrait and right blue rail observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:30:38.424Z; sk-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sk-desktop-full", "route": "https://skavocats.com/", "resolvedUrl": "https://skavocats.com/", "inspectedAt": "2026-10-05T16:30:38.424Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded page", "observation": "Intro/prose, five-service index, partners, three dated articles and contact footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:30:38.424Z; sk-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sk-mobile-opening", "route": "https://skavocats.com/", "resolvedUrl": "https://skavocats.com/", "inspectedAt": "2026-10-05T16:30:39.865Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded page", "observation": "Compact wordmark/menu, stacked identifier/statement and partner portrait.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:30:39.865Z; sk-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sk-mobile-full", "route": "https://skavocats.com/", "resolvedUrl": "https://skavocats.com/", "inspectedAt": "2026-10-05T16:30:39.865Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded page", "observation": "Stacked prose, service index, portraits, news and contact blocks observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:30:39.865Z; sk-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sk-desktop-service", "route": "https://skavocats.com/competences/droit-de-la-famille/", "resolvedUrl": "https://skavocats.com/competences/droit-de-la-famille/", "inspectedAt": "2026-10-05T16:31:19.697Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "service detail", "observation": "Breadcrumb, title, relevant image, labeled explanation, capability list and contact ending observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:31:19.697Z; sk-desktop-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Extra white area at bottom during capture transition; not interpreted as authored layout." ] }, { "id": "sk-mobile-service", "route": "https://skavocats.com/competences/droit-de-la-famille/", "resolvedUrl": "https://skavocats.com/competences/droit-de-la-famille/", "inspectedAt": "2026-10-05T16:31:29.049Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "settled service detail", "observation": "Title/photo, stacked explanation labels/text, detailed scope list and contacts observed after navigation settled.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:31:29.049Z; sk-mobile-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "One mobile capture still showed prior homepage during transition; discarded as task evidence and re-observed.", "Only service navigation exercised; menu/focus/reduced motion not audited.", "Legal content and outdated news not verified; no accessibility audit." ], "relatedExamples": [ "clearwell-letter" ], "lessonIds": [ "cmp-semantic-grouping", "cmp-proof-adjacency", "cmp-responsive-recomposition" ], "compositionTags": [ "unequal-label-prose", "service-scope-ledger", "people-evidence" ] }, { "id": "foundation-alloy", "revision": 2, "title": "Foundation Alloy", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "publication" ], "requestedUrl": "https://www.foundationalloy.com/", "resolvedUrl": "https://foundationalloy.com/", "inspectedAt": "2026-10-05T16:44:49.369Z", "version": "current", "creator": { "name": "Ventnor Web Agency", "attributionUrl": "https://ventnorwebagency.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11838-foundation-alloy" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "real-copy", "approved-image", "multiple-images", "comparison", "action" ], "visitorTasks": [ "compare-options", "inspect-specification", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Changing full-field metal imagery, compact top navigation and lower-left plain sans proposition.", "navigation": "Desktop product/application/company dropdowns; mobile menu expands rows below header, verified opened and closed.", "sequence": [ "metal-film proposition", "process explanation and sample close-up", "large partially blank process region", "molybdenum family description", "three news entries", "inquiry form", "categorized dark footer" ], "evidence": "Sample photograph, technical explanation and product datasheet link; material claims unverified.", "density": "Wide image field changes to prose/image, then compact news/form/footer; several reveals remain blank.", "imageTypeRelationship": "Plain sans technical copy and surface/sample close-ups; yellow utility actions.", "interior": "MC700 title with sample/download actions before explanation; desktop prose beside hand-held sample photograph. Property-chart regions remained blank.", "responsive": "Navigation expands into rows. Product actions stack; home news/form inputs become one column, footer category pairs.", "action": "Sample inquiry and PDF datasheet linked at product header; no form filled or submitted." }, "observedRelationships": [ "Product selection actions precede long technical explanation.", "Prose/sample pairing becomes text then photo on mobile." ], "lessons": [ "Keep specification/download and inquiry near product identity.", "Use static readable technical information when animated charts fail." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Industrial product task and responsive categorized navigation, with explicit incomplete-reveal limitations.", "views": [ { "id": "foundation-desktop-opening", "route": "https://foundationalloy.com/", "resolvedUrl": "https://foundationalloy.com/", "inspectedAt": "2026-10-05T16:44:49.369Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded film; cookie overlay", "observation": "Metal surface film and lower-left proposition observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:44:49.369Z; foundation-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Cookie banner covers lower right." ] }, { "id": "foundation-desktop-full", "route": "https://foundationalloy.com/", "resolvedUrl": "https://foundationalloy.com/", "inspectedAt": "2026-10-05T16:44:49.369Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial reveals", "observation": "Explanation/photo, family description, news, form and footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:44:49.369Z; foundation-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Large central regions blank." ] }, { "id": "foundation-mobile-full", "route": "https://foundationalloy.com/", "resolvedUrl": "https://foundationalloy.com/", "inspectedAt": "2026-10-05T16:44:49.369Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "partial reveals", "observation": "Stacked copy/photo/news/form and paired footer categories observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:44:49.369Z; foundation-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Cookie overlay and blank process regions." ] }, { "id": "foundation-mobile-product", "route": "https://foundationalloy.com/products/molyclast/mc700/", "resolvedUrl": "https://foundationalloy.com/products/molyclast/mc700/", "inspectedAt": "2026-10-05T16:45:09.225Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "cookie overlay", "observation": "Product title, stacked sample/download actions, explanatory text and opened/closed mobile menu.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:45:09.225Z; foundation-mobile-product; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Cookie overlay covers lower explanation." ] }, { "id": "foundation-desktop-product", "route": "https://foundationalloy.com/products/molyclast/mc700/", "resolvedUrl": "https://foundationalloy.com/products/molyclast/mc700/", "inspectedAt": "2026-10-05T16:45:09.225Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "partial charts", "observation": "Title/actions, prose/photo pairing and technical-property section observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:45:09.225Z; foundation-desktop-product; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Property chart regions blank." ] } ], "limitations": [ "Current publisher differs from historical award version.", "Cookie overlay and substantial blank process/chart regions remain; screened only.", "Datasheet not downloaded; no technical, focus or reduced-motion audit." ], "relatedExamples": [ "rivet-components" ], "lessonIds": [ "cmp-comparison", "cmp-contextual-action", "cmp-responsive-recomposition" ], "compositionTags": [ "full-field-film", "product-task-header", "technical-photo-explanation" ] }, { "id": "wilson-harle", "revision": 1, "title": "Wilson Harle", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "professional-service" ], "requestedUrl": "https://wilsonharle.com/", "resolvedUrl": "https://www.wilsonharle.com/", "inspectedAt": "2026-10-05T16:54:49.536Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/7716-wilson-harle" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "real-copy", "proof", "approved-image", "action", "collection", "type-content" ], "visitorTasks": [ "evaluate-service", "find-specialist", "read-deeply" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Wide monochrome identified lawyer portrait below horizontal navigation; cream service proposition across lower image and small person/role attribution.", "navigation": "Compact horizontal category links; narrow hamburger opens large centered text menu, actually activated.", "sequence": [ "identified portrait with practice proposition", "left service directory beside right publication list", "small wordmark/copyright footer" ], "evidence": "Named people and role attribution, service case descriptions, linked publication topics; legal claims not verified.", "density": "Single large photographic introduction followed by compact service links and longer ruled publication rows.", "imageTypeRelationship": "Cream serif proposition overlays black/white portrait; compact sans labels support serif reading titles.", "interior": "Three unequal columns: building image left, service heading/prose and eight-case bullet list middle, related services ledger right. Light reading field contrasts with dark home.", "responsive": "Home publications precede services in narrow flow, unlike desktop parallel columns. Interior becomes image, heading/prose/cases, related services, footer. Menu becomes a broad text overlay.", "action": "Services and publication titles lead directly into detail; contact remains in category navigation. No contact sent." }, "observedRelationships": [ "Home uses identified people then two task indexes rather than repeated promotional cards.", "Service interior separates contextual photograph, concrete scope prose and cross-service navigation.", "Narrow layout changes index priority and returns service sidebar to the end of the document." ], "lessons": [ "Use actual named people and verified scope as evidence when available.", "Keep related categories beside detailed explanation on wide screens and after it on narrow screens.", "Check overlay contrast against every portrait; avoid losing readability over light clothing." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Professional-service grid with distinct dark introduction/light scope interior and publication-first mobile priority.", "views": [ { "id": "wilson-desktop-opening", "route": "https://www.wilsonharle.com/", "resolvedUrl": "https://www.wilsonharle.com/", "inspectedAt": "2026-10-05T16:54:49.536Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded carousel", "observation": "Identified black/white portrait, cream service proposition and navigation observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:54:49.536Z; wilson-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Text crosses light clothing, reducing contrast." ] }, { "id": "wilson-desktop-full", "route": "https://www.wilsonharle.com/", "resolvedUrl": "https://www.wilsonharle.com/", "inspectedAt": "2026-10-05T16:54:49.536Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded page", "observation": "Portrait, left service index/right publication rows and minimal footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:54:49.536Z; wilson-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wilson-mobile-opening", "route": "https://www.wilsonharle.com/", "resolvedUrl": "https://www.wilsonharle.com/", "inspectedAt": "2026-10-05T16:54:49.536Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded carousel", "observation": "Tall portrait crop, proposition and role attribution observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:54:49.536Z; wilson-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Transient horizontal scrollbar during viewport change." ] }, { "id": "wilson-mobile-full", "route": "https://www.wilsonharle.com/", "resolvedUrl": "https://www.wilsonharle.com/", "inspectedAt": "2026-10-05T16:54:49.536Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded page", "observation": "Publications precede services in narrow document flow; footer wraps.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:54:49.536Z; wilson-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wilson-mobile-service", "route": "https://www.wilsonharle.com/services/construction", "resolvedUrl": "https://www.wilsonharle.com/services/construction", "inspectedAt": "2026-10-05T16:55:04.735Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded service", "observation": "Building photo, scope/case list and related service rows observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:55:04.735Z; wilson-mobile-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Initial photo loaded after first opening capture." ] }, { "id": "wilson-desktop-service", "route": "https://www.wilsonharle.com/services/construction", "resolvedUrl": "https://www.wilsonharle.com/services/construction", "inspectedAt": "2026-10-05T16:55:15.751Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded service", "observation": "Photo/scope/related-services three-column organization observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:55:15.751Z; wilson-desktop-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wilson-mobile-menu", "route": "https://www.wilsonharle.com/services/construction", "resolvedUrl": "https://www.wilsonharle.com/services/construction", "inspectedAt": "2026-10-05T16:55:15.751Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu open", "observation": "Large centered category links in dark overlay observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:55:15.751Z; wilson-mobile-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Top About link partly clipped in captured opening." ] } ], "limitations": [ "Initial black loading transition not counted as a completed view.", "Portrait carousel changes subject between captures; contrast varies.", "No keyboard, reduced-motion or accessibility audit; legal case claims not verified." ], "relatedExamples": [ "clearwell-directory", "clearwell-letter" ], "lessonIds": [ "cmp-evidence-form", "cmp-semantic-grouping", "cmp-responsive-recomposition" ], "compositionTags": [ "identified-portrait", "parallel-task-indexes", "three-column-service" ] }, { "id": "ptw-law", "revision": 1, "title": "Pryor Tzannes & Wallis", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "professional-service" ], "requestedUrl": "https://www.ptwlaw.com.au/", "resolvedUrl": "https://ptwlaw.com.au/", "inspectedAt": "2026-10-05T16:53:42.658Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11357-pryor-tzannes-and-wallis" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "type-content", "real-copy", "approved-image", "multiple-images", "action", "collection" ], "visitorTasks": [ "evaluate-service", "find-specialist", "read-insight" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Large original-looking office line illustration over pale gray, small horizontal service navigation, broad serif spaced practice name at foot.", "navigation": "Horizontal about/services/people/latest/data-room, with careers/contact/appointment opposite.", "sequence": [ "office illustration and large practice name", "service overview with missing reveals", "long service explanations beside interior illustration", "further scope prose", "testimonial region with missing quote reveal", "recent-article image rail", "dark wordmark/newsletter/contact footer" ], "evidence": "Illustrated premises, service explanations and attributed testimonial/dated articles; authenticity of artwork/claims not verified.", "density": "Large architectural drawing opens into dense legal-service prose; article rail and grouped footer provide scanning.", "imageTypeRelationship": "Fine line drawings of premises and interior relate to broad serif identity; plain small navigation and compact long-form body.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Appointment/contact links in header; article rail and newsletter in footer. Newsletter not submitted." }, "observedRelationships": [ "Premises illustration supplies a specific place identity for a professional practice.", "Long scope prose pairs with contextual interior drawing rather than generic stock people." ], "lessons": [ "Commission original place drawings when the business and cleared assets support that identity.", "Keep essential scope and contact content readable without scroll reveals or popups." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Illustrated local-service identity; screened only because central content reveals and overlays limit the inspection.", "views": [ { "id": "ptw-desktop-opening", "route": "https://ptwlaw.com.au/", "resolvedUrl": "https://ptwlaw.com.au/", "inspectedAt": "2026-10-05T16:53:42.658Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "office illustration loaded", "observation": "Large office drawing and broad practice wordmark observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:53:42.658Z; ptw-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Cookie strip and newsletter popup." ] }, { "id": "ptw-desktop-full", "route": "https://ptwlaw.com.au/", "resolvedUrl": "https://ptwlaw.com.au/", "inspectedAt": "2026-10-05T16:53:42.658Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial reveals", "observation": "Long scope explanation with interior drawing, article rail and dark contact/newsletter footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T16:53:42.658Z; ptw-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Large service/testimonial reveals blank; popup obscures right region." ] } ], "limitations": [ "Desktop only; task/mobile pending.", "Initial DOM had undefined contact links; later footer displayed contact text, functionality not verified.", "Artwork creator/rights unknown; no illustration assets copied or a11y claim." ], "relatedExamples": [ "clearwell-letter" ], "lessonIds": [ "cmp-image-art-direction", "cmp-proof-adjacency", "cmp-text-shape" ], "compositionTags": [ "premises-illustration", "scope-drawing-pair", "article-rail" ] }, { "id": "doc", "revision": 1, "title": "DOC", "lifecycle": "active", "primaryFamily": "editorial", "tags": [ "editorial", "publication" ], "requestedUrl": "https://www.doc.cc/", "resolvedUrl": "https://www.doc.cc/", "inspectedAt": "2026-10-05T17:00:36.485Z", "version": "current", "creator": { "name": "Team behind UX Collective", "attributionUrl": "https://uxdesign.cc/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/10972-doc" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "real-copy", "approved-image", "multiple-images", "collection", "type-content", "action" ], "visitorTasks": [ "read-deeply", "find-article", "explore-collection" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Black field with enormous centered DOC letter composition; imagery changes within the middle letter. Thin compact white navigation above.", "navigation": "Articles, series and search centered on desktop; mobile retains logo, search and ellipsis. Menu was not activated.", "sequence": [ "large identity field", "purpose statement", "large feature image beside compact story copy", "paired graphic discs", "four-column series cards", "further feature rows", "black large purpose statement", "four story cards", "newsletter and categorized footer" ], "evidence": "Article title/author, editorial illustrations and captions, numbered works-cited list. Article claims not verified.", "density": "Large image/text feature rows change into four compact cards, then large black typography and a dense footer.", "imageTypeRelationship": "Bold sans linked titles contrast with small serif descriptions; large editorial images occupy most of each feature row. Article uses a narrow serif reading measure with wider illustrations.", "interior": "Centered three-line sans article title and linked author above a wide three-image filmstrip; constrained serif body, centered subheads, diagrams/captions, seven cited works, author/share ledger and dark related-reading/footer.", "responsive": "Feature rows become text then image; four-card rows stack. Large identity letters crop around the middle image. Article retains title/author/image/body order, with illustrations fitting the narrow width.", "action": "Titles and cards enter reading; article citations and related reading support further research. Newsletter was not submitted." }, "observedRelationships": [ "Compact feature text sits beside substantially larger editorial imagery instead of uniform cards.", "The article changes from a wide illustrated introduction to a constrained reading column, then returns to related reading.", "Mobile stacks series and footer groups while retaining contrasting title and reading type roles." ], "lessons": [ "Use image scale to distinguish a feature from a compact reading index when cleared editorial media supports it.", "Keep a readable article measure and attach illustrations to captions.", "Treat the reading interior as a separate density and pace from the publication index." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Editorial feature rows, a black typographic identity field and a captioned long-reading interior.", "views": [ { "id": "doc-desktop-opening", "route": "https://www.doc.cc/", "resolvedUrl": "https://www.doc.cc/", "inspectedAt": "2026-10-05T17:00:36.485Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded identity", "observation": "Huge DOC composition and compact navigation observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:00:36.485Z; doc-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "doc-desktop-full", "route": "https://www.doc.cc/", "resolvedUrl": "https://www.doc.cc/", "inspectedAt": "2026-10-05T17:00:36.485Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded publication", "observation": "Feature rows, series cards, large purpose statement, story cards and five-category footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:00:36.485Z; doc-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "doc-mobile-opening", "route": "https://www.doc.cc/", "resolvedUrl": "https://www.doc.cc/", "inspectedAt": "2026-10-05T17:00:36.485Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded identity", "observation": "Large cropped letter composition, logo/search/ellipsis observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:00:36.485Z; doc-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "doc-mobile-full", "route": "https://www.doc.cc/", "resolvedUrl": "https://www.doc.cc/", "inspectedAt": "2026-10-05T17:00:36.485Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded publication", "observation": "Text-before-image features, single-column cards and vertically grouped footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:00:36.485Z; doc-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "doc-desktop-article", "route": "https://www.doc.cc/articles/power-of-beauty", "resolvedUrl": "https://www.doc.cc/articles/power-of-beauty", "inspectedAt": "2026-10-05T17:00:55.046Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded article", "observation": "Centered title/author, filmstrip, reading column, captions/citations, author/share ledger and related-reading footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:00:55.046Z; doc-desktop-article; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "doc-mobile-article", "route": "https://www.doc.cc/articles/power-of-beauty", "resolvedUrl": "https://www.doc.cc/articles/power-of-beauty", "inspectedAt": "2026-10-05T17:00:55.046Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded article", "observation": "Centered title/author, scaled filmstrip and legible serif body observed; later reading body and beginning of Earthrise image inspected by scrolling.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:00:55.046Z; doc-mobile-article; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial blank/overscaled viewport transitions discarded; observations refer to loaded views within the recorded session window.", "Full mobile article was not inspected; home full page was inspected at both sizes.", "Menu, keyboard focus, motion and newsletter not exercised; no accessibility/content audit." ], "relatedExamples": [ "margin-journal", "mara-reading-room" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-image-art-direction", "cmp-text-shape" ], "compositionTags": [ "large-logotype", "feature-image-rows", "caption-reading-column" ] }, { "id": "on-air", "revision": 1, "title": "ON AIR", "lifecycle": "active", "primaryFamily": "text-first", "tags": [ "text-first", "publication" ], "requestedUrl": "https://on-air.caricomassimo.org/", "resolvedUrl": "https://on-air.caricomassimo.org/", "inspectedAt": "2026-10-05T17:07:09.523Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9864-on-air" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "sparse-media", "type-content", "real-copy", "collection", "action" ], "visitorTasks": [ "explore-collection", "read-deeply", "find-contributor" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Weather metadata above a large empty atmospheric field; thin large ruled category links at the bottom.", "navigation": "Four textual categories plus home/language link. Information toggle closes the desktop side panel; actually activated.", "sequence": [ "weather metadata and category index", "information/audio item panel", "project explanation and contacts", "long contributor biography directory" ], "evidence": "Named contributors and attributed audio item; biography and weather accuracy not verified.", "density": "Sparse atmospheric index contrasts with dense project prose and contributor biographies in the information panel.", "imageTypeRelationship": "Thin large sans category names over muted cloud background; ordinary sans explanatory copy. Images are secondary to the index and prose.", "interior": "Category has three desktop regions: atmospheric navigation left, narrow numbered contributor index middle and centered introductory prose right. Numbered entries are direct reading links.", "responsive": "Weather metadata becomes three columns. Information panel follows the index in ordinary vertical flow. Category introduction precedes its thirty numbered rows, unlike desktop parallel panes.", "action": "Ruled category names and numbered contributor links organize exploration. Audio play control was visible but not activated; no newsletter/contact sent." }, "observedRelationships": [ "A sparse navigational field can coexist with a substantial contributor directory.", "Desktop category splits navigation, numbered index and explanatory reading into separate regions.", "Narrow layout puts category explanation before the contributor index." ], "lessons": [ "Use meaningful category vocabulary as the primary composition when content supports it.", "Convert parallel reading/index panes to a deliberate document order on narrow screens.", "A static cleared atmospheric field can replace environmental motion without changing task relationships." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Weather/index opening with pane-based category exploration and a dense contributor directory.", "views": [ { "id": "on-air-desktop-opening", "route": "https://on-air.caricomassimo.org/", "resolvedUrl": "https://on-air.caricomassimo.org/", "inspectedAt": "2026-10-05T17:07:09.523Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "information panel closed", "observation": "Atmospheric field with weather metadata and large ruled category links observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:07:09.523Z; on-air-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "on-air-desktop-full", "route": "https://on-air.caricomassimo.org/", "resolvedUrl": "https://on-air.caricomassimo.org/", "inspectedAt": "2026-10-05T17:07:09.523Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "off-canvas panel capture", "observation": "Viewport-height index and off-canvas information panel observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:07:09.523Z; on-air-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Full-page capture includes off-canvas panel; independently scrolling panel not fully read." ] }, { "id": "on-air-mobile-opening", "route": "https://on-air.caricomassimo.org/", "resolvedUrl": "https://on-air.caricomassimo.org/", "inspectedAt": "2026-10-05T17:07:29.920Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded document", "observation": "Weather metadata, thin category labels, audio item and start of explanatory content observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:07:29.920Z; on-air-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "on-air-mobile-full", "route": "https://on-air.caricomassimo.org/", "resolvedUrl": "https://on-air.caricomassimo.org/", "inspectedAt": "2026-10-05T17:07:29.920Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded document", "observation": "Project explanation, contacts and long contributor directory observed; full capture scaled for visual sequencing.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:07:29.920Z; on-air-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Full capture 22843px tall; not a line-by-line biography review." ] }, { "id": "on-air-mobile-category", "route": "https://on-air.caricomassimo.org/rubriche-d-aria", "resolvedUrl": "https://on-air.caricomassimo.org/rubriche-d-aria", "inspectedAt": "2026-10-05T17:07:51.787Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded category", "observation": "Category explanation before thirty numbered contributor rows observed in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:07:51.787Z; on-air-mobile-category; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "on-air-desktop-category", "route": "https://on-air.caricomassimo.org/rubriche-d-aria", "resolvedUrl": "https://on-air.caricomassimo.org/rubriche-d-aria", "inspectedAt": "2026-10-05T17:08:02.195Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded panes", "observation": "Navigation/index/centered explanation three-pane arrangement observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:08:02.195Z; on-air-desktop-category; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Long category label clips with ellipsis at both sizes.", "Desktop home has horizontal off-canvas content; later desktop category full capture was transitional and discarded.", "Audio, keyboard and motion not tested; no accessibility audit or biography verification." ], "relatedExamples": [ "margin-journal", "clearwell-directory" ], "lessonIds": [ "cmp-semantic-grouping", "cmp-responsive-recomposition", "cmp-page-rhythm" ], "compositionTags": [ "bottom-category-index", "weather-metadata", "parallel-reading-panes" ] }, { "id": "dottir", "revision": 1, "title": "Dottir", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "professional-service" ], "requestedUrl": "https://dottirlaw.com/", "resolvedUrl": "https://www.dottirlaw.com/", "inspectedAt": "2026-10-05T17:10:26.206Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/6250-dottir" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "type-content", "real-copy", "sparse-media", "collection", "action" ], "visitorTasks": [ "evaluate-service", "find-specialist" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full-field grainy gold abstract figures and large serif proposition; black wordmark upper left. Proposition cycles between two messages.", "navigation": "Six compact links below the opening; becomes sticky while scrolling. Narrow links form a simple vertical list.", "sequence": [ "abstract figures and proposition", "navigation band", "large story label left and practice prose right", "large services label left and seven underlined service links right", "direct email", "compact utility footer" ], "evidence": "Practice story and service taxonomy; no verified client proof.", "density": "Large illustrated field becomes spare two-column text sections and a plain linked service index.", "imageTypeRelationship": "Grainy abstract figures support an approachable identity; serif section labels contrast with compact sans explanation.", "interior": "Attempted visible Tech & Intellectual Property link resolves to Page Not Found / Template not found; no successful service interior.", "responsive": "Abstract figure crop and type scale change; story and services become vertical. Captured narrow view showed clipped prose and navigation relocation after viewport changes.", "action": "Underlined service links and plain direct email. One service link actually failed; email not sent." }, "observedRelationships": [ "Service identity uses non-photographic abstract figures before a spare story and taxonomy.", "Large serif labels occupy one column while useful prose and service choices occupy the other." ], "lessons": [ "Pair a commissioned cleared identity illustration with a practical text index.", "Keep services independently readable and verify every detail route." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Illustrated practice opening followed by a minimal two-column service directory; screened only because the actual task route failed.", "views": [ { "id": "dottir-desktop-opening", "route": "https://www.dottirlaw.com/", "resolvedUrl": "https://www.dottirlaw.com/", "inspectedAt": "2026-10-05T17:09:26.216Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded illustration", "observation": "Grainy figures, changing serif proposition and below-hero navigation observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:09:26.216Z; dottir-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "dottir-desktop-full", "route": "https://www.dottirlaw.com/", "resolvedUrl": "https://www.dottirlaw.com/", "inspectedAt": "2026-10-05T17:10:26.206Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "after scroll reveals", "observation": "Story/prose pair, service link index, direct email and utility footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:10:26.206Z; dottir-desktop-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "dottir-mobile-opening", "route": "https://www.dottirlaw.com/", "resolvedUrl": "https://www.dottirlaw.com/", "inspectedAt": "2026-10-05T17:11:23.493Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "viewport changed", "observation": "Vertical category links above cropped illustration and serif proposition observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:11:23.493Z; dottir-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Wordmark absent in this state." ] }, { "id": "dottir-mobile-full", "route": "https://www.dottirlaw.com/", "resolvedUrl": "https://www.dottirlaw.com/", "inspectedAt": "2026-10-05T17:11:23.493Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "after scroll", "observation": "Stacked story/service sections and direct email observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:11:23.493Z; dottir-mobile-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Some body text clipped; sticky navigation moved in capture." ] }, { "id": "dottir-mobile-failed-service", "route": "https://www.dottirlaw.com/services/tech-ip", "resolvedUrl": "https://www.dottirlaw.com/services/tech-ip", "inspectedAt": "2026-10-05T17:11:23.493Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Page Not Found", "observation": "Actual linked service route displayed Template not found: services/tech-ip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:11:23.493Z; dottir-mobile-failed-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial blank loader and unrevealed full-page regions discarded; story/services loaded after actual scrolling.", "Actual service link returned missing template; no successful interior and no deep eligibility.", "Narrow clipping and unstable sticky navigation observed after viewport change; no focus/motion audit." ], "relatedExamples": [ "clearwell-letter", "clearwell-directory" ], "lessonIds": [ "cmp-text-shape", "cmp-semantic-grouping", "cmp-image-art-direction" ], "compositionTags": [ "abstract-figure-field", "two-column-service-labels", "plain-service-index" ] }, { "id": "sally-bliumis-dunn", "revision": 1, "title": "Sally Bliumis-Dunn", "lifecycle": "active", "primaryFamily": "expressive-type", "tags": [ "expressive-type", "publication" ], "requestedUrl": "https://sallybliumisdunn.com/", "resolvedUrl": "https://sallybliumisdunn.com/", "inspectedAt": "2026-10-05T17:12:24.847Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/7588-sally-bliumis-dunn" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": false, "immersive": false }, "fitSignals": [ "sparse-media", "type-content", "real-copy", "collection", "action" ], "visitorTasks": [ "read-deeply", "find-poem", "explore-collection" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Single-screen ochre field with narrow name/category rail left, enormous serif poem excerpt in the main field, small excerpt/source link below.", "navigation": "Six-category vertical left rail; poem interior adds a second narrow poem-title index. Mobile interior hamburger opens tall ochre category overlay, actually activated.", "sequence": [ "name and category rail", "changing large poem excerpt", "small linked source attribution" ], "evidence": "Author name, attributed excerpt and linked book/poem titles; no image-based proof needed.", "density": "Sparse large excerpt opens into an extensively spaced white poem reading page with compact adjacent indexes.", "imageTypeRelationship": "No homepage images; serif content itself provides visual identity and contrasts in scale with small category/source labels.", "interior": "White reading field beside ochre two-level navigation; large serif title, linked book attribution, widely spaced couplets and large next-poem title at ending.", "responsive": "Observed mobile home presents category links and author name rather than the desktop excerpt. Interior replaces sidebar indexes with compact author/hamburger bar and keeps title, attribution, verse and next-poem order.", "action": "Small excerpt source link leads into the poem; next-poem link continues reading. No contact sent." }, "observedRelationships": [ "Actual writing supplies the opening visual identity at a substantially larger scale than navigation.", "Poem reading preserves verse grouping and extensive spacing rather than treating it as ordinary body copy.", "Wide reading places category and item indexes beside content; mobile uses a compact header and overlay." ], "lessons": [ "Let approved original writing carry a personal practice when photos are unnecessary.", "Preserve meaningful stanza/line grouping and link excerpt attribution to the whole work.", "Use a static excerpt as a low-complexity alternative; do not imitate timed fades without accessible controls." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Single-screen writing-led identity with two-level reading navigation and a spacious poem interior.", "views": [ { "id": "sally-desktop-opening", "route": "https://sallybliumisdunn.com/", "resolvedUrl": "https://sallybliumisdunn.com/", "inspectedAt": "2026-10-05T17:12:24.847Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "readable excerpt", "observation": "Large serif excerpt beside narrow category rail and small source link observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:24.847Z; sally-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sally-desktop-complete", "route": "https://sallybliumisdunn.com/", "resolvedUrl": "https://sallybliumisdunn.com/", "inspectedAt": "2026-10-05T17:12:24.847Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-screen home", "observation": "Entire viewport-height homepage observed; document height later confirmed 900px.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:24.847Z; sally-desktop-complete; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Separate full-page screenshot had unusably narrow output; complete extent established through viewport and DOM height." ] }, { "id": "sally-mobile-opening", "route": "https://sallybliumisdunn.com/", "resolvedUrl": "https://sallybliumisdunn.com/", "inspectedAt": "2026-10-05T17:12:35.928Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "category state", "observation": "Tall ochre category list and author name observed; desktop excerpt absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:35.928Z; sally-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sally-mobile-complete", "route": "https://sallybliumisdunn.com/", "resolvedUrl": "https://sallybliumisdunn.com/", "inspectedAt": "2026-10-05T17:12:35.928Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "single-screen home", "observation": "Entire narrow home observed; document height 844px confirmed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:35.928Z; sally-mobile-complete; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sally-mobile-poem", "route": "https://sallybliumisdunn.com/poems/after-winter-solstice/", "resolvedUrl": "https://sallybliumisdunn.com/poems/after-winter-solstice/", "inspectedAt": "2026-10-05T17:12:44.841Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded poem", "observation": "Title/attribution, spaced couplets and next-poem ending observed in opening/full captures.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:44.841Z; sally-mobile-poem; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sally-desktop-poem", "route": "https://sallybliumisdunn.com/poems/after-winter-solstice/", "resolvedUrl": "https://sallybliumisdunn.com/poems/after-winter-solstice/", "inspectedAt": "2026-10-05T17:12:59.798Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded poem", "observation": "Two narrow ochre indexes beside large white reading field and next-poem ending observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:59.798Z; sally-desktop-poem; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sally-mobile-menu", "route": "https://sallybliumisdunn.com/poems/after-winter-solstice/", "resolvedUrl": "https://sallybliumisdunn.com/poems/after-winter-solstice/", "inspectedAt": "2026-10-05T17:12:59.798Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu opened", "observation": "Ochre category overlay with close mark and author name near foot observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:12:59.798Z; sally-mobile-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Excerpt changes and fades; intermediate text can be faint. Motion timing/reduced-motion behavior was not tested; lessons recommend static adaptation.", "Mobile home omits visible excerpt in inspected state.", "No keyboard or accessibility audit; no poem text/assets copied." ], "relatedExamples": [ "mara-specimen", "margin-journal" ], "lessonIds": [ "cmp-type-roles", "cmp-text-shape", "cmp-responsive-recomposition" ], "compositionTags": [ "writing-as-opening", "two-level-sidebar", "stanza-reading" ] }, { "id": "poolsuite", "revision": 2, "title": "Poolsuite", "lifecycle": "active", "primaryFamily": "retro", "tags": [ "retro", "publication" ], "requestedUrl": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:17:37.481Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.awwwards.com/websites/sites_of_the_year/" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "product-ui", "interaction-model", "state-change", "collection", "action" ], "visitorTasks": [ "explore-product", "play-audio", "read-deeply" ], "assetMinimum": "product-ui", "complexity": "high", "lowComplexityAlternative": "Use a static, responsive original player shell with native named controls and one task pane at a time; omit draggable windows and decorative video.", "structure": { "opening": "Pink patterned desktop with a centered classic window containing video, track metadata, transport controls, channel/volume strip; small top status bar and illustrated app dock below.", "navigation": "Dock opens actual app windows over the player. Newsroom was opened and closed; no login, member or submit-track flow entered.", "sequence": [ "desktop status bar", "player video window", "track title and playback state", "transport/channel/volume controls", "app dock" ], "evidence": "Actual interface and current track/status metadata; music/video authenticity and audio audibility not independently verified.", "density": "Single-screen working interface; news app overlays a denser filtered article index with image/title/date rows and item count.", "imageTypeRelationship": "Small bitmap icons, condensed window titles and serif newsroom reading titles; video occupies most player-window area.", "interior": "Consequential task state is Newsroom window over player, with four category controls, linked article rows, title/date and scrollable content; 95-item count visible.", "responsive": "Player window scales to narrow width and video size label changes; dock displays fewer icons with horizontal arrow controls. Newsroom stays too wide and clips titles/category controls beyond the viewport.", "action": "Start/stop radio controls were exercised using Enter: UI changed Stopped → Tuning in → Live → Stopped; this establishes interface response, not an audio-quality audit." }, "observedRelationships": [ "Period interface language organizes actual player and application tasks rather than decorating a marketing page.", "Separate windows change information density without leaving the main desktop.", "The dock gives a compact app-level navigation alternative to conventional top links." ], "lessons": [ "Use an interface metaphor only when it helps real product tasks.", "Retain explicit playback states and useful control labels.", "Implement a responsive single-pane task layout instead of copying overflowing narrow windows." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A working desktop-metaphor audio utility with consequential application states and documented narrow-window limitations.", "views": [ { "id": "poolsuite-desktop-opening", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:17:37.481Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded player stopped", "observation": "Complete centered player, top status bar and app dock observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:17:37.481Z; poolsuite-desktop-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "poolsuite-desktop-complete", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:17:37.481Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-screen app", "observation": "Entire desktop player interface observed in opening/full captures.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:17:37.481Z; poolsuite-desktop-complete; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "poolsuite-desktop-play", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:18:27.650Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Live UI after Enter", "observation": "Playback UI progressed through tuning to Live and enabled Stop; actual audio audibility unverified.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:18:27.650Z; poolsuite-desktop-play; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "poolsuite-desktop-newsroom", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:18:41.875Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Newsroom opened", "observation": "Filtered image/title/date reading index overlays player; 95 items reported.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:18:41.875Z; poolsuite-desktop-newsroom; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "poolsuite-mobile-newsroom", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:19:26.087Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Newsroom opened", "observation": "Overlaid newsroom observed with category/title clipping beyond narrow viewport.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:19:26.087Z; poolsuite-mobile-newsroom; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "poolsuite-mobile-opening", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:19:57.967Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "Newsroom closed; player stopped", "observation": "Narrow scaled player and arrow-ended dock observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:19:57.967Z; poolsuite-mobile-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "poolsuite-mobile-complete", "route": "https://poolsuite.net/", "resolvedUrl": "https://poolsuite.net/", "inspectedAt": "2026-10-05T17:19:57.967Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "single-screen app", "observation": "Complete 844px-high player/dock viewport observed; document height confirmed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:19:57.967Z; poolsuite-mobile-complete; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Separate full-page capture was unusably narrow; viewport covers complete document extent." ] } ], "limitations": [ "Boot loading screen resolved before counted views.", "Newsroom overflows/clips on narrow viewport; avoid reproducing this behavior.", "Enter activated start and stop, but full keyboard focus order/reduced motion not audited. Video continues while radio stops; no audio audibility claim.", "No member/login/newsletter/submission activated; media/code rights uncleared." ], "relatedExamples": [ "relay-workflow" ], "lessonIds": [ "cmp-interactive-explanation", "cmp-semantic-grouping", "cmp-responsive-recomposition" ], "compositionTags": [ "desktop-metaphor", "layered-task-windows", "app-dock" ] }, { "id": "lando-norris", "revision": 2, "title": "Lando Norris", "lifecycle": "active", "primaryFamily": "athletic", "tags": [ "athletic", "personal-brand", "portrait", "artifact-gallery" ], "requestedUrl": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:48:17.472Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.awwwards.com/websites/sites_of_the_year/" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "identity", "proof", "collection", "action", "state-change" ], "visitorTasks": [ "inspect-work", "explore-collection", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Dominant identified portrait with animated helmet slices, pale contour-line background, small race metadata, high-contrast store/menu controls.", "navigation": "Compact store and menu controls remain at top; internal On Track route was opened. Mobile swipe/scroll-mode control was visible but activation failed.", "sequence": [ "portrait and animated equipment opening", "signature and mixed-serif/sans identity statement", "dated unequal personal/racing documentary collage with statements", "paired On/Off Track route choices and large photographic transition", "black staggered helmet collection", "pale layered merchandise promotion", "partner/campaign section", "fan/social photo deck", "dark irregular footer with equipment portrait and useful route/social/inquiry links" ], "evidence": "Actual portrait and designed helmet imagery; on-track page exposes structured race/career presentation. Numeric sporting claims not verified.", "density": "Monumental portrait/statements/numeral alternate with unequal documentary collage, compact evidence tables, equipment gallery and useful route choices.", "imageTypeRelationship": "Identified face and helmet are dominant; contour graphics and mixed expressive/condensed type support the subject rather than generic feature cards.", "interior": "Black equipment opening develops into enormous podium numeral, compact career-stat/season table, result highlights, unequal dated racing collage, junior-career grid, countdown, track diagram/schedule and staggered equipment/social/footer. Wide imagery and copy are divided across the page; narrow introductory copy/race panel precedes helmet, while result tables reduce columns.", "responsive": "Fresh narrow home has centered name above close portrait and tap-to-lock control. Documentary collage retains unequal staggered image sizes; On/Off options remain paired above image transition. Four equipment columns become two. Interior stacks copy, race panel and equipment, keeps two-column junior achievements and simplifies result tables. Full-page capture omits fixed/composited opening and some viewport-triggered data; native states are separately inspected.", "action": "Internal On Track route opened from observed href at both sizes. Header store/menu and later equipment/store/schedule/direct email actions placed by relevant content; none submitted." }, "observedRelationships": [ "Subject-specific portrait, equipment and structured race metadata give three different evidence scales.", "The internal evidence route changes from face-led introduction to equipment and record presentation.", "Helmet collection uses staggered columns with compact labels rather than uniform marketing cards." ], "lessons": [ "Use authentic identified portraits and meaningful artifacts only when available.", "Keep evidence rows and useful actions independent of decorative scroll reveals.", "A static portrait, cleared artifact gallery and ordinary record table can retain the relationships without complex motion." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Athletic identity with dated uneven documentary sequencing and genuine equipment/record interior depth. Native viewport evidence distinguishes loaded content from omitted animation captures.", "views": [ { "id": "lando-wide-opening-revisit", "route": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:43:45.655Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded portrait and equipment scene", "observation": "Face portrait, animated equipment ribbon, contour backdrop, next-race corner panel and small store/menu.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:43:45.655Z; lando-wide-opening-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-wide-whole-revisit", "route": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:43:45.655Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded organization; composited region omitted", "observation": "Identity statement, paired route/photo transition, four-column helmets, merchandise, partner/social and utility footer observed; documentary collage inspected natively next.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:43:45.655Z; lando-wide-whole-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-wide-collage-loaded", "route": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:44:10.461Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native loaded documentary region", "observation": "Unequal plane-camera, award and race-win photographs, dated labels, personal statement/signature and paired On/Off next section visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:44:10.461Z; lando-wide-collage-loaded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-wide-statement", "route": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:47:22.221Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native mixed-type identity", "observation": "Huge lime serif keywords alternate with cream sans proposition on dark contour backdrop.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:47:22.221Z; lando-wide-statement; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-wide-ontrack-revisit", "route": "https://landonorris.com/on-track", "resolvedUrl": "https://landonorris.com/on-track", "inspectedAt": "2026-10-05T20:47:36.269Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native opening and full interior", "observation": "Huge mixed title, giant helmet left/copy and compact race block right; full stats, season/results tables, collage, junior career, track/schedule, equipment/social/footer inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:47:36.269Z; lando-wide-ontrack-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-narrow-ontrack-initial-revisit", "route": "https://landonorris.com/on-track", "resolvedUrl": "https://landonorris.com/on-track", "inspectedAt": "2026-10-05T20:47:49.176Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "initial loading and full organization", "observation": "Lime loading scene precedes full interior; some counters/rows omitted before entering viewport.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:47:49.176Z; lando-narrow-ontrack-initial-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-narrow-ontrack-loaded-opening", "route": "https://landonorris.com/on-track", "resolvedUrl": "https://landonorris.com/on-track", "inspectedAt": "2026-10-05T20:47:57.814Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening", "observation": "Title, stacked proposition/race panel then helmet with content adapted to narrow screen.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:47:57.814Z; lando-narrow-ontrack-loaded-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-narrow-collage-loaded", "route": "https://landonorris.com/on-track", "resolvedUrl": "https://landonorris.com/on-track", "inspectedAt": "2026-10-05T20:48:07.069Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native loaded racing collage", "observation": "Unequal championship photographs, labels, personal quote/signature; prior counter/table animation transitional state also observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:48:07.069Z; lando-narrow-collage-loaded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-narrow-season-loaded", "route": "https://landonorris.com/on-track", "resolvedUrl": "https://landonorris.com/on-track", "inspectedAt": "2026-10-05T20:48:12.668Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native loaded season table", "observation": "Six season rows, finish and podium labels, full-schedule action and result-heading/description observed after viewport animation completed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:48:12.668Z; lando-narrow-season-loaded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-narrow-opening-revisit", "route": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:48:17.472Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded portrait", "observation": "Centered name/role, dominant tall face, equipment ribbon, store/menu and tap-to-lock control.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:48:17.472Z; lando-narrow-opening-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lando-narrow-whole-revisit", "route": "https://landonorris.com/", "resolvedUrl": "https://landonorris.com/", "inspectedAt": "2026-10-05T20:48:17.472Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "whole organization plus native collage", "observation": "Mixed identity statement, unequal dated documentary images/statements, paired track links/photos, two-column helmets, merchandise/partners/social and irregular footer inspected. Native plane-photo/career statement region inspected separately in same call.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:48:17.472Z; lando-narrow-whole-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Full-page screenshot omits fixed/composited portrait and some viewport-triggered counters, tables and images. Native loaded regions are separately recorded; blank/zero initial states are not teaching layouts.", "Motion, lock/menu/schedule interactions, complete keyboard/focus/reduced-motion/accessibility audit not tested.", "Sporting claims, dates and statistics differ within publisher presentation and remain unverified; teaching is structural only.", "No purchases, inquiries, signup, copied assets/code or redistributed external pixels." ], "relatedExamples": [ "mara-specimen", "fen-repair", "lacuna-objects" ], "lessonIds": [ "cmp-evidence-form", "cmp-image-sequence", "cmp-unequal-emphasis", "cmp-responsive-recomposition" ], "compositionTags": [ "identified-portrait", "equipment-led-detail", "staggered-artifact-gallery" ] }, { "id": "ashford-ashford", "revision": 1, "title": "Ashford & Ashford", "lifecycle": "active", "primaryFamily": "text-first", "tags": [ "text-first", "professional-service", "question-sequence" ], "requestedUrl": "https://ashford-ashford.com/", "resolvedUrl": "https://ashford-ashford.com/", "inspectedAt": "2026-10-05T17:43:50.758Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3146-ashford-and-ashford" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "sparse-media", "real-copy", "process", "action" ], "visitorTasks": [ "evaluate-service", "understand-process", "book-inquiry" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Centered quotation over a subdued forest photograph, with small diamond separators; pale masthead whose logo has poor contrast.", "navigation": "Single-page fragment links lead to facts, rationale, testimonials and contact; header links are not visibly readable in inspected opening.", "sequence": [ "quotation field", "three practical questions with outlined icons", "practice rationale and direct contact link", "long testimonial reading region", "contact form and contact details", "compact footer links" ], "evidence": "Question-and-answer explanations and attributed testimonials; publisher facts and endorsements are not independently verified and must never transfer.", "density": "Short opening becomes three substantial question columns, then prose and a long reading region, ending in compact form controls.", "imageTypeRelationship": "Outline symbols label practical questions; forest is secondary atmospheric background. Essential service hierarchy can work without exceptional photography.", "interior": "This is a single-page service experience. Consequential task is #contact: labeled name/email/message fields and a separate contact-information column; reached through a real Contact Us link at both widths without entering or submitting data.", "responsive": "Three question columns become a vertical series. Desktop contact columns become form before address. On mobile the rationale field loses its dark background and white text becomes invisible; narrow full capture exposes this failure.", "action": "Rationale contact link jumps to the final inquiry section. No form submission, email or telephone activation." }, "observedRelationships": [ "Practical visitor questions explain a specialized service before persuasive claims.", "The primary inquiry task follows explanation and evidence, with ordinary contact details beside it.", "Outlined icons and distinct section fields support sparse-media hierarchy without a giant business portrait." ], "lessons": [ "Use meaningful visitor questions as the information sequence.", "Place practical contact details alongside the relevant inquiry task.", "Preserve legible backgrounds and static reading order; do not imitate the observed low-contrast navigation or invisible mobile rationale." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse local/professional single-page service sequence, question-based explanation and inquiry state, including explicit responsive failures.", "views": [ { "id": "ashford-wide-opening", "route": "https://ashford-ashford.com/", "resolvedUrl": "https://ashford-ashford.com/", "inspectedAt": "2026-10-05T17:43:50.758Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Centered quotation over subdued woodland; pale low-contrast masthead.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:43:50.758Z; ashford-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "ashford-wide-whole", "route": "https://ashford-ashford.com/", "resolvedUrl": "https://ashford-ashford.com/", "inspectedAt": "2026-10-05T17:43:50.758Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded 3883px full capture", "observation": "All question, rationale, testimonial, contact and footer regions observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:43:50.758Z; ashford-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "ashford-wide-contact", "route": "https://ashford-ashford.com/#contact", "resolvedUrl": "https://ashford-ashford.com/#contact", "inspectedAt": "2026-10-05T17:43:50.758Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "fragment link activated", "observation": "Name/email/message form left; contact details right; footer visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:43:50.758Z; ashford-wide-contact; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "ashford-narrow-opening", "route": "https://ashford-ashford.com/#intro", "resolvedUrl": "https://ashford-ashford.com/#intro", "inspectedAt": "2026-10-05T17:44:05.969Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Quotation wraps into six lines; forest crops to a tall field.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:44:05.969Z; ashford-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "ashford-narrow-whole", "route": "https://ashford-ashford.com/", "resolvedUrl": "https://ashford-ashford.com/", "inspectedAt": "2026-10-05T17:44:05.969Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded 5462px full capture", "observation": "Question columns stack; rationale text disappears on white field; testimonials/form/address/ending visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:44:05.969Z; ashford-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "ashford-narrow-contact", "route": "https://ashford-ashford.com/#contact", "resolvedUrl": "https://ashford-ashford.com/#contact", "inspectedAt": "2026-10-05T17:44:05.969Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "fragment link activated", "observation": "Form above contact details; no submission.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:44:05.969Z; ashford-narrow-contact; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Historical 2013 discovery is not evidence of current attribution/version; current live site inspected, with 2014 footer date.", "Header wordmark/navigation contrast is poor; mobile rationale background fails and white copy becomes invisible. These are limitations, not recommended design choices.", "No endorsement, market statistic or recovery claim independently verified; no inquiry submitted.", "No full keyboard/reduced-motion audit; original third-party code/images excluded." ], "relatedExamples": [ "clearwell-letter", "clearwell-directory" ], "lessonIds": [ "cmp-semantic-grouping", "cmp-contextual-action", "cmp-responsive-recomposition" ], "compositionTags": [ "three-question-explanation", "single-page-service", "form-with-contact-ledger" ] }, { "id": "derwent-tamar", "revision": 1, "title": "Derwent & Tamar Chambers", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss-systematic", "professional-service", "directory", "evidence-categories" ], "requestedUrl": "https://derwentandtamarchambers.com/", "resolvedUrl": "https://derwentandtamarchambers.com/", "inspectedAt": "2026-10-05T17:46:22.509Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/2900-derwent-and-tamar-chambers" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "approved-image", "comparison", "real-copy", "action" ], "visitorTasks": [ "evaluate-service", "compare-options", "find-specialist", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Centered hexagonal practice mark with two navigation links on each side; court-wig photograph divided diagonally into violet/neutral, compact centered proposition.", "navigation": "Symmetric home/barristers/links/contact header; narrow header uses mark plus search/menu icons. Main roster gives explicit View Profile links.", "sequence": [ "practice proposition over contextual image", "small introduction and unresolved embedded-media space", "four-column barrister roster with portraits/names/profile links", "two-column links and resources", "three-column contact footer" ], "evidence": "Portrait roster and each profile separates biography, admissions, selected matters and practice areas. Publisher qualifications/case lists are not independently verified.", "density": "Brief introduction expands into long roster, dense practical resources and profile evidence. Empty embedded-media region interrupts the home sequence.", "imageTypeRelationship": "Portraits are direct identification evidence, not atmospheric business illustration. Violet/dark/light block fields organize profile evidence categories.", "interior": "Mat Wilkins profile: equal-width name field and portrait; purple biography/committee column beside stacked dark admissions and light selected-case ledger; practice areas and three contact channels finish.", "responsive": "Four roster columns become one. Profile name appears before portrait, then biography before admissions/cases. Resources/contact fields stack. Long raw URLs in case evidence clip; some image aspect ratios and photo absence remain inconsistent.", "action": "Profile links give a clear directory-to-specialist journey; phone/email contact strip follows relevant evidence. No contact link activated." }, "observedRelationships": [ "A directory can make identified people and explicit profile actions its principal evidence.", "Interior evidence categories occupy different fields instead of generic testimonial cards.", "Comparative columns become a deliberate sequential reading order on narrow screens." ], "lessons": [ "Group professional evidence by type, keeping biography distinct from verifiable credentials and case citations.", "Use real approved portraits for identification and provide a sparse fallback when portraits are missing.", "Break long citations and retain legible text; avoid copying uneven portrait dimensions, centered long prose and the unresolved home embed." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Professional directory and unusually dense two-column qualification/case interior, with explicit profile reading-order transformation.", "views": [ { "id": "derwent-wide-opening", "route": "https://derwentandtamarchambers.com/", "resolvedUrl": "https://derwentandtamarchambers.com/", "inspectedAt": "2026-10-05T17:46:22.509Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded opening in full capture", "observation": "Symmetric dark header, violet/neutral wig image, centered proposition; initial blank hero resolved.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:46:22.509Z; derwent-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "derwent-wide-whole", "route": "https://derwentandtamarchambers.com/", "resolvedUrl": "https://derwentandtamarchambers.com/", "inspectedAt": "2026-10-05T17:46:22.509Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded full capture 7822px", "observation": "Roster/resources/contact sequence observed; central embed space unresolved.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:46:22.509Z; derwent-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "derwent-wide-profile", "route": "https://derwentandtamarchambers.com/barristers/mat-wilkins/", "resolvedUrl": "https://derwentandtamarchambers.com/barristers/mat-wilkins/", "inspectedAt": "2026-10-05T17:46:22.509Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening/full 3545px", "observation": "Name/portrait then parallel biography/admissions/cases and contact strip observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:46:22.509Z; derwent-wide-profile; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "derwent-narrow-opening", "route": "https://derwentandtamarchambers.com/", "resolvedUrl": "https://derwentandtamarchambers.com/", "inspectedAt": "2026-10-05T17:46:46.552Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded opening in full capture", "observation": "Mark/search/menu header and tall contextual image above practice introduction.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:46:46.552Z; derwent-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "derwent-narrow-whole", "route": "https://derwentandtamarchambers.com/", "resolvedUrl": "https://derwentandtamarchambers.com/", "inspectedAt": "2026-10-05T17:46:46.552Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded full capture 20019px", "observation": "Single-column roster followed by resource and contact fields; full image too reduced for a per-name audit.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:46:46.552Z; derwent-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "derwent-narrow-profile", "route": "https://derwentandtamarchambers.com/barristers/mat-wilkins/", "resolvedUrl": "https://derwentandtamarchambers.com/barristers/mat-wilkins/", "inspectedAt": "2026-10-05T17:46:46.552Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening/full 7695px", "observation": "Name before portrait, biography then admissions/cases, area list/contact strip/footer; long citations clip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:46:46.552Z; derwent-narrow-profile; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Historical 2012 discovery may differ from current live version; website designer unverified.", "Initial hero image blank resolved; central home embed remains empty. A few roster portraits are missing or have inconsistent aspect ratios.", "Large narrow home full capture establishes organization, not a per-person content audit.", "Centered long prose, long citation overflow and light email contrast are limitations; avoid reproducing them.", "No contact submissions/calls/emails; full keyboard/accessibility/motion audit not performed." ], "relatedExamples": [ "clearwell-directory" ], "lessonIds": [ "cmp-semantic-grouping", "cmp-comparison", "cmp-responsive-recomposition" ], "compositionTags": [ "four-column-person-directory", "parallel-evidence-fields", "category-contact-strip" ] }, { "id": "hudson-gavin-martin", "revision": 1, "title": "Hudson Gavin Martin", "lifecycle": "active", "primaryFamily": "text-first", "tags": [ "text-first", "professional-service", "dense-evidence" ], "requestedUrl": "https://hgmlegal.com/", "resolvedUrl": "https://www.hgmlegal.com/", "inspectedAt": "2026-10-05T17:49:46.895Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/10153-hudson-gavin-martin" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "sparse-media", "real-copy", "process", "action" ], "visitorTasks": [ "evaluate-service", "understand-process", "find-specialist", "read-deeply", "book-inquiry" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Compact light wordmark/search/menu bar; black opening with large sans proposition left, small practice explanation/action below and glowing particle-sphere artwork right.", "navigation": "Compact menu rather than a row of visible desktop page links; main service index gives eight direct named links with small line icons.", "sequence": [ "practice proposition", "office image alongside eight-service index", "desktop blank region / narrow latest-content carousel", "black practice statement with particle graphic", "contact/team/newsletter/social utilities", "dense footer with service/content/address/legal links" ], "evidence": "Service interior has expertise prose, concrete engagement descriptions, dated related articles and named practitioners. Claims/endorsements not independently verified.", "density": "Short opening and compact service index grow into dense service-specific evidence and contextual reading links. Footer is a useful navigation ledger.", "imageTypeRelationship": "Bold sans service labels and ordinary line icons carry hierarchy. Particle artwork is decorative and absent from narrow opening; the reading/task sequence supports a static sparse-media adaptation.", "interior": "Technology & Telecommunications: back-to-services action, small category icon/eyebrow, substantial proposition/prose left and office photograph right; expertise and experience bullets beside related-content sidebar; key-contact roster and testimonials follow.", "responsive": "Narrow home omits particle art from opening, stacks office image before service list, shows one latest-content card. Interior prose/evidence precede sidebar; contacts remain two columns and footer becomes a long vertical index.", "action": "Back-to-services supports comparison, named specialist Contact links follow relevant evidence, and general inquiry/team links sit in utilities. No forms or contact links submitted/activated." }, "observedRelationships": [ "A legal service can use a terse functional type system and dense task-specific interior without relying on luxury imagery.", "Experience bullets and dated related reading are adjacent but remain different evidence formats.", "Narrow layout removes decorative opening art and prioritizes service explanation." ], "lessons": [ "Use real service categories as direct navigation, with icon labels secondary to words.", "Distinguish engagement evidence from related commentary and route specialist inquiries from context.", "A static field can replace ornamental particles; customer claims/portraits must remain grounded." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse-media adaptation of a modern professional service with a dense experience-and-reading interior; desktop/narrow homepage content differences documented.", "views": [ { "id": "hgm-wide-opening", "route": "https://www.hgmlegal.com/", "resolvedUrl": "https://www.hgmlegal.com/", "inspectedAt": "2026-10-05T17:48:31.581Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Black field, proposition/action left and particle sphere right; initial loader excluded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:48:31.581Z; hgm-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hgm-wide-whole", "route": "https://www.hgmlegal.com/", "resolvedUrl": "https://www.hgmlegal.com/", "inspectedAt": "2026-10-05T17:49:46.895Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "after actual scrolling/full 3468px", "observation": "Service grid/office field, blank latest-content region, black practice statement and complete footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:49:46.895Z; hgm-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hgm-narrow-opening", "route": "https://www.hgmlegal.com/", "resolvedUrl": "https://www.hgmlegal.com/", "inspectedAt": "2026-10-05T17:48:31.581Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Proposition, practice explanation and Learn More; sphere absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:48:31.581Z; hgm-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hgm-narrow-whole", "route": "https://www.hgmlegal.com/", "resolvedUrl": "https://www.hgmlegal.com/", "inspectedAt": "2026-10-05T17:48:31.581Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded full capture", "observation": "Stacked service index, one latest-content card, statement and dense footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:48:31.581Z; hgm-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hgm-narrow-service", "route": "https://www.hgmlegal.com/services/technology-telecommunications", "resolvedUrl": "https://www.hgmlegal.com/services/technology-telecommunications", "inspectedAt": "2026-10-05T17:48:50.965Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening/full 9732px", "observation": "Service prose, experience bullets, related content, two-column contacts, testimonials and footer observed; contact portraits not loaded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:48:50.965Z; hgm-narrow-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hgm-wide-service", "route": "https://www.hgmlegal.com/services/technology-telecommunications", "resolvedUrl": "https://www.hgmlegal.com/services/technology-telecommunications", "inspectedAt": "2026-10-05T17:49:26.096Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening/full", "observation": "Service title/prose/photo, experience alongside relevant-content sidebar, four-column contacts and testimonial row observed; later portrait rows empty.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:49:26.096Z; hgm-wide-service; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Current site may differ from historical 2021 discovery; Studio Almond historical category credit does not verify current creator.", "Desktop latest-content region remained blank after actual scroll while narrow card was visible.", "Narrow contact portraits and later desktop portrait rows remain empty; some initial service images did load.", "Particle motion/reduced-motion/focus order not audited. No inquiry/newsletter submitted; no legal advice or publisher claim transferred." ], "relatedExamples": [ "clearwell-letter", "clearwell-directory", "margin-journal" ], "lessonIds": [ "cmp-semantic-grouping", "cmp-proof-adjacency", "cmp-sparse-media", "cmp-responsive-recomposition" ], "compositionTags": [ "service-icon-index", "experience-reading-sidebar", "contextual-specialist-roster" ] }, { "id": "q-industrial", "revision": 1, "title": "Q-Industrial", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "material-object", "technical-catalog" ], "requestedUrl": "https://q-industrial.com/", "resolvedUrl": "https://q-industrial.com/en-de", "inspectedAt": "2026-10-05T17:51:58.694Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/12681-q-industrial" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "technical-product", "approved-image", "multiple-images", "comparison", "process", "action", "real-copy" ], "visitorTasks": [ "explore-product", "compare-options", "understand-process", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Use a static approved product image, ordinary document scrolling, native details and semantic filter controls; preserve technical label alignment and result-count feedback.", "structure": { "opening": "Black field with small grouped outlined navigation controls; Industrial and Coatings flank a red rotating ring-mark object within a thin capsule outline; short explanation and red catalog action below.", "navigation": "Industries/surfaces, catalog/technologies and services/about/contact/account controls form three clusters; language links remain separate. Narrow header reduces to logo and Menu.", "sequence": [ "material-mark proposition and catalog action", "two-column industry/application ledger with small symbols", "wind-farm atmosphere and practice explanation", "process video still", "large pale benefits field", "industry/surface links", "newsletter and contextual inquiry ending" ], "evidence": "Catalog identifies product codes/types, brief descriptions, dry-thickness values, extended description and datasheet links. Technical claims/specifications are publisher material, not independently verified.", "density": "Large expressive opening and atmosphere give way to dense comparison-oriented product rows; catalog replaces black presentation with pale utilitarian reading surface.", "imageTypeRelationship": "Material-object mark gives an industrial identity; compact product packaging images sit next to practical product identifiers. Type does not substitute for specifications.", "interior": "Catalog: filter rail for product type/base/components/gloss, result count and list/grid controls; 11 repeated rows each show packaging, code/type, title, short description, thickness, disclosure and datasheet link. Narrow has stacked product information and a bottom Filters panel.", "responsive": "Opening title flanking the object becomes above/below it. Industry ledger becomes a stack. Catalog filters move to an overlay, product image moves above metadata, thickness label/value align across one row and disclosure/datasheet become separate rows. Benefits field shows a horizontal continuation with partial next item.", "action": "Narrow Extended Description activated with Enter and exposed application prose with visible focus outline. Filters panel opened; Epoxy selection changed 11 results to 1 and showed EPX-040. No datasheet/account/inquiry/newsletter submission." }, "observedRelationships": [ "Brand expression and technical product comparison can use different density and surface within one coherent site.", "Product codes, specification values and datasheet actions are adjacent to each item.", "A large desktop filter rail becomes a focused narrow-screen task panel rather than crushing the product list." ], "lessons": [ "Ground catalog categories and specification labels in the actual product inventory.", "Use native disclosures and clearly labeled filters with visible count feedback.", "Replace ornamental 3D/smooth-scroll behavior with an original static product image while preserving task organization." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Industrial coatings example with an actually exercised narrow filter/disclosure journey and metadata-aligned product comparison.", "views": [ { "id": "q-wide-opening", "route": "https://q-industrial.com/en-de", "resolvedUrl": "https://q-industrial.com/en-de", "inspectedAt": "2026-10-05T17:50:02.883Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after cookie choice", "observation": "Capsule title/object, small supporting copy and red catalog action; cookie panel dismissed with Do not accept.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:50:02.883Z; q-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "q-wide-whole", "route": "https://q-industrial.com/en-de", "resolvedUrl": "https://q-industrial.com/en-de", "inspectedAt": "2026-10-05T17:50:02.883Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full 7482px with partial reveals", "observation": "Industry ledger, wind-farm field, video still, pale benefits, link fields and inquiry ending observed; some lower media/prose remain blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:50:02.883Z; q-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "q-wide-catalog", "route": "https://q-industrial.com/en-de/catalog", "resolvedUrl": "https://q-industrial.com/en-de/catalog", "inspectedAt": "2026-10-05T17:51:25.375Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening/full 4104px", "observation": "Filter rail, 11 aligned product rows with code/type/thickness/description/datasheet; active list view.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:51:25.375Z; q-wide-catalog; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "q-narrow-catalog", "route": "https://q-industrial.com/en-de/catalog", "resolvedUrl": "https://q-industrial.com/en-de/catalog", "inspectedAt": "2026-10-05T17:51:58.694Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded; disclosure/filter exercised", "observation": "Product stacked; Enter reveals extended description and focus outline; Filters Epoxy changes 11 of 11 to 1 of 11 and EPX-040 visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:51:58.694Z; q-narrow-catalog; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "q-narrow-opening", "route": "https://q-industrial.com/en-de", "resolvedUrl": "https://q-industrial.com/en-de", "inspectedAt": "2026-10-05T17:51:58.694Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Industrial above red object, Coatings below, explanation/action further down.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:51:58.694Z; q-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "q-narrow-whole", "route": "https://q-industrial.com/en-de", "resolvedUrl": "https://q-industrial.com/en-de", "inspectedAt": "2026-10-05T17:51:58.694Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "full 6582px with missing fields", "observation": "Industry list/process still/benefits continuation/footer observed; atmosphere background and industry/surface image fields blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:51:58.694Z; q-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Custom motion/smooth scrolling progresses slowly; some reveal-dependent fields remain blank in full captures. Do not treat those blanks as intended composition.", "Header Catalog click did not complete navigation in observed interval; direct observed publisher href loaded the catalog successfully.", "Mobile filters/disclosure worked, but complete keyboard order, focus trap and reduced-motion behavior untested.", "Narrow benefits are a horizontally continuing field; gesture/control not exercised. No purchase/inquiry/newsletter/account activated; specification truth not audited." ], "relatedExamples": [ "rivet-components" ], "lessonIds": [ "cmp-comparison", "cmp-proof-adjacency", "cmp-disclosure", "cmp-responsive-recomposition" ], "compositionTags": [ "flanking-object-title", "specification-product-rows", "filter-rail-to-overlay" ] }, { "id": "r100", "revision": 1, "title": "R100 — Hydro material exhibition", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "industrial", "material-exhibition" ], "requestedUrl": "https://www.r-100.no/", "resolvedUrl": "https://www.r-100.no/", "inspectedAt": "2026-10-05T17:58:32.114Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/13495-r100" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "collection", "proof", "process", "real-copy" ], "visitorTasks": [ "inspect-work", "understand-process", "find-location" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Desktop single-screen horizontal object-image bands, small white grouped navigation across top and compact exhibition location/date at bottom; material objects carry almost all visual scale.", "navigation": "Designer names, art director, exhibition/material chapters and short premise occupy separate aligned groups; narrow uses an orange circle menu opening white rounded grouped panels over a blurred background.", "sequence": [ "desktop object panorama; one viewport", "mobile five full-width object images", "radius diagram", "designer credits, exhibition facts and source/press footer" ], "evidence": "Current object photographs are paired with creator names; material chapter shows ingots, tooling and scrap alongside process explanation. Publisher sustainability/energy claims are not independently verified.", "density": "Home minimizes prose around objects; material chapter changes from full image to substantial bold sans explanation, smaller serif company context and compact credits.", "imageTypeRelationship": "Large material close-ups and furniture/object scale dominate; tiny white utility type is laid over photography with variable contrast.", "interior": "Material chapter: full-height ingot image/title, two-column text and tool-image field, smaller serif supporting context with material mark, broad scrap image and practical source/credit footer.", "responsive": "Horizontal home becomes a vertical sequence of five images; designer label and event facts overlay different images as the sequence scrolls. Material columns stack bold explanation, mark, tooling and scrap; small serif company paragraph visible on desktop is absent from observed mobile full view.", "action": "Orange narrow menu opens grouped designer/chapter links; primary task is exploring objects/material process and event facts. Attempted menu close did not visibly close it, so subsequent navigation used an observed publisher URL. No press/email submission." }, "observedRelationships": [ "Object scale and material finish introduce the collection with almost no promotional typography.", "The process chapter changes density substantially while retaining compact navigation and image scale.", "A horizontal desktop exhibition can become an ordered mobile sequence instead of retaining a cramped panorama." ], "lessons": [ "Use only actual approved object images and supported maker/material context.", "Keep names and viewing/exhibition facts legible beside the work; replace image overlays with stable caption positions when contrast varies.", "A static image sequence and ordinary menu can preserve the object-to-process journey without animated label transitions." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Object-first material exhibition with a genuinely single-screen desktop home and a different narrow-page organization.", "views": [ { "id": "r100-wide-home", "route": "https://www.r-100.no/", "resolvedUrl": "https://www.r-100.no/", "inspectedAt": "2026-10-05T17:57:18.664Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded single-screen whole home", "observation": "Object image bands, grouped white links and bottom event facts; document height 900px equals viewport.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:57:18.664Z; r100-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "r100-wide-home-whole", "route": "https://www.r-100.no/", "resolvedUrl": "https://www.r-100.no/", "inspectedAt": "2026-10-05T17:57:18.664Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single screen 900px", "observation": "Entire desktop home observed; there is no conventional lower homepage.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:57:18.664Z; r100-wide-home-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "r100-narrow-home", "route": "https://www.r-100.no/", "resolvedUrl": "https://www.r-100.no/", "inspectedAt": "2026-10-05T17:58:32.114Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded object sequence", "observation": "Chair image then object photographs; orange circular menu and small mark.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:58:32.114Z; r100-narrow-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "r100-narrow-home-whole", "route": "https://www.r-100.no/", "resolvedUrl": "https://www.r-100.no/", "inspectedAt": "2026-10-05T17:58:32.114Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded full 4232px after scrolling", "observation": "All five object images, radius graphic and credit/event/source footer observed. Label transition positions vary while scrolling.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:58:32.114Z; r100-narrow-home-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "r100-narrow-material", "route": "https://www.r-100.no/hydro-circal-100r", "resolvedUrl": "https://www.r-100.no/hydro-circal-100r", "inspectedAt": "2026-10-05T17:57:34.973Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening/full 3245px after scrolling", "observation": "Ingot photograph, bold explanation, material mark, tooling/scrap images and credits; desktop supporting serif paragraph not visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:57:34.973Z; r100-narrow-material; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "r100-wide-material", "route": "https://www.r-100.no/hydro-circal-100r", "resolvedUrl": "https://www.r-100.no/hydro-circal-100r", "inspectedAt": "2026-10-05T17:58:21.852Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening/full 4457px after scrolling", "observation": "Ingot hero; bold explanation left and tooling photo right; smaller serif supporting text, mark, scrap image and credits.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:58:21.852Z; r100-wide-material; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "r100-narrow-menu", "route": "https://www.r-100.no/", "resolvedUrl": "https://www.r-100.no/", "inspectedAt": "2026-10-05T17:57:46.194Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "open menu", "observation": "White rounded grouped designer list, radius graphic, chapter links and source mark over blurred object background.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:57:46.194Z; r100-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial navigation frames were faded; later loaded observations used. Full captures before scrolling omitted text/credits, subsequently revealed.", "Narrow menu opened, but role locator close timed out and coordinate close left overlay visible; no full keyboard/focus/motion audit.", "White type over photography has variable contrast; moving labels may mismatch visible objects during transition.", "External media/branding/claims uncleared and never bundled; event/date facts are publisher content only." ], "relatedExamples": [ "rivet-components" ], "lessonIds": [ "cmp-image-sequence", "cmp-page-rhythm", "cmp-responsive-recomposition" ], "compositionTags": [ "object-panorama", "vertical-object-sequence", "process-density-change" ] }, { "id": "magazzino", "revision": 1, "title": "Magazzino Italian Art", "lifecycle": "active", "primaryFamily": "documentary", "tags": [ "documentary", "cultural-venue", "spatial-navigation" ], "requestedUrl": "https://www.magazzino.art/visit", "resolvedUrl": "https://www.magazzino.art/visit", "inspectedAt": "2026-10-05T18:00:25.475Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "October seed shortlist; actual publisher inspection", "url": "https://www.magazzino.art/visit" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "location", "collection", "proof", "real-copy", "action" ], "visitorTasks": [ "inspect-work", "find-location", "book-inquiry", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Three desktop vertical scene strips: Learn/Films in narrow left architectural photographs, Visit in a broad right aerial museum photograph; condensed black institution title below with small address beside it.", "navigation": "Learn/Films/Visit are distinct spatial areas; Visit menu exposes exhibitions/events/visitor info/cafe/store/donate, with Tickets/Membership and current closure notice above the main column. Narrow removes side strips and uses hamburger/mark.", "sequence": [ "museum place/address", "permanent exhibition image/title/location/status", "three dated exhibition image/title/location records", "support statement and donation action desktop", "institutional utility/social/newsletter/address/hours footer" ], "evidence": "Large installation/place photographs pair with exhibition names, dates and actual building labels; dates and visitor information are publisher material, not independently verified.", "density": "Image-rich exhibition sequence shifts into compact practical information; visitor page replaces display titles with explanatory sections and aligned side information.", "imageTypeRelationship": "Condensed oversized titles sit below photographs, with fine muted sans metadata alongside on desktop and below on mobile; place imagery persists behind side navigation.", "interior": "Visitor-info page starts with welcome/next-visit heading left and address/hours/contact right. Ruled sections separate tickets, campus orientation, policies, digital guide and transport. Side actions align with relevant topics.", "responsive": "Desktop persistent side strips and internal scroll pane become normal narrow document scrolling. Titles/metadata and main/sidebar content stack. Narrow visitor opening places address/hours directly after welcome, before tickets. Footer keeps address/hours in two tight columns.", "action": "Tickets and membership are top-level utility actions; visitor detail aligns reservations and architecture links to their explanation. No purchase/newsletter/donation/inquiry performed." }, "observedRelationships": [ "Persistent place/navigation strips make the desktop visit area feel like a spatial chapter.", "Exhibition imagery retains the identifying title, place and date needed for a visit decision.", "A practical interior changes from image sequence to grouped information with contextual actions." ], "lessons": [ "Use authentic place/work images with accurate supported dates and locations.", "Give visitor information a reading-first interior rather than repeating the visual homepage.", "Keep address/hours early on narrow screens; use ordinary scrolling and simple navigation if the side-pane mechanism adds complexity." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Documentary cultural venue with spatial desktop navigation and a substantial practical visit interior.", "views": [ { "id": "mag-wide-opening", "route": "https://www.magazzino.art/visit", "resolvedUrl": "https://www.magazzino.art/visit", "inspectedAt": "2026-10-05T17:59:48.408Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Museum aerial photograph, two narrow scene/navigation strips, title/address and tickets/membership.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:59:48.408Z; mag-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "mag-wide-whole", "route": "https://www.magazzino.art/visit", "resolvedUrl": "https://www.magazzino.art/visit", "inspectedAt": "2026-10-05T18:00:25.475Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "internal pane scrolled through ending", "observation": "6292px internal pane observed in opening/intermediate/ending screenshots: exhibition images/titles/metadata, support and complete practical footer. Browser full-page capture only captures current 900px pane.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:00:25.475Z; mag-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "mag-narrow-opening", "route": "https://www.magazzino.art/visit", "resolvedUrl": "https://www.magazzino.art/visit", "inspectedAt": "2026-10-05T18:00:15.806Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Museum aerial crop, hamburger/mark, condensed title and address below.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:00:15.806Z; mag-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "mag-narrow-whole", "route": "https://www.magazzino.art/visit", "resolvedUrl": "https://www.magazzino.art/visit", "inspectedAt": "2026-10-05T18:00:15.806Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "full 5895px", "observation": "All exhibition images, identifying title/location/date and utility footer observed; support statement absent in observed narrow page.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:00:15.806Z; mag-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "mag-wide-visitor", "route": "https://www.magazzino.art/visit/visitor-info/visitor-info-overview", "resolvedUrl": "https://www.magazzino.art/visit/visitor-info/visitor-info-overview", "inspectedAt": "2026-10-05T17:59:58Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening and campus/policy state", "observation": "Welcome left; address/hours/contact right; later campus explanation with contextual architecture link and policy section.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T17:59:58Z; mag-wide-visitor; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "mag-narrow-visitor", "route": "https://www.magazzino.art/visit/visitor-info/visitor-info-overview", "resolvedUrl": "https://www.magazzino.art/visit/visitor-info/visitor-info-overview", "inspectedAt": "2026-10-05T18:00:09.074Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening and policy reading state", "observation": "Address/hours follow welcome before tickets; policy list legible with bold lead phrases; sticky header overlapped text in scrolled state.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:00:09.074Z; mag-narrow-visitor; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop page uses an internal scroll pane; full-page screenshot is only one viewport, not whole-page evidence. Multiple actual scrolled screenshots establish organization.", "Narrow sticky header overlaps upper body text in scrolled visitor state. Muted metadata has low contrast.", "Transport accordion, menu keyboard/focus and motion not audited; visitor-state inspection did not exercise booking.", "Current exhibition/status/price information not verified for planning; all publisher content remains separate from customer facts." ], "relatedExamples": [ "fen-repair", "margin-journal" ], "lessonIds": [ "cmp-image-sequence", "cmp-semantic-grouping", "cmp-contextual-action", "cmp-responsive-recomposition" ], "compositionTags": [ "chapter-scene-strips", "captioned-exhibition-sequence", "practical-sidebar-interior" ] }, { "id": "bokman", "revision": 1, "title": "Bokman", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "documentary", "bilingual" ], "requestedUrl": "https://www.bokman.co.uk/", "resolvedUrl": "https://www.bokman.co.uk/", "inspectedAt": "2026-10-05T18:01:53.067Z", "version": "current", "creator": { "name": "GP", "attributionUrl": "https://www.gp.works/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/12801-bokman" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "location", "proof", "process", "real-copy", "action" ], "visitorTasks": [ "evaluate-service", "find-location", "book-inquiry", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Desktop asymmetric two-image masthead: huge red English wordmark over food image left, kitchen people image over Korean wordmark/motif right; navigation sits beneath this opening.", "navigation": "Bilingual brand and about/journal/contact/shop links with outlined Book a Table; narrow has centered large bilingual mark and three-rule menu.", "sequence": [ "desktop bilingual food/people masthead", "red proposition and three documentary images", "current closure notice with sister-venue links", "location/contact beside storefront image", "small utility footer" ], "evidence": "Food, real kitchen work/people and storefront imagery contextualize cooking and location; publisher biography and awards not independently verified.", "density": "Large opening picture fields become red short proposition then detailed current operational message; about interior combines large prose with image sequence and compact team/supplier facts.", "imageTypeRelationship": "Bilingual typography frames documentary food/people rather than captioning a generic atmosphere hero. Red text/white surfaces and the small drawn mark recur.", "interior": "About opens with the closure message and large practice prose; food/wine image strip, fermentation statement, close process photograph, biography, team/careers, separate wine/supplier sections and contextual contact ending.", "responsive": "Desktop visual masthead is omitted in narrow home: visitor starts at mark/menu then proposition and horizontal image strip. Current closure remains explicit. Storefront follows practical text; about text wraps and side facts become vertical groups, image strip continues horizontally.", "action": "Closure message redirects potential diners to the sister venue; current closed status is repeated in hours section. Book a Table is still present in desktop chrome. No booking, email or newsletter action performed." }, "observedRelationships": [ "Desktop pairs food and makers with two language marks; narrow prioritizes proposition and operational information.", "Current closure replaces the usual menu/booking pitch with a supported alternative path.", "About develops the food identity into process imagery and compact team/sourcing information." ], "lessons": [ "Use approved kitchen/place images and supported operating information.", "Keep the visitor path consistent with actual availability rather than blindly retaining a booking CTA.", "Preserve the process-to-people sequence with modest static photographs; correct heading leading at narrow sizes." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Neighborhood hospitality with bilingual documentary masthead, an operational-status journey and a detailed process/practice interior.", "views": [ { "id": "bokman-wide-opening", "route": "https://www.bokman.co.uk/", "resolvedUrl": "https://www.bokman.co.uk/", "inspectedAt": "2026-10-05T18:01:36.554Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after red loader", "observation": "Two asymmetric food/kitchen columns with large bilingual marks; navigation below first screen.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:01:36.554Z; bokman-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bokman-wide-whole", "route": "https://www.bokman.co.uk/", "resolvedUrl": "https://www.bokman.co.uk/", "inspectedAt": "2026-10-05T18:01:36.554Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded full page", "observation": "Red statement/three photos; closure text and storefront/contact; compact utility ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:01:36.554Z; bokman-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bokman-narrow-opening", "route": "https://www.bokman.co.uk/", "resolvedUrl": "https://www.bokman.co.uk/", "inspectedAt": "2026-10-05T18:01:53.067Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Bilingual mark/menu; red proposition and horizontally continuing photos; desktop visual masthead omitted.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:01:53.067Z; bokman-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bokman-narrow-whole", "route": "https://www.bokman.co.uk/", "resolvedUrl": "https://www.bokman.co.uk/", "inspectedAt": "2026-10-05T18:01:53.067Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded full page", "observation": "Closure/alternative venue, contact/address, storefront then grid-like small footer; two-line Contact and Opening Hours overlaps.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:01:53.067Z; bokman-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bokman-wide-about", "route": "https://www.bokman.co.uk/about", "resolvedUrl": "https://www.bokman.co.uk/about", "inspectedAt": "2026-10-05T18:01:45.402Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening/full", "observation": "Large practice/closure prose, image strips/process image, biography/team and alternating narrow supplier/wine content.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:01:45.402Z; bokman-wide-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bokman-narrow-about", "route": "https://www.bokman.co.uk/about", "resolvedUrl": "https://www.bokman.co.uk/about", "inspectedAt": "2026-10-05T18:01:45.402Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening/full", "observation": "Large prose fills narrow width; image strip remains horizontal, process image controls present, biography/team/supplier content stacks.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:01:45.402Z; bokman-narrow-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Current site reports closed after a fire; do not treat historical award imagery as evidence of current operation.", "Narrow Contact and Opening Hours heading line-height causes overlap. Mobile masthead removes desktop image opening.", "Image carousel/menu and Book a Table mechanism untested; no complete focus/reduced-motion/accessibility audit.", "About full capture has large empty intervals; no assumption those blanks are intended or all reveal content loaded." ], "relatedExamples": [ "fen-repair" ], "lessonIds": [ "cmp-image-sequence", "cmp-semantic-grouping", "cmp-contextual-action", "cmp-responsive-recomposition" ], "compositionTags": [ "bilingual-image-masthead", "operational-status-journey", "process-and-team-interior" ] }, { "id": "bao", "revision": 1, "title": "BAO London", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "illustrative-location-index", "multi-venue" ], "requestedUrl": "https://baolondon.com/", "resolvedUrl": "https://baolondon.com/", "inspectedAt": "2026-10-05T18:03:30.870Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/7552-bao" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "location", "comparison", "collection", "action" ], "visitorTasks": [ "find-location", "compare-options", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Two bao buns on a pale photo field frame centered restaurant proposition and seven-location line; compact horizontal task navigation and small illustrated mark.", "navigation": "Restaurants/karaoke/shop/delivery/bookings; Soho detail adds a seven-building pixel-art location rail. Narrow rail continues horizontally, main navigation becomes hamburger and Book here banner.", "sequence": [ "food proposition", "further product section not visually inspected", "full-field karaoke atmosphere", "story/careers", "practical utility/footer" ], "evidence": "Food/venue photographs and pixel-art building identities; Soho name, address and walk-in status sit beside building illustration. Publisher awards not independently verified.", "density": "Large atmosphere opening versus compact practical address/hours; utility footer becomes narrow accordion rows.", "imageTypeRelationship": "Food photograph frames the home text; Soho alternates atmospheric venue footage, building illustration and food imagery with tightly centered text.", "interior": "Soho page opening with textured venue/video still and location selector; building illustration beside venue description, walk-in status/address/delivery action and seven-day hours strip; later dish descriptions and menu controls. Some media fields blank.", "responsive": "Narrow opening retains food crop and centered proposition. Soho location rail remains horizontal; introduction illustration/content and hours overflow the viewport rather than fully recomposing, with a horizontal scrollbar visible. Footer utility groups become accordion rows.", "action": "Useful location/booking/delivery actions present; no booking, delivery, menu-save/share or form submission performed." }, "observedRelationships": [ "Pixel building identities distinguish venues without replacing explicit location names.", "Venue detail groups address, availability and weekly hours near the identifiable place.", "Task navigation separates restaurant, karaoke and delivery journeys." ], "lessons": [ "Use supported location and availability alongside any illustrative identity.", "A native labeled location list can replace the pixel rail when assets are modest.", "Correct narrow overflow and ensure operational status agrees with booking actions." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Multi-venue hospitality with a recognizable building selector and location-specific practical content; mobile overflow is a recorded avoidance lesson.", "views": [ { "id": "bao-wide-opening", "route": "https://baolondon.com/", "resolvedUrl": "https://baolondon.com/", "inspectedAt": "2026-10-05T18:02:49.949Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after cookie rejection", "observation": "Two buns frame proposition and locations; cookie dialog dismissed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:02:49.949Z; bao-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bao-narrow-opening", "route": "https://baolondon.com/", "resolvedUrl": "https://baolondon.com/", "inspectedAt": "2026-10-05T18:03:21.446Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Crop preserves buns and centered proposition; menu and Book here banner.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:03:21.446Z; bao-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bao-wide-venue", "route": "https://baolondon.com/restaurant/bao-soho/", "resolvedUrl": "https://baolondon.com/restaurant/bao-soho/", "inspectedAt": "2026-10-05T18:02:59.043Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening/full with missing media", "observation": "Building rail, atmospheric field, building illustration/description, address/walk-ins and weekly hours; lower menu/media partly blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:02:59.043Z; bao-wide-venue; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bao-narrow-venue", "route": "https://baolondon.com/restaurant/bao-soho/", "resolvedUrl": "https://baolondon.com/restaurant/bao-soho/", "inspectedAt": "2026-10-05T18:03:12.509Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening and practical state", "observation": "Building rail and venue opening; introduction/hours extend beyond narrow screen with horizontal scrollbar.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:03:12.509Z; bao-narrow-venue; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bao-wide-karaoke", "route": "https://baolondon.com/", "resolvedUrl": "https://baolondon.com/", "inspectedAt": "2026-10-05T18:03:30.870Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "scrolled atmosphere state", "observation": "Rounded full-image karaoke scene and centered proposition; home careers/footer also observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:03:30.870Z; bao-wide-karaoke; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Homepage scrolling uses custom transformed flow; full-page screenshots returned only the current viewport. Product/story sequence not fully inspected, so record is screened only.", "Soho interior and narrow view have missing media; narrow introduction/hours horizontal overflow observed.", "Cookie rejected; no full navigation/focus/motion or accessibility audit.", "2017 discovery page is historical; current page differs and is not asserted to retain that illustrative award design." ], "relatedExamples": [ "fen-repair" ], "lessonIds": [ "cmp-proof-adjacency", "cmp-contextual-action", "cmp-responsive-recomposition" ], "compositionTags": [ "food-framed-proposition", "building-location-rail", "venue-facts-adjacency" ] }, { "id": "the-blimp", "revision": 1, "title": "The Blimp", "lifecycle": "active", "primaryFamily": "maximalism", "tags": [ "maximalism", "music-index", "collage" ], "requestedUrl": "https://www.blimp.gr/", "resolvedUrl": "https://www.blimp.gr/", "inspectedAt": "2026-10-05T18:04:51.325Z", "version": "current", "creator": { "name": "Isabel Moranta (design); Yannis Yannakopoulos (development/content)", "attributionUrl": "https://isabelmoranta.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/12684-the-blimp" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "collection", "type-content", "real-copy", "comparison" ], "visitorTasks": [ "read-deeply", "find-article", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Initial desktop opens on a black field of scattered small album covers, then a structured publication/index state; enormous separated name typography, gray album fields and compact monospaced navigation.", "navigation": "Home/archive/genres/artists/labels/years/locales; last-update indicator and social sources. Narrow links wrap into two compact lines below a full-width wordmark.", "sequence": [ "album collage or featured-record index state", "previous albums and dense recent-entry ledger", "gray Album of the Week with description and record card", "black Soundtrack for the Day with artwork/listen link", "overscale type band", "back-to-top and creator credits" ], "evidence": "Album covers identified by artist/title, label and genre. Desktop recent ledger aligns these fields in three columns; narrow preserves artist/title list but omits side metadata columns.", "density": "Tiny collage/catalog imagery changes to dense monospaced ledger, giant section typography, one highlighted record and open artwork field.", "imageTypeRelationship": "Small album art sits at bottom-right of corner-bracket record fields while title/genre occupy separate positions; oversized display words punctuate the catalog rhythm.", "interior": "Archive replaces collage with a four-column grid of corner-bracket fields, title/label above and artwork/genre below, page-number navigation at bottom. Narrow is one record per row.", "responsive": "Narrow homepage starts at a structured record stack instead of scattered collage; navigation wraps. Desktop ledger loses genre/label columns; giant heading and record fields crop at the right edge in observed mobile full capture.", "action": "Archive links and record titles lead to records; genre/year/artist metadata supports discovery. Listen link points to external music source, not activated." }, "observedRelationships": [ "A visual collection opening can coexist with a precise artist/genre/label ledger.", "Record identity occupies distinct corners rather than relying on uniform centered cards.", "Featured record and soundtrack fields deliberately change density and surface." ], "lessons": [ "Use an actual approved collection and explicit identifying metadata.", "Preserve the readable catalog alternative when simplifying collage/motion.", "Recompose oversized display type and record widths for narrow screens rather than copying the observed clipping." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Music collection with collage, dense index and deliberately different featured-record rhythm; archive provides a usable structured alternative.", "views": [ { "id": "blimp-wide-opening", "route": "https://www.blimp.gr/", "resolvedUrl": "https://www.blimp.gr/", "inspectedAt": "2026-10-05T18:04:30.621Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after black loader", "observation": "Many small scattered album covers on black field.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:04:30.621Z; blimp-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "blimp-wide-whole", "route": "https://www.blimp.gr/", "resolvedUrl": "https://www.blimp.gr/", "inspectedAt": "2026-10-05T18:04:51.325Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded after scrolling and viewport resize", "observation": "Structured featured-record grid, three-column recent ledger, highlighted record, soundtrack and large type/credit ending; initial full view had missing recent entries and album artwork later loaded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:04:51.325Z; blimp-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "blimp-narrow-opening", "route": "https://www.blimp.gr/", "resolvedUrl": "https://www.blimp.gr/", "inspectedAt": "2026-10-05T18:04:51.325Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Large name and wrapped metadata navigation; structured record fields replace collage.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:04:51.325Z; blimp-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "blimp-narrow-whole", "route": "https://www.blimp.gr/", "resolvedUrl": "https://www.blimp.gr/", "inspectedAt": "2026-10-05T18:04:51.325Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "full 4871px after scrolling", "observation": "Record stack, artist/title-only ledger, highlight, soundtrack, back-to-top and creator credits; headings/fields clip at right edge.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:04:51.325Z; blimp-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "blimp-wide-archive", "route": "https://www.blimp.gr/archive/", "resolvedUrl": "https://www.blimp.gr/archive/", "inspectedAt": "2026-10-05T18:04:41.757Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded index", "observation": "Four-column bracketed record grid and metadata navigation; some empty tile spaces.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:04:41.757Z; blimp-wide-archive; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "blimp-narrow-archive", "route": "https://www.blimp.gr/archive/", "resolvedUrl": "https://www.blimp.gr/archive/", "inspectedAt": "2026-10-05T18:04:41.757Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded index", "observation": "Navigation wraps; single record fields stack with title above artwork/genre.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:04:41.757Z; blimp-narrow-archive; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial loader and lazy content delayed imagery/text; later loaded state used. Homepage changed from collage to structured cards after responsive resize, so state difference recorded rather than treated as a stable screenshot.", "Narrow large wordmark/headings/cards clip at right edge; empty archive tile spaces unverified.", "No reduced-motion, focus, audio playback or complete accessibility audit. Artwork/audio/brands uncleared and not bundled." ], "relatedExamples": [ "margin-journal" ], "lessonIds": [ "cmp-comparison", "cmp-page-rhythm", "cmp-type-roles", "cmp-responsive-recomposition" ], "compositionTags": [ "album-cover-scatter", "corner-metadata-fields", "collection-to-feature-density" ] }, { "id": "ny-historical", "revision": 2, "title": "New York Historical", "lifecycle": "active", "primaryFamily": "civic", "tags": [ "civic", "cultural-venue", "functional-status" ], "requestedUrl": "https://www.nyhistory.org/", "resolvedUrl": "https://www.nyhistory.org/", "inspectedAt": "2026-10-05T18:45:31.380Z", "version": "current", "creator": { "name": "Use All Five", "attributionUrl": "https://www.useallfive.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11084-new-york-historical-society" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "location", "collection", "action", "real-copy" ], "visitorTasks": [ "find-location", "compare-options", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Thick serif museum proposition at left and concise description/Plan Visit at right; off-center wide museum image with orange offset block.", "navigation": "Compact institutional tasks Visit/Exhibitions/Programs/Join/Give/Research/Education/Shop; fixed bottom status/task rail with current hours and admission action.", "sequence": [ "institutional proposition and changing museum carousel", "exhibitions with two wide image cards", "program/events with date and ticket metadata", "seven-day Week Ahead grid", "university feature", "women history and children museum features", "membership", "newsletter", "dark practical footer" ], "evidence": "Exhibition/program photographs, explicit dates and daily schedule; admission and hours grouped in utility rail. Operational/event facts not independently verified.", "density": "Wide display proposition changes to two-column event cards, dense day/date grid and broad thematic feature fields.", "imageTypeRelationship": "Serif institutional titles accompany wide photographs; small sans task/date labels explain the images.", "interior": "Visit page puts operational hours and admission before getting here/location; wide paired task columns become sequential narrow sections. FAQs and visitor guidance follow atmosphere and neighbourhood choices.", "responsive": "Exhibition/programme columns stack, seven-day grid reduces to three days, photographic Visit crop concentrates on principal visitors, operational columns become hours/library/admission/transport/location; fixed rail becomes compact admission/search/menu.", "action": "Plan Visit near proposition, admission in fixed status rail and contextual program ticket links; forms/actions not submitted." }, "observedRelationships": [ "A live hours/task rail serves visitor decisions while the institution tells its story.", "Calendar navigation changes the organization from promotional image cards to a compact day grid.", "Exhibition, program and institutional-theme fields carry different information roles.", "Homepage invites through changing collections while Visit foregrounds practical operating decisions.", "Transport accordion develops a practical question beside the wide location map; on narrow it stays in document flow before location." ], "lessons": [ "Use genuine operational status and contextual task labels.", "Offer a native day list when simplifying the week grid.", "Avoid letting fixed utility rails obscure content on narrow devices." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Institutional homepage combining exhibition imagery with immediate hours/admission and a day-based program view.", "views": [ { "id": "nyhistory-wide-opening", "route": "https://www.nyhistory.org/", "resolvedUrl": "https://www.nyhistory.org/", "inspectedAt": "2026-10-05T18:06:02.185Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded carousel", "observation": "Serif proposition, visit task and museum photo offset against orange block; later carousel title changed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:06:02.185Z; nyhistory-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nyhistory-wide-full", "route": "https://www.nyhistory.org/", "resolvedUrl": "https://www.nyhistory.org/", "inspectedAt": "2026-10-05T18:06:02.185Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full with partial lazy media", "observation": "Exhibitions/programs, week grid, thematic features and practical footer observed; some video/membership/newsletter media blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:06:02.185Z; nyhistory-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nyhistory-narrow-opening", "route": "https://www.nyhistory.org/", "resolvedUrl": "https://www.nyhistory.org/", "inspectedAt": "2026-10-05T18:39:17.034Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded Museum Highlights carousel", "observation": "Large serif title and description precede Tiffany lamp photograph with orange offset square; compact fixed navy admission/search/menu rail.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:39:17.034Z; nyhistory-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nyhistory-narrow-full", "route": "https://www.nyhistory.org/", "resolvedUrl": "https://www.nyhistory.org/", "inspectedAt": "2026-10-05T18:39:17.034Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded full-page screenshot; lazy media incomplete", "observation": "Exhibitions and programmes stack with images, dates and actions; three-day week strip replaces desktop seven days; thematic features, membership, newsletter and stacked practical footer follow.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:39:17.034Z; nyhistory-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Expanded navigation appears in full-page capture although native viewport menu was closed; several lower image/video fields remain blank." ] }, { "id": "nyhistory-narrow-exhibitions", "route": "https://www.nyhistory.org/", "resolvedUrl": "https://www.nyhistory.org/", "inspectedAt": "2026-10-05T18:39:37.899Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scroll loaded exhibition column", "observation": "Actual exhibition viewport has photographs/titles/date metadata and fixed compact task rail without expanded-navigation overlay.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:39:37.899Z; nyhistory-narrow-exhibitions; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nyhistory-narrow-visit-full", "route": "https://www.nyhistory.org/visit", "resolvedUrl": "https://www.nyhistory.org/visit", "inspectedAt": "2026-10-05T18:44:04.518Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded visit page with partial lazy images", "observation": "Photographic visitor opening leads to hours/library then admission, getting here, location, highlights, week, shop/dine, children museum, neighbourhood, FAQs, important visitor topics, membership, newsletter and footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:44:04.518Z; nyhistory-narrow-visit-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Navigation appeared in full-page capture over hours/admission; map, shop/dine and lower membership/newsletter media blank." ] }, { "id": "nyhistory-narrow-transport", "route": "https://www.nyhistory.org/visit", "resolvedUrl": "https://www.nyhistory.org/visit", "inspectedAt": "2026-10-05T18:44:55.696Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Public Transportation disclosure expanded", "observation": "Native disclosure expands to subway and bus paragraphs with practical accessible-station limitation and MTA links; fixed task rail stays visible. No external links or ticket transaction activated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:44:55.696Z; nyhistory-narrow-transport; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nyhistory-wide-visit-opening", "route": "https://www.nyhistory.org/visit", "resolvedUrl": "https://www.nyhistory.org/visit", "inspectedAt": "2026-10-05T18:45:03.591Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded visitor photograph", "observation": "Large visitor photograph with centred serif Plan Your Visit, top institutional navigation and bottom hours/tasks/admission rail. Desktop crop retains two principal visitors; narrow crop concentrates on them.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:45:03.591Z; nyhistory-wide-visit-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nyhistory-wide-visit-full", "route": "https://www.nyhistory.org/visit", "resolvedUrl": "https://www.nyhistory.org/visit", "inspectedAt": "2026-10-05T18:45:03.591Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "expanded transportation; loaded map and museum thumbnail", "observation": "Hours/library at left and admission at right; transport/map-download left, actual location map/address/action right. Expanded transport readable in wide task column. Three highlights across, seven days, two shop/dine fields, children image/copy split, dark neighbourhood three-link field, FAQ rows and visitor topics precede common ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:45:03.591Z; nyhistory-wide-visit-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Explore video remains blank; shop/dine images grey and membership/newsletter images blank." ] }, { "id": "nyhistory-narrow-hours", "route": "https://www.nyhistory.org/visit", "resolvedUrl": "https://www.nyhistory.org/visit", "inspectedAt": "2026-10-05T18:45:31.380Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scroll without navigation overlay", "observation": "Museum/store hours and library hours stack with right-aligned times and appointment/group links; admission starts after library. Fixed admission/search/menu rail occupies bottom. This actual viewport confirms hours reading order hidden by the full-page capture artifact.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:45:31.380Z; nyhistory-narrow-hours; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Several lazy media fields stayed blank; lessons concern inspected content relationships, not unavailable media.", "Full-page narrow capture introduced expanded-navigation overlay; native exhibition and hours viewports were inspected separately without it.", "Historical discovery brand differs from current New York Historical.", "Transport disclosure was clicked on narrow and its expanded wide state inspected; no keyboard/reduced-motion/full accessibility audit.", "No ticket, newsletter, directions, external transport links or other consequential form/action submitted." ], "relatedExamples": [ "clearwell-directory", "margin-journal" ], "lessonIds": [ "cmp-contextual-action", "cmp-page-rhythm", "cmp-type-roles" ], "compositionTags": [ "fixed-status-task-rail", "calendar-week-grid", "exhibition-program-hierarchy" ] }, { "id": "good-weird", "revision": 1, "title": "Good Weird", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "product-application", "cosmetics" ], "requestedUrl": "https://goodweird.com/", "resolvedUrl": "https://goodweird.com/", "inspectedAt": "2026-10-05T18:10:15.115Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11987-good-weird" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "collection", "comparison", "action" ], "visitorTasks": [ "shop-collection", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Face/application campaign video fills opening below blue offer strip and white product-task navigation; bold black short imperative at lower left beside primary product action.", "navigation": "Shop All/New/Best Sellers/Press/About plus account/search/bag icons.", "sequence": [ "product application campaign", "four-product Shop All carousel", "lip product application/description feature", "four-product routine and portrait", "best-seller product row", "social video strip", "orange newsletter band", "practical footer" ], "evidence": "Product images, type/subtitle, short use proposition, review count, availability and price controls; publisher reviews/claims not verified.", "density": "Large face/video field changes into a compact merchandise row, alternating portrait/explanation field, product bundle and wide social strip.", "imageTypeRelationship": "Actual application photography explains intended product use; package-only merchandise cards separate identity, type and use proposition.", "interior": "Pending.", "responsive": "Pending.", "action": "Campaign directs to cheek tint; merchandise controls distinguish Add to Cart, Choose Shade and Sold Out. None activated; newsletter not submitted." }, "observedRelationships": [ "Application imagery explains the product before the merchandise comparison.", "Merchandise action labels reflect option/availability state.", "Routine feature brings a portrait and a coordinated product comparison together." ], "lessons": [ "Use cleared application and package imagery for real products.", "Separate operational availability labels from decorative badges.", "A static application still can replace video without hiding the merchandise task." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Current product-use campaign with different choice/availability controls; current look differs from historical retro discovery.", "views": [ { "id": "goodweird-wide-opening", "route": "https://goodweird.com/", "resolvedUrl": "https://goodweird.com/", "inspectedAt": "2026-10-05T18:10:15.115Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after cookie decline", "observation": "Application faces, short imperative and product action below compact shop navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:10:15.115Z; goodweird-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodweird-wide-full", "route": "https://goodweird.com/", "resolvedUrl": "https://goodweird.com/", "inspectedAt": "2026-10-05T18:10:15.115Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded with off-canvas width artifact", "observation": "Product carousel, application feature, routine bundle, best sellers/social strip/newsletter/footer observed. Full screenshot included hidden off-canvas empty-cart pane to right; actual cart not opened.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:10:15.115Z; goodweird-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop only; task/mobile remain pending.", "Full-page capture expanded to 4527 pixels wide including an off-canvas cart pane; this is not evidence of an activated cart.", "Video content changed during screenshots; no reduced-motion/focus audit.", "Historical discovery was tagged retro; current campaign does not establish retro primary coverage.", "Cookie declined; no purchase/account/newsletter action." ], "relatedExamples": [ "fen-repair" ], "lessonIds": [ "cmp-image-sequence", "cmp-contextual-action", "cmp-proof-adjacency" ], "compositionTags": [ "application-first-campaign", "merchandise-option-controls", "portrait-routine-comparison" ] }, { "id": "igloo-inc", "revision": 2, "title": "Igloo Inc.", "lifecycle": "active", "primaryFamily": "spatial", "tags": [ "spatial", "immersive", "corner-manifesto" ], "requestedUrl": "https://www.igloo.inc/", "resolvedUrl": "https://www.igloo.inc/", "inspectedAt": "2026-10-05T18:12:08.248Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.awwwards.com/websites/sites_of_the_year/" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": true }, "fitSignals": [ "spatial", "immersive", "approved-image", "multiple-images", "type-content" ], "visitorTasks": [ "explore-product" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Original static object diagram with meaningful labels and native reading flow; preserve corner/scene relationship only where readable.", "structure": { "opening": "Full snowy rendered landscape, igloo blocks floating/exposing light, measurement-like numeric connectors; compact brand/copyright upper left and manifesto upper right.", "navigation": "Scroll down to discover prompt and Sound Off control; DOM accessibility snapshot did not expose corresponding named tasks.", "sequence": [ "loaded snowy opening", "scroll response changes camera and block positions", "further experience not reviewed" ], "evidence": "Rendered scene is the medium, not factual product proof; publisher manifesto visible at upper right.", "density": "Sparse corner text surrounds a continuous full-screen scene.", "imageTypeRelationship": "Tiny monospaced annotations and manifesto sit over pale atmospheric 3D landscape.", "interior": "Only opening/camera scroll states inspected; no consequential deeper state reviewed.", "responsive": "Narrow retains corner brand/manifesto and full-screen model; model nearly fills width while foreground extends down screen.", "action": "Scroll prompt and sound-off state observed. Sound remained off; other task states pending." }, "observedRelationships": [ "Spatial imagery surrounds sparse corner identity and manifesto rather than conventional document sections.", "Small annotations make a constructed scene look measured; they are not independently verified measurements." ], "lessons": [ "Use only where a real immersive experience is an explicit fit.", "A cleared static diagram with native text/navigation is a lower-complexity alternative.", "Never rely on pale animated scene text as the sole accessible source of important content." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "High-complexity boundary example with persistent corner manifesto and scroll-driven scene, kept separate from everyday defaults.", "views": [ { "id": "igloo-wide-opening", "route": "https://www.igloo.inc/", "resolvedUrl": "https://www.igloo.inc/", "inspectedAt": "2026-10-05T18:11:51.633Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after loader", "observation": "Snow scene, separated igloo blocks/light, corner brand/manifesto and sound-off prompt.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:11:51.633Z; igloo-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "igloo-wide-scroll", "route": "https://www.igloo.inc/", "resolvedUrl": "https://www.igloo.inc/", "inspectedAt": "2026-10-05T18:11:57.575Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "camera/block transition", "observation": "Native scroll changed camera and block positions while DOM document stayed viewport-height; later camera moved outward.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:11:57.575Z; igloo-wide-scroll; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "igloo-narrow-scene", "route": "https://www.igloo.inc/", "resolvedUrl": "https://www.igloo.inc/", "inspectedAt": "2026-10-05T18:12:08.248Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded retained scroll state", "observation": "Large igloo in narrow snowy landscape, corner text and sound off; further scroll observed similar scene.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:12:08.248Z; igloo-narrow-scene; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Not a deep dossier: whole experience and consequential task states remain unreviewed.", "Canvas text/tasks absent from accessibility snapshot; focus/reduced motion and loading alternatives untested.", "Asset minimum multiple-images is a conservative fit restriction, not permission to copy 3D models/textures.", "No external source/media retained or redistributed.", "Revision 2 repairs the lesson link from a nonexistent ID; inspection evidence unchanged. Initial ingest sealed metadata but subsequent dependency validation rejected its lesson ID; not a passed usable release." ], "relatedExamples": [ "rivet-components" ], "lessonIds": [ "cmp-image-art-direction", "cmp-contextual-action" ], "compositionTags": [ "persistent-corner-copy", "scroll-camera-scene" ] }, { "id": "bruno-simon", "revision": 1, "title": "Bruno Simon", "lifecycle": "active", "primaryFamily": "spatial", "tags": [ "spatial", "immersive", "personal-practice" ], "requestedUrl": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:14:52.576Z", "version": "current", "creator": { "name": "Bruno Simon", "attributionUrl": "https://bruno-simon.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.awwwards.com/websites/sites_of_the_year/" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": true }, "fitSignals": [ "spatial", "immersive", "approved-image", "multiple-images", "inspect-work" ], "visitorTasks": [ "inspect-work", "explore-product" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Original static work map with native labeled project links and accessible introduction; retain spatial relationships without vehicle physics.", "structure": { "opening": "Small illuminated island with vehicle, bench and pink tree floats on purple grid ground; hand-drawn Click to Start and sound icon point toward vehicle.", "navigation": "Entered world exposes menu/map icon buttons; menu uses icon tabs for home, options, controls and other game states. Map shows a complete track/island diagram with destination markers.", "sequence": [ "island start scene", "entered portfolio world", "menu introduction and options", "world map", "project/work destinations not inspected" ], "evidence": "3D environment itself demonstrates creative development; introduction explicitly identifies creator. Portfolio project content not reviewed.", "density": "Continuous scene alternates with centered panel; desktop panel divides scene illustration and text/options, narrow stacks illustration above copy.", "imageTypeRelationship": "Hand-drawn display headings accompany stylized lit world, while readable sans menu prose explains navigation.", "interior": "Home introduction, options and map states inspected; project/lab destinations pending.", "responsive": "Start label clipped at right in narrow view. Introduction/options become tall panels with scene above text; map becomes centered narrow square over scene. Wide panel remains two columns.", "action": "Start did not respond to click on text but vehicle click entered world. Menu tabs and map opened; settings, server controls, public whisper and scores untouched." }, "observedRelationships": [ "A portfolio can make navigation a spatial task, with map and native text panels as orientation aids.", "The menu translates the world into concise readable explanation and explicit controls.", "Desktop scene/text panels stack in narrow view rather than shrinking both columns." ], "lessons": [ "Require explicit immersive brief and development capacity.", "Use an original static destination map with native project links as a practical alternative.", "Keep named accessible navigation and readable work evidence outside the spatial metaphor." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Vehicle-controlled portfolio world with map and explanatory panels; immersive boundary rather than everyday service default.", "views": [ { "id": "bruno-wide-start", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:12:30.729Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after initial blank", "observation": "Illuminated vehicle/island, Click to Start and sound icon.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:12:30.729Z; bruno-wide-start; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruno-narrow-start", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:12:44.366Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Start text clipped at right; vehicle click entered scene.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:12:44.366Z; bruno-narrow-start; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruno-narrow-entered", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:13:49.185Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "entered world", "observation": "Vehicle, physical name letters and menu/map icons; intro menu subsequently opened.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:13:49.185Z; bruno-narrow-entered; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruno-narrow-options", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:14:00.314Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "options panel", "observation": "Scene above labeled audio/quality/respawn/reset/renderer/server controls.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:14:00.314Z; bruno-narrow-options; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruno-wide-options", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:14:05.112Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "options/introduction panels", "observation": "Scene left, controls or intro right; home tab and close exercised.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:14:05.112Z; bruno-wide-options; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruno-wide-map", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:14:25.675Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "map open", "observation": "Complete illustrated track/world map and destination diamonds.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:14:25.675Z; bruno-wide-map; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruno-narrow-map", "route": "https://bruno-simon.com/", "resolvedUrl": "https://bruno-simon.com/", "inspectedAt": "2026-10-05T18:14:52.576Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "map open", "observation": "Narrow square world map centered over scene.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:14:52.576Z; bruno-narrow-map; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Screened only: actual work/project destinations and whole experiential journey not reviewed.", "Icon buttons lacked names in accessibility snapshot; no full accessibility/keyboard/reduced-motion audit.", "Creator source-code/music licensing statement visible in menu DOM but not independently checked; none copied or redistributed.", "No public messages, leaderboard submission or settings mutation." ], "relatedExamples": [ "mara-specimen" ], "lessonIds": [ "cmp-contextual-action", "cmp-responsive-recomposition", "cmp-image-art-direction" ], "compositionTags": [ "world-as-navigation", "scene-copy-panel", "destination-map" ] }, { "id": "beats-in-space", "revision": 1, "title": "Beats in Space", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "music-catalog", "persistent-player" ], "requestedUrl": "https://www.beatsinspace.net/", "resolvedUrl": "https://www.beatsinspace.net/", "inspectedAt": "2026-10-05T18:16:55.290Z", "version": "current", "creator": { "name": "Websessions", "attributionUrl": "https://websessions.co/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/13488-beats-in-space" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "collection", "comparison", "real-copy", "product-ui" ], "visitorTasks": [ "compare-options", "explore-product", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Four broad mix fields span the top with artist/duration/date/genre metadata and paired artist artwork; compact two-row task nav and lime player sit lower left, large pale circular brand fills lower right.", "navigation": "Mixes/DJs/Tour/Search and About/Records/News/Videos surround persistent player. Mix listing has sort/year/genre/view controls; open mix remains beside listing at wide width.", "sequence": [ "horizontal featured mix collection", "compact navigation and player", "news and DJ feature fields", "large subdued brand field", "practical/social footer" ], "evidence": "Artist, recording length, issue number/date/genre and track list; no publisher music/artist facts independently verified.", "density": "Broad mix fields juxtapose tiny aligned metadata and compact player; interior expands catalog into dense numbered tracks and record artwork.", "imageTypeRelationship": "Artist portraits sit in record-like paired images beneath metadata, with consistent aligned title roles. Detail balances numbered tracks left and artwork/player right.", "interior": "Wide listing on left and selected mix on right; title/description, track credits and separate participant player/artwork fields. Narrow detail leads with back-to-list, title, description, player and artwork before numbered tracks; later video strip and related mixes observed.", "responsive": "Narrow home leads with pale logo field then nav/player and horizontal mix continuation; detail replaces side-by-side listing with one column and persistent nav/player/footer across bottom.", "action": "Direct mix link opens detail; persistent player remains visible. Playback, save/share, account and telephone actions not activated." }, "observedRelationships": [ "Selected-item detail stays beside the comparison list on wide screens.", "Numbered tracks, recording length and genre make the collection navigable beyond image identity.", "A persistent compact player sits within task navigation rather than acting as a decorative hero." ], "lessons": [ "Use genuine approved collection artwork and track metadata.", "Retain listing/detail context using native links when simplifying the app layout.", "Avoid fixed player/nav covering reading content at narrow widths." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A music catalog with persistent player and simultaneous listing/detail context; sparse brand field contrasts with dense tracks.", "views": [ { "id": "beats-wide-home", "route": "https://www.beatsinspace.net/", "resolvedUrl": "https://www.beatsinspace.net/", "inspectedAt": "2026-10-05T18:15:09.271Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after initial loader", "observation": "Horizontal mix fields, player/navigation, news/DJ imagery and pale brand field.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:15:09.271Z; beats-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beats-wide-home-full", "route": "https://www.beatsinspace.net/", "resolvedUrl": "https://www.beatsinspace.net/", "inspectedAt": "2026-10-05T18:15:09.271Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single viewport organization", "observation": "Full-page screenshot equals viewport; horizontal collection continuation not exhaustively inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:15:09.271Z; beats-wide-home-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beats-wide-detail", "route": "https://www.beatsinspace.net/mixes/am223", "resolvedUrl": "https://www.beatsinspace.net/mixes/am223", "inspectedAt": "2026-10-05T18:15:57.787Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded after detail loader", "observation": "Left catalog, selected lime mix field and right numbered tracks beside player/artwork; independently scrollable panes.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:15:57.787Z; beats-wide-detail; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beats-narrow-detail", "route": "https://www.beatsinspace.net/mixes/am223", "resolvedUrl": "https://www.beatsinspace.net/mixes/am223", "inspectedAt": "2026-10-05T18:16:11.634Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded detail opening", "observation": "Back-to-list, title/metadata, description, player/artwork then numbered tracks; persistent bottom navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:16:11.634Z; beats-narrow-detail; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beats-narrow-detail-lower", "route": "https://www.beatsinspace.net/mixes/am223", "resolvedUrl": "https://www.beatsinspace.net/mixes/am223", "inspectedAt": "2026-10-05T18:16:20.836Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "scrolled lower detail", "observation": "Video still/thumb strip and related mixes beneath tracks; no playback initiated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:16:20.836Z; beats-narrow-detail-lower; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beats-narrow-home", "route": "https://www.beatsinspace.net/", "resolvedUrl": "https://www.beatsinspace.net/", "inspectedAt": "2026-10-05T18:16:28.976Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Large pale logo above navigation/player and horizontally continuing mix fields.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:16:28.976Z; beats-narrow-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Screened only: home narrow whole organization and all independent detail pane content not yet verified.", "Full-page capture returned viewport because app panes scroll independently; never treated it as a complete long detail capture.", "Initial loaders excluded from positive evidence; media loaded in later actual observations.", "No keyboard/player/save/share/filter or accessibility audit." ], "relatedExamples": [ "relay-workflow", "margin-journal" ], "lessonIds": [ "cmp-comparison", "cmp-contextual-action", "cmp-type-roles" ], "compositionTags": [ "horizontal-mix-fields", "simultaneous-list-detail", "persistent-player-navigation" ] }, { "id": "pest-stop-boys", "revision": 2, "title": "Pest Stop Boys", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "illustrative", "local-service", "modest-photography" ], "requestedUrl": "https://www.peststopboys.co.uk/", "resolvedUrl": "https://peststopboys.co.uk/", "inspectedAt": "2026-10-05T18:51:26.818Z", "version": "current", "creator": { "name": "Herdl", "attributionUrl": "https://herdl.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/11203-pest-stop-boys" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": false, "immersive": false }, "fitSignals": [ "type-content", "service", "process", "location", "action", "real-copy" ], "visitorTasks": [ "evaluate-service", "understand-process", "find-location", "book-inquiry" ], "assetMinimum": "none", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Immersive colourful hand-drawn insect/leaf shapes surround stacked Pest Stop Boys identity. Wide blue task header carries service/pest/location navigation; narrow has a hamburger and compact identity.", "navigation": "Service/pest/location categories with detailed submenu in desktop accessibility tree; phone icon fixed at lower left. Hidden Proofing link click did not navigate; observed explicit route opened directly.", "sequence": [ "drawn identity field", "large pest category words on blue", "mission paragraphs on illustrated surround", "process explanation", "email and two location phone numbers", "drawn footer with privacy and designer credit" ], "evidence": "Process/location text supplies practical relevance; home uses coherent illustration rather than a bank of customer photographs. Claims were not independently verified.", "density": "Graphic opening and sparse enormous pest list give way to long mission/process paragraphs and direct contact typography.", "imageTypeRelationship": "Custom organic drawing is a persistent environment behind large lettering and paragraphs; some white text crosses bright shapes.", "interior": "Proofing title repeats illustrated opening; observed full capture has large unrevealed content regions, visible pest list, form and helpline ending. DOM prose was not counted as visual review.", "responsive": "Narrow home compresses illustration identity and pest words, paragraphs and contact list stay linear. Narrow proofing form fields stack; full interior reveals incomplete.", "action": "Persistent phone icon and direct contact at home ending; quotation/contact and form interior. No telephone, email or form submitted." }, "observedRelationships": [ "A local field service can use custom illustration as identity while keeping scope/process and contact text factual.", "Oversized category words give a different browsing scale from mission paragraphs and ending contacts." ], "lessons": [ "Use original cleared motifs only when they reinforce actual service scope.", "Keep text contrast and meaningful navigation independent of decorative motion.", "A plain colour field and original small diagram can retain the process and category hierarchy." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Illustrated local pest-control service with a typographic scope list; no exceptional homepage photography needed.", "views": [ { "id": "peststop-narrow-home", "route": "https://peststopboys.co.uk/", "resolvedUrl": "https://peststopboys.co.uk/", "inspectedAt": "2026-10-05T18:50:21.331Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded with cookie notice", "observation": "Stacked identity on drawn surround then pest list, mission/process and contact; whole home observed with notice partly overlaying mission.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:50:21.331Z; peststop-narrow-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "peststop-wide-home", "route": "https://peststopboys.co.uk/", "resolvedUrl": "https://peststopboys.co.uk/", "inspectedAt": "2026-10-05T18:50:34.077Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "cookie notice dismissed; partial reveals", "observation": "Drawing opening, blue pest field, mission/process and contact/footer; pest words and contact partly missing in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:50:34.077Z; peststop-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "peststop-wide-list", "route": "https://peststopboys.co.uk/", "resolvedUrl": "https://peststopboys.co.uk/", "inspectedAt": "2026-10-05T18:50:48.795Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native scroll reveal", "observation": "Large Insects/Rodents/Birds list on blue with sticky header and phone icon.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:50:48.795Z; peststop-wide-list; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "peststop-wide-ending", "route": "https://peststopboys.co.uk/", "resolvedUrl": "https://peststopboys.co.uk/", "inspectedAt": "2026-10-05T18:50:53.605Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native end scroll", "observation": "Red direct email/two-location phone field then illustrated privacy/credit footer; creator Herdl verified in footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:50:53.605Z; peststop-wide-ending; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "peststop-wide-proofing", "route": "https://peststopboys.co.uk/pest-control-services/pest-proofing/", "resolvedUrl": "https://peststopboys.co.uk/pest-control-services/pest-proofing/", "inspectedAt": "2026-10-05T18:51:01.614Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "opening loaded; full interior incomplete", "observation": "Illustrated title and long page with numerous missing reveals; form layout observed but not entered.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:51:01.614Z; peststop-wide-proofing; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "peststop-narrow-proofing", "route": "https://peststopboys.co.uk/pest-control-services/pest-proofing/", "resolvedUrl": "https://peststopboys.co.uk/pest-control-services/pest-proofing/", "inspectedAt": "2026-10-05T18:51:26.818Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "opening loaded; full interior incomplete", "observation": "Tall illustrated title, pest list, stacked form and helpline visible amid blank reveal regions.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:51:26.818Z; peststop-narrow-proofing; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Screened only: substantive interior scroll-triggered text/images remain unreviewed visually.", "Cookie notice dismissed via Continue; initial narrow screenshot retained notice.", "Some text crosses bright illustration and contrast is not audited; do not copy that limitation.", "No purchase, inquiry, phone or email action; no keyboard/motion/accessibility audit.", "Revision 2 normalizes the task tag to book-inquiry for selector compatibility; no fresh visual inspection claimed." ], "relatedExamples": [ "thread-mender", "fen-repair" ], "lessonIds": [ "cmp-evidence-form", "cmp-contextual-action", "cmp-page-rhythm" ], "compositionTags": [ "illustrated-continuous-surround", "large-category-list", "typographic-direct-contact" ] }, { "id": "studio-bruch", "revision": 1, "title": "Studio Bruch", "lifecycle": "active", "primaryFamily": "maximalism", "tags": [ "maximalism", "thematic-portfolio", "graphic-mask" ], "requestedUrl": "https://studiobruch.com/", "resolvedUrl": "https://studiobruch.com/", "inspectedAt": "2026-10-05T18:51:57.280Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/13494-studio-bruch" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "identity", "collection", "real-copy", "action" ], "visitorTasks": [ "inspect-work", "evaluate-service", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full project media is masked by huge paired bracket/circle shapes; Authentic Brands small serif identity at top, slide count and project label at lower corners.", "navigation": "Wide top strip Work/Studio/Contact plus direct contacts and theme wheel. Narrow branded button Menu and theme wheel; a horizontally moving thumbnail/title rail follows opening.", "sequence": [ "masked project carousel", "thumbnail/title rail", "orange studio proposition", "hospitality themed project carousel", "grey interview/stories field", "orange products theme and large camper image", "craft theme and project carousel", "newsletter/footer" ], "evidence": "Portfolio examples grouped by strategic theme plus distinct client interviews; many lower project/interview media fields remain blank in full capture.", "density": "Large media/graphic mask moves through statement, dense horizontal project bands, quiet interview field and big image before craft grouping.", "imageTypeRelationship": "Bracket/circle motif crops actual work at opening; huge staggered serif theme titles sit beside sans description and compact project labels.", "interior": "Not inspected.", "responsive": "Narrow opening centralizes a smaller bracket/circle mask, shows menu rather than contact strip, stacks proposition and breaks serif theme titles across several lines. Carousels show partial next item; horizontal scrollbar visible in narrow opening.", "action": "Project and interview links occur where work is introduced, Studio after proposition, contact in wide strip and footer; no forms or external contacts activated." }, "observedRelationships": [ "Grouping work by what the business is trying to achieve creates a narrative beyond an undifferentiated project grid.", "Interviews use a quiet grey field between orange thematic portfolio bands.", "A persistent graphic mask links changing project imagery without making all subsequent content a card." ], "lessons": [ "Use only with real named projects and licensed media.", "Provide native project links and static theme groups as the low-complexity equivalent.", "Do not manufacture client interviews or inherit scrolling overflow." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A theme-grouped practice portfolio with a graphic project mask, mixed typographic roles and an interview pause.", "views": [ { "id": "bruch-narrow-home", "route": "https://studiobruch.com/", "resolvedUrl": "https://studiobruch.com/", "inspectedAt": "2026-10-05T18:51:43.118Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded opening; lower media partial", "observation": "Portrait and bracket/circle opening; orange proposition/hospitality, grey interview field, camper image, product/craft groups and footer. Some media absent; narrow scrollbar visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:51:43.118Z; bruch-narrow-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruch-wide-home", "route": "https://studiobruch.com/", "resolvedUrl": "https://studiobruch.com/", "inspectedAt": "2026-10-05T18:51:57.280Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "changing project carousel; lower media partial", "observation": "Large paired graphic mask over project footage changed from Hotel Gut Sein opening to Post Post full capture. Wide orange theme bands, grey interviews and project carousels observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:51:57.280Z; bruch-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Screened only: interior and whole loaded project/interview media remain pending.", "Opening carousel advanced between views; no single immutable image implied.", "Narrow horizontal scrollbar and missing lower media observed; no full accessibility/focus/reduced-motion audit.", "No newsletter, contact, theme-wheel or carousel control interaction claimed." ], "relatedExamples": [ "hearth-plane", "signal-fair" ], "lessonIds": [ "cmp-page-rhythm", "cmp-collection-structure", "cmp-image-art-direction" ], "compositionTags": [ "paired-graphic-mask", "theme-grouped-portfolio", "interview-pause" ] }, { "id": "nike-after-dark-tour", "revision": 1, "title": "Nike After Dark Tour 2026", "lifecycle": "active", "primaryFamily": "athletic", "tags": [ "athletic", "typographic-index", "event-directory" ], "requestedUrl": "https://afterdarktour.nike.com/", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:56:35.870Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/13286-nike-after-dark-tour" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "type-content", "collection", "location", "action", "real-copy", "state-change" ], "visitorTasks": [ "compare-options", "find-location", "book-inquiry", "read-deeply" ], "assetMinimum": "none", "complexity": "high", "lowComplexityAlternative": "Native city/distance/status list, cleared static schematic map and nested HTML disclosures with complete readable text; omit glowing globe and scroll reveal.", "structure": { "opening": "Red heavy uppercase race/city list on black; short global tour identity and compact centred menu bar. Distance is a smaller superscript beside city name; index is the introduction.", "navigation": "Explicit city links supplement luminous globe buttons; compact menu persists, global footer countdown identifies next race. London city link opened actual event route.", "sequence": [ "global tour title", "seven city/distance links", "race invitation", "luminous globe city labels", "next-race countdown and tour footer" ], "evidence": "Cities/distances form practical browsing metadata; event interior adds real race photography, date/status, route facts and layered FAQ. Dates/status/participation rules were viewed as design content, not independently verified advice.", "density": "Oversized compact city list expands into broad globe field; interior changes to photographic identity and deeper operational explanation.", "imageTypeRelationship": "Homepage identity is typographic with illustrated globe rather than a hero portrait; interior two photographic fields communicate participant setting beside exact event title/date/status.", "interior": "London opening city/distance/date/status followed by paired race images; narrow stacks images. Actual consequential FAQ: wide heading occupies left, nested category/question/answer occupies right; narrow heading, category and answer stack. Full narrow interior additionally inspected with route-map control, route fact ledger and practical FAQ groups, but coaches and partner fields were not loaded.", "responsive": "City/distance list fits a compact narrow opening; globe becomes nearly viewport-wide and some right-side city labels clip. Wide event photos pair and narrow stack. FAQ heading/answer split becomes a single sequence; native answer text lightens against dark nested card.", "action": "City list starts the journey, event status is adjacent to date, contextual route and FAQ actions follow. Fixed race/date/temperature pill and chat control occupy lower edge on event page; no registration or message submitted." }, "observedRelationships": [ "The race index is both expression and useful location comparison rather than a promotional headline followed by generic cards.", "A loud global identity develops into local photographic setting, operational facts and nested question answers.", "City text links preserve another path when globe labels are clipped or have not entered the viewport." ], "lessons": [ "Use actual event locations/status only; a static list and original schematic map retain practical relationships.", "Keep readable contrast and complete native text outside decorative glow/motion.", "Do not supply invented coaches, event availability or environmental conditions." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Athletic event discovery through a typographic city index, with a consequential local FAQ and alternative map path.", "views": [ { "id": "afterdark-wide-opening", "route": "https://www.afterdarktour.nike.com/en", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:56:10.179Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded, optional cookies declined", "observation": "Compact top identity/menu and monumental red city/distance index.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:56:10.179Z; afterdark-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-wide-full", "route": "https://www.afterdarktour.nike.com/en", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:56:10.179Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded index; globe label reveals not captured", "observation": "Seven city links, race invitation, luminous globe and next-race footer; actual globe labels inspected after native scroll.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:56:10.179Z; afterdark-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-wide-map", "route": "https://www.afterdarktour.nike.com/en", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:56:24.962Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native scroll reveals labelled globe", "observation": "City/distance labels surround a glowing globe, next-race/footer visible. Map adds geography beyond text list.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:56:24.962Z; afterdark-wide-map; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-narrow-opening", "route": "https://www.afterdarktour.nike.com/en", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:52:26.835Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded, two consent layers dismissed", "observation": "Compact run/menu bar above city/distance index and invitation; no primary portrait needed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:52:26.835Z; afterdark-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-narrow-full", "route": "https://www.afterdarktour.nike.com/en", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:52:26.835Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded index with globe labels pending reveal", "observation": "Index and invitation precede wide luminous globe, compact next-race/footer. Globe labels later observed at native end scroll.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:52:26.835Z; afterdark-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-narrow-map", "route": "https://www.afterdarktour.nike.com/en", "resolvedUrl": "https://www.afterdarktour.nike.com/en", "inspectedAt": "2026-10-05T18:56:35.870Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native end scroll", "observation": "Globe nearly fills width with city labels; right labels partially clip; lower next-race footer fits.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:56:35.870Z; afterdark-narrow-map; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-narrow-event-full", "route": "https://www.afterdarktour.nike.com/en/london", "resolvedUrl": "https://www.afterdarktour.nike.com/en/london", "inspectedAt": "2026-10-05T18:53:06.831Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded event opening; interior media partial", "observation": "City/date/status, two stacked race photos, event prose, coaches heading with missing media, app/group links, route-map control, route facts, FAQ groups, terms and partners heading, footer. No transaction.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:53:06.831Z; afterdark-narrow-event-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-narrow-faq", "route": "https://www.afterdarktour.nike.com/en/london", "resolvedUrl": "https://www.afterdarktour.nike.com/en/london", "inspectedAt": "2026-10-05T18:53:30.540Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "About the Event and participation answer expanded", "observation": "Nested category/question/answer stack beneath FAQ heading. Answer light text, fixed lower race pill and chat control can obscure lower lines.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:53:30.540Z; afterdark-narrow-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-wide-faq", "route": "https://www.afterdarktour.nike.com/en/london", "resolvedUrl": "https://www.afterdarktour.nike.com/en/london", "inspectedAt": "2026-10-05T18:54:06.932Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "participation answer expanded after collapse/reopen", "observation": "FAQ heading left, category/question/answer right; answer remains legible in nested dark card. Native disclosure expanded state actually observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:54:06.932Z; afterdark-wide-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "afterdark-wide-event-opening", "route": "https://www.afterdarktour.nike.com/en/london", "resolvedUrl": "https://www.afterdarktour.nike.com/en/london", "inspectedAt": "2026-10-05T18:54:13.717Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded city opening", "observation": "Huge city and offset date/status precede paired red crowd/black-white runner photographs; persistent race facts pill.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:54:13.717Z; afterdark-wide-event-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Whole homepage organization and consequential event FAQ inspected at both sizes; a complete loaded interior media audit is not claimed.", "Full captures missed globe city labels; labels were separately inspected after native scrolling at both sizes. Right-side mobile map labels clip.", "Coach portraits and partner assets stayed missing in full narrow interior; do not treat blank regions as intended design.", "Initial cookie REJECT opened a second preference panel; all visible optional switches were off and Confirm Choices dismissed it.", "Intercom notification dismissed without sending a message. Exact Playwright FAQ selectors failed; actual native accessibility buttons toggled successfully.", "Red small type and fixed overlays may compromise readability; no keyboard/reduced-motion/full accessibility audit.", "Historical discovery was 2025; current publisher tour is 2026. No registration, terms acceptance, external social/app downloads, inquiry or purchase." ], "relatedExamples": [ "signal-fair", "loop-room" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-contextual-action" ], "compositionTags": [ "city-list-as-opening", "global-map-alternative", "local-operational-faq" ] }, { "id": "lift-foils", "revision": 1, "title": "Lift Foils", "lifecycle": "active", "primaryFamily": "athletic", "tags": [ "athletic", "publication" ], "requestedUrl": "https://liftfoils.com/", "resolvedUrl": "https://liftfoils.com/", "inspectedAt": "2026-10-05T19:03:20.797Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/13557-lift-foils" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "shop", "collection", "process", "action" ], "visitorTasks": [ "compare-options", "explore-product" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full water-riding footage under centred heavy uppercase proposition, serif explanation and teal product-match action; white utility header and mint announcement strip.", "navigation": "Wide product/support menus become hamburger with centred logo/search/cart; no menu or cart task exercised.", "sequence": [ "riding footage and match action", "repeating trust strip", "three-board product/specification comparison", "brand-versus-alternative comparison over riding photo", "unloaded reviews/story regions", "accessory promotion with missing footage", "unloaded feature/foil regions", "history and compact statistics", "question list", "mostly unrevealed footer utilities and newsletter", "legal/social ending" ], "evidence": "Actual isolated boards alongside material, configuration and price metadata; larger contextual riding imagery. Product claims and prices not independently verified and must not transfer.", "density": "Immersive opening changes into compact three-column comparison, a photographic contrast table and practical questions. Unloaded lower reveals limit full-page judgment.", "imageTypeRelationship": "Heavy sans propositions contrast with smaller serif explanation; isolated product scale supports practical comparison, water footage supplies the setting.", "interior": "Product finder begins with photographed board left and invitation right. Get Started actually opens experience question with three radio choices on left and rider/equipment photograph on right.", "responsive": "Product cards become horizontal rail with part of adjacent card visible. Quiz becomes photograph before heading and stacked choices; narrow nested scroll region clips last choice. Two-column comparison stays narrow against photography.", "action": "Match action appears in opening and comparison header; question task follows same vocabulary. No quiz answer, inquiry, newsletter, cart or payment submitted." }, "observedRelationships": [ "A contextual riding opening leads to a practical product comparison rather than repeating the same promotional block.", "The matching task changes from invitation to explicit decision choices and changes photograph context accordingly.", "Product comparison retains material/configuration facts beside isolated objects." ], "lessons": [ "Use real product facts and cleared contextual imagery; native static comparison can replace video.", "Keep every quiz choice visible in document flow and expose a direct alternative to the guided task.", "Avoid repeating low-contrast text, clipped choice containers or hidden essential content." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Athletic equipment commerce with product comparison and an actually exercised matching-task transition.", "views": [ { "id": "lift-narrow-opening", "route": "https://liftfoils.com/", "resolvedUrl": "https://liftfoils.com/", "inspectedAt": "2026-10-05T18:58:04.640Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded footage; cookies declined", "observation": "Water-riding frame, heavy proposition, serif explanation and match action under compact logo/menu header.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:58:04.640Z; lift-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lift-narrow-full", "route": "https://liftfoils.com/", "resolvedUrl": "https://liftfoils.com/", "inspectedAt": "2026-10-05T18:58:04.640Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "partial lower reveals", "observation": "Product/spec rail, photographic two-column comparison, missing review/story/media regions, history/stats, FAQ and legal/social ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T18:58:04.640Z; lift-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lift-wide-opening", "route": "https://liftfoils.com/", "resolvedUrl": "https://liftfoils.com/", "inspectedAt": "2026-10-05T19:02:38.622Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded footage", "observation": "Centred proposition and match action on actual water rider footage; broad utility header.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:02:38.622Z; lift-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lift-wide-full", "route": "https://liftfoils.com/", "resolvedUrl": "https://liftfoils.com/", "inspectedAt": "2026-10-05T19:02:38.622Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial lower reveals", "observation": "Three complete isolated board/spec cards and photographic comparison table precede large unresolved reveal regions; history and practical questions visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:02:38.622Z; lift-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lift-wide-finder-intro", "route": "https://liftfoils.com/pages/efoil-product-finder", "resolvedUrl": "https://liftfoils.com/pages/efoil-product-finder", "inspectedAt": "2026-10-05T19:03:03.033Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded invitation", "observation": "Board/water photograph left, matching invitation and Get Started right. Lower accessory/expert sections inspected with missing product reveals.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:03:03.033Z; lift-wide-finder-intro; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lift-wide-finder-question", "route": "https://liftfoils.com/pages/efoil-product-finder", "resolvedUrl": "https://liftfoils.com/pages/efoil-product-finder", "inspectedAt": "2026-10-05T19:03:16.327Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Get Started opened question; no answer supplied", "observation": "Experience heading and three radio choices left, woman/equipment photograph right; complete choices visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:03:16.327Z; lift-wide-finder-question; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lift-narrow-finder-question", "route": "https://liftfoils.com/pages/efoil-product-finder", "resolvedUrl": "https://liftfoils.com/pages/efoil-product-finder", "inspectedAt": "2026-10-05T19:03:20.797Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "same question responsive state", "observation": "Photograph precedes centred heading/stacked choices. Last choice clipped within quiz scroll region; surrounding page continues to accessory and expert action.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:03:20.797Z; lift-narrow-finder-question; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Lower reviews/story/social/press/foil media remained unresolved in full home captures; no complete loaded lower-media audit claimed.", "Product finder first-question transition inspected at both sizes; no answers supplied or recommendation result claimed.", "Narrow quiz has nested scrolling/clipped final choice; horizontal scrollbar also visible at both sizes.", "Some text has poor contrast over photography/teal controls. No focus, reduced-motion or full accessibility audit.", "Siteinspire credits Ania et Lucie, not independently corroborated here; creator remains unverified. Historical discovery and current publisher may differ.", "Optional cookies declined; no inquiry, booking, newsletter, purchase or cart action." ], "relatedExamples": [ "sundial-goods", "rivet-components" ], "lessonIds": [ "cmp-collection-structure", "cmp-contextual-action", "cmp-image-art-direction" ] }, { "id": "aesop", "revision": 1, "title": "Aesop USA", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "publication" ], "requestedUrl": "https://www.aesop.com/", "resolvedUrl": "https://www.aesop.com/", "inspectedAt": "2026-10-05T19:05:32.755Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/7284-aesop" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "shop", "collection", "approved-image", "multiple-images", "real-copy", "action" ], "visitorTasks": [ "shop-collection", "compare-options", "explore-product" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Dark photographic/video fragrance scene with small introduction, moderate sans campaign title and framed story action; wide scene has central portrait footage in broad dark field. Brand centred above product navigation.", "navigation": "Wide categories and store/service/account/search utilities become a compact logo/search/store/cart/menu row; breadcrumb preserved in product interior.", "sequence": [ "fragrance campaign scene", "curated isolated product sets", "fragrance video beside scent-category tabs", "category image rail", "contextual bathroom campaign", "product/sample service story", "care finder", "certification text", "store exterior film and visit prompt", "recommended reading", "quotation", "dark practical/footer subscription region" ], "evidence": "Isolated amber product bottles, contextual photographs, material descriptions and expanded two-product contents. Claims, prices and product use instructions were not independently verified.", "density": "Object cards and small metadata interrupt broad atmosphere; quiet service explanation and editorial reading broaden the journey, dark footer is dense.", "imageTypeRelationship": "Product objects stand unboxed on pale surface; moderate serif section headings contrast with compact sans metadata and actions. Context photographs have varied proportions.", "interior": "Wide enormous isolated bottle pair left with name/price/short explanation/action and native two-product contents disclosure right. Tabbed description and how-to image/instructions follow. Narrow puts product identity before image, action fixed lower edge, contents rows and description/disclosure before usage imagery.", "responsive": "Homepage horizontal product rails retain partial adjacent cards; broad image/text relationships stack. Footer columns become collapsed categories. Interior title/description precede object on narrow, wide object and details sit side by side.", "action": "Story links, product names, set action and care finder are contextual. Two-product contents actually expanded. No cart, cabinet, subscription, chat or purchase action." }, "observedRelationships": [ "Large isolated objects carry the product detail while practical facts remain compact and adjacent.", "A set develops into named constituent objects through an actual disclosure, connecting visual identity to evaluation.", "The homepage alternates shopping, explanation, place and reading instead of repeating one product grid." ], "lessons": [ "Use cleared object photography and real facts; one strong isolated object can support restrained hierarchy.", "Keep set contents accessible and preserve narrow title-before-object reading order.", "Use contextual explanation and reading only when real content supports them." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Restrained object-led commerce with a substantive product/set interior and mixed shopping/editorial journey.", "views": [ { "id": "aesop-wide-home-opening", "route": "https://www.aesop.com/", "resolvedUrl": "https://www.aesop.com/", "inspectedAt": "2026-10-05T19:04:56.573Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "privacy notice closed; footage loaded", "observation": "Portrait fragrance footage centred in broad dark opening with title/story action and dense wide category navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:04:56.573Z; aesop-wide-home-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "aesop-wide-home-full", "route": "https://www.aesop.com/", "resolvedUrl": "https://www.aesop.com/", "inspectedAt": "2026-10-05T19:04:56.573Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial lazy media", "observation": "Whole sequence through curated sets, scent tabs, campaign/service/finder/certification/store/reading/quotation and dark footer; scent/category/reading thumbnails initially missing.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:04:56.573Z; aesop-wide-home-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "aesop-narrow-home-opening", "route": "https://www.aesop.com/", "resolvedUrl": "https://www.aesop.com/", "inspectedAt": "2026-10-05T19:05:32.755Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "privacy notice dismissed; loaded fragrance footage", "observation": "Full-width library/person frame behind title/story action; small utility icons and slide/video controls.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:05:32.755Z; aesop-narrow-home-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "aesop-narrow-home-full", "route": "https://www.aesop.com/", "resolvedUrl": "https://www.aesop.com/", "inspectedAt": "2026-10-05T19:05:32.755Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "mixed lazy assets", "observation": "Product sets and partial horizontal cards; fragrance video placeholder and missing scent bottles; category/reading photos now loaded, contextual campaigns/finder/store, quote and practical footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:05:32.755Z; aesop-narrow-home-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "aesop-wide-product-full", "route": "https://www.aesop.com/gifts/kits-and-sets/bathroom-dignities/bathroom-dignities.html", "resolvedUrl": "https://www.aesop.com/gifts/kits-and-sets/bathroom-dignities/bathroom-dignities.html", "inspectedAt": "2026-10-05T19:05:09.823Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded product pair; contents collapsed", "observation": "Object/details split, description/recycling tabs, how-to image/instructions, recommendation blank and no-reflections state, practical footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:05:09.823Z; aesop-wide-product-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "aesop-wide-product-contents", "route": "https://www.aesop.com/gifts/kits-and-sets/bathroom-dignities/bathroom-dignities.html", "resolvedUrl": "https://www.aesop.com/gifts/kits-and-sets/bathroom-dignities/bathroom-dignities.html", "inspectedAt": "2026-10-05T19:05:18.380Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "two-product contents expanded", "observation": "Named constituents with thumbnail, descriptive metadata, quantity and size under purchase panel; main large object remains left.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:05:18.380Z; aesop-wide-product-contents; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "aesop-narrow-product", "route": "https://www.aesop.com/gifts/kits-and-sets/bathroom-dignities/bathroom-dignities.html", "resolvedUrl": "https://www.aesop.com/gifts/kits-and-sets/bathroom-dignities/bathroom-dignities.html", "inspectedAt": "2026-10-05T19:05:23.621Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "contents expanded; full interior viewed", "observation": "Identity/price/explanation before isolated bottles; fixed lower action, expanded constituent rows, description and recycling disclosures, usage imagery/prose, loaded recommendation rail, empty customer reflections and footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:05:23.621Z; aesop-narrow-product; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial narrow home privacy notice obstructed action; usable final opening/full were reacquired after dismissal.", "Some fragrance/category/reading imagery lazy loaded at different times; scent bottles stayed absent from full home and narrow video showed placeholder. Do not copy missing regions as composition.", "Wide interior recommendations initially absent, narrow full later loaded them. No claim all media loaded at all states.", "Narrow product uses fixed action/chat controls that can obscure content.", "Creator unverified; Siteinspire 2017 discovery is historical, actual current publisher 2026. No full keyboard/motion/accessibility audit.", "No cart/cabinet, subscription, inquiry, chat or payment submitted; clinical/formulation/use claims are not teaching facts." ], "relatedExamples": [ "lacuna-objects", "sundial-goods" ], "lessonIds": [ "cmp-image-art-direction", "cmp-collection-structure", "cmp-contextual-action" ] }, { "id": "goodgrowth", "revision": 1, "title": "Goodgrowth — Matt Stone", "lifecycle": "active", "primaryFamily": "spatial", "tags": [ "spatial", "retro", "professional-service" ], "requestedUrl": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:08:50.867Z", "version": "current", "creator": { "name": "Matt Stone; sound design Lane Fujita", "attributionUrl": "https://goodgrowth.com/#/info", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.awwwards.com/sites/goodgrowth" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": true }, "fitSignals": [ "immersive", "spatial", "professional-service", "type-content", "action" ], "visitorTasks": [ "inspect-work", "evaluate-service", "book-inquiry" ], "assetMinimum": "none", "complexity": "high", "lowComplexityAlternative": "Original static geometric project illustration plus native project/discipline index and unobstructed biography/contact document; no forced entry loader or 3D motion.", "structure": { "opening": "Insert Disc entry with spinning disc and scanlines gives way to single-screen orbiting disc/project symbols; project name above and discipline below; pixel identity and utility controls in corners.", "navigation": "Wide Work/Info/Contact chips; narrow Menu expands those three. Work opens plain project/discipline index, Info opens biography route, Home restores canvas. Actual native scrolling changed current project from Cboe to Odds & Ends.", "sequence": [ "explicit disc entry", "loading sequence", "single-screen current project/discipline with animated object", "alternative work index", "biography/client/contact/game-interest interior" ], "evidence": "Project names and service disciplines in a usable alternate text index; biography supplies practice explanation. Named clients/games are viewed only as source design content, not teaching proof.", "density": "Large canvas scene becomes seven-row project index or constrained biography with compact attribution/contact ending.", "imageTypeRelationship": "Retro scanline/dither treatment and wide uppercase project type surround floating 3D geometry. Biography overlays animated dither form, reducing narrow readability.", "interior": "Info route presents name/discipline, three paragraphs, sound credit, client list, contact/elsewhere/press groups and three game-art thumbnails. Work index separates large name from small discipline; wide discipline right, narrow below.", "responsive": "Scene scales from broad orbital field to narrow central object with title/discipline separated vertically. Work rows become name-above-discipline; Info copy fills narrow width and lower link groups stack. Mobile overlay object interferes with copy.", "action": "Work and Info are direct alternatives to scrolling object sequence; Contact mail link remains available. Entry/menu/Work/Home/Info and monotone theme actually exercised; no contact sent." }, "observedRelationships": [ "An experimental scene has a useful alternative text index for selecting actual work.", "The same identity develops into a biography and practical contact groups instead of remaining an opening animation.", "Responsive text index moves discipline under project rather than shrinking a two-column table." ], "lessons": [ "Use immersive work only when explicitly allowed and relevant; preserve static text work/contact alternatives.", "Original static artwork and native index/biography can carry project relationships without a 3D engine.", "Keep decorative geometry away from reading text and honor motion preferences in any adaptation." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Single-screen spatial portfolio with actual alternative work index, native project change and consequential biography state at both sizes.", "views": [ { "id": "goodgrowth-narrow-entry", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:06:52.696Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "disc entry loaded", "observation": "Spinning disc, scanline blue field, Insert Disc button and sound suggestion. Entry actually activated; long loader followed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:06:52.696Z; goodgrowth-narrow-entry; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-narrow-main-opening", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:07:17.415Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded scene after loader", "observation": "Narrow central orbit/disc with project above and discipline below; native preceding screenshot showed complete labels.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:07:17.415Z; goodgrowth-narrow-main-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-narrow-main-full", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:07:17.415Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "single-screen document; animation capture partial", "observation": "Document height equals viewport 844; no invented below-fold homepage. Full capture lost some transient labels; native screenshot established them.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:07:17.415Z; goodgrowth-narrow-main-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-narrow-work", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:07:29.756Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Menu then Work opened index", "observation": "Seven project names/discipline rows seen in preceding native screenshot. Full animated capture omitted several middle rows; native complete index remains inspection basis.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:07:29.756Z; goodgrowth-narrow-work; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-wide-work", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:07:35.744Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded work index", "observation": "Seven rows; project names left and disciplines right; persistent top Work/Info/Contact chips.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:07:35.744Z; goodgrowth-wide-work; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-wide-main-opening", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:07:45.214Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "Home restored scene", "observation": "Broad orbital disc and green symbols under Cboe project title, Motion discipline below; scene fills viewport.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:07:45.214Z; goodgrowth-wide-main-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-wide-main-full", "route": "https://goodgrowth.com/", "resolvedUrl": "https://goodgrowth.com/", "inspectedAt": "2026-10-05T19:07:45.214Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-screen document", "observation": "Document height equals viewport 900, full screenshot inspected scene. Native subsequent scroll changed to Odds & Ends symbols/title.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:07:45.214Z; goodgrowth-wide-main-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-wide-info", "route": "https://goodgrowth.com/#/info", "resolvedUrl": "https://goodgrowth.com/#/info", "inspectedAt": "2026-10-05T19:08:04.267Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Info loaded", "observation": "Constrained biography/name column, selected clients and three practical contact groups over dither scene. Nested scroller means full capture retains opening only.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:08:04.267Z; goodgrowth-wide-info; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-narrow-info-opening", "route": "https://goodgrowth.com/#/info", "resolvedUrl": "https://goodgrowth.com/#/info", "inspectedAt": "2026-10-05T19:08:11.743Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Info responsive opening", "observation": "Name/discipline then long paragraphs with animated dither object visibly interfering with readability.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:08:11.743Z; goodgrowth-narrow-info-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-narrow-info-ending", "route": "https://goodgrowth.com/#/info", "resolvedUrl": "https://goodgrowth.com/#/info", "inspectedAt": "2026-10-05T19:08:16.551Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native nested scroll", "observation": "Client list, stacked contact/elsewhere/press and three game thumbnails/captions complete biography ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:08:16.551Z; goodgrowth-narrow-info-ending; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-narrow-monotone", "route": "https://goodgrowth.com/#", "resolvedUrl": "https://goodgrowth.com/#", "inspectedAt": "2026-10-05T19:08:42.381Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "monotone checkbox activated", "observation": "Dark/cream scene replaces blue/white while blue central diamond remains; project/discipline retained.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:08:42.381Z; goodgrowth-narrow-monotone; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "goodgrowth-wide-info-ending", "route": "https://goodgrowth.com/#/info", "resolvedUrl": "https://goodgrowth.com/#/info", "inspectedAt": "2026-10-05T19:08:50.867Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "monotone and native nested scroll", "observation": "Client list, three-column practical links and three game thumbnails/captions at bottom of biography; motion remains.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:08:50.867Z; goodgrowth-wide-info-ending; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Primary medium is experimental 3D, with retro secondary expression; high-complexity immersive exclusion applies to ordinary low-complexity selection.", "Canvas/full captures can omit transient text/index rows; complete native screenshots were actually inspected, not inferred from DOM.", "Info is a nested scroll region; full-page image does not include the entire biography. Native scrolling inspected both endings.", "Entry loader took multiple observations before meaningful scene loaded.", "Monotone theme is not reduced motion: scene kept moving. Motion preference, keyboard focus and full accessibility audit remain untested.", "Mobile dither object interferes with biography copy; do not copy this defect. Sound not audited.", "Original site creator Matt Stone and sound designer Lane Fujita are explicitly credited in actual publisher Info; no contact or external submissions." ], "relatedExamples": [ "dock-radio", "mara-specimen" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-contextual-action" ] }, { "id": "beige-force", "revision": 1, "title": "Beige Force!!", "lifecycle": "active", "primaryFamily": "retro", "tags": [ "retro", "publication" ], "requestedUrl": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:12:05.055Z", "version": "current", "creator": { "name": "Brandon Durham / Small Parade; concept Andrew Alford and Brandon Durham", "attributionUrl": "https://beigeforce.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.awwwards.com/sites/beige-force" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": false, "immersive": true }, "fitSignals": [ "type-content", "immersive", "action" ], "visitorTasks": [ "explore-product", "understand-process" ], "assetMinimum": "none", "complexity": "high", "lowComplexityAlternative": "Original pixel graphic cast index, readable static process story and native task controls with a real narrow alternative; omit CRT/game loader.", "structure": { "opening": "Mustard monospaced introduction and game explanation above four-column pixel-character grid; persistent compact top identity/info row and copyright ending.", "navigation": "What is this opens right-hand story/credits drawer; PLAY changes to game attract/instruction screen. Drawer and game are same URL states.", "sequence": [ "studio/game introduction and PLAY action", "sixteen named pixel-character grid", "copyright", "story/offer/credit drawer", "game instructions", "keyboard-started gameplay" ], "evidence": "Pixel characters develop into actual game enemies. Story/credits explicitly explain concept and authorship; claimed service capabilities are not independently verified.", "density": "Document-like explanation/grid changes into screen-filling arcade field; drawer introduces dense explanatory reading.", "imageTypeRelationship": "Monospaced small paragraphs and large pixel shapes share ruled grid; game uses CRT-like scanlines and synthetic landscape, no exceptional photography.", "interior": "Story drawer has uppercase proposition, process paragraphs, custom-game offer and definition-list credits. Desktop game shows point values, keyboard instructions and actual Score 0/Level 1 enemies/player after Space.", "responsive": "390px publisher explicitly replaces site with Access Denied message requiring larger display and physical keyboard. A responsive usable narrow game is not claimed.", "action": "PLAY then Space actually opened desktop gameplay. No shooting, completion, inquiry, payment or prize transaction." }, "observedRelationships": [ "Illustrated grid is a cast index for an actual task, not decorative generic service cards.", "The practical story explains why a highly expressive campaign exists and names its authors." ], "lessons": [ "Use only where a custom entertainment campaign is explicitly relevant.", "Original small pixel motifs and native readable index can express period language without forcing game interaction.", "Provide meaningful mobile task alternatives; do not copy the publisher width exclusion." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Retro task-based boundary example with explicit mobile exclusion and actually entered desktop gameplay.", "views": [ { "id": "beige-wide-opening", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:10:21.370Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loader cleared", "observation": "Small introduction/explanation/PLAY, four-column character grid and persistent copyright.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:10:21.370Z; beige-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beige-wide-full", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:10:21.370Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "nested scroller; full capture equals viewport", "observation": "Full screenshot only opening; native subsequent end scroll reviewed remaining character rows.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:10:21.370Z; beige-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beige-wide-grid-end", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:10:57.397Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native nested scroll", "observation": "Lower rows of named pixel characters, ruled four-column cells and copyright complete grid organization.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:10:57.397Z; beige-wide-grid-end; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beige-wide-info", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:10:31.733Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "What is this drawer expanded", "observation": "Right-hand drawer has uppercase introduction and process paragraphs; subsequent native drawer scroll exposed custom-game offer and creator credits.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:10:31.733Z; beige-wide-info; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beige-wide-game-instructions", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:11:43.816Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "PLAY entered attract state", "observation": "Large CRT screen against pink/blue synthetic landscape, BEIGE FORCE title, enemy points and Press Space/keyboard instruction.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:11:43.816Z; beige-wide-game-instructions; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beige-wide-gameplay", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:11:50.598Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Space started gameplay", "observation": "Score 0, Level 1, enemy rows, shelters and A player actually visible; no success/score claim.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:11:50.598Z; beige-wide-gameplay; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "beige-narrow-exclusion", "route": "https://beigeforce.com/", "resolvedUrl": "https://beigeforce.com/", "inspectedAt": "2026-10-05T19:12:05.055Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "intentional access exclusion", "observation": "Access Denied title and monospaced paragraph on mustard; entire narrow page inspected as same viewport.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:12:05.055Z; beige-narrow-exclusion; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Screened only: publisher intentionally excludes narrow/mobile use, so narrow functional task/interior cannot be reviewed.", "Homepage and drawer use nested scrolling; full captures contain only visible opening. Native scroll actually inspected lower grid and credits.", "Game canvas does not expose instructions/gameplay through accessible text; keyboard Space worked, but focus/full accessibility/motion/audio not audited.", "No completion or score achievement claimed; no inquiry, purchase or newsletter submission.", "Awwwards credits Brandon Durham; actual publisher story and credits independently confirm design/art/code by Brandon Durham as Small Parade." ], "relatedExamples": [ "dock-radio", "signal-fair" ], "lessonIds": [ "cmp-type-roles", "cmp-contextual-action" ] }, { "id": "codapress", "revision": 1, "title": "Codapress Publishing", "lifecycle": "active", "primaryFamily": "retro", "tags": [ "retro", "publication" ], "requestedUrl": "https://codapress.co.uk/", "resolvedUrl": "https://codapress.co.uk/", "inspectedAt": "2026-10-05T19:17:27.738Z", "version": "current", "creator": { "name": "Dave Holloway (DH)", "attributionUrl": "https://daveholloway.uk/", "verified": true }, "discovery": { "source": "Awwwards Retro collection and publisher award page; actual current publisher inspection", "url": "https://www.awwwards.com/sites/codapress-publishing" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "type-content", "collection", "action", "real-copy" ], "visitorTasks": [ "shop-collection", "compare-options", "read-deeply" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Static original dither motif, native cover index and always-visible book reading page; omit distortion, pixel cursor and pinning gallery.", "structure": { "opening": "Black full-height dither/plasma field with offset three-line monospace statement and compact overlaid identity/navigation.", "navigation": "Desktop four upper-right text links, narrow hamburger opens white full-screen four-link menu and email ending; actual opened.", "sequence": [ "animated statement", "large publisher paragraph", "curving book carousel with title/description/detail links", "latest release", "four illustrated article entries", "compact utility footer" ], "evidence": "Actual book covers, release/format/size metadata, long descriptive copy and sample book-gallery marketing images; publisher claims are not verified.", "density": "Sparse animated first screen becomes medium publisher introduction then dense cover/copy carousel; separate latest release and article rail change pace.", "imageTypeRelationship": "Monospace interface and pixel cursor/dither field contrast with colorful isolated book covers; article thumbnails are geometric line drawings.", "interior": "Book page wide: title/description/metadata and long paragraphs/bullets left, cover box and purchase link right. Lower wide gallery marketing image, recommendation carousel and utilities. Narrow moves cover/purchase before title and long reading document.", "responsive": "Narrow header becomes menu; cover rail retains partial adjacent books; four articles become horizontal rail. Interior cover/action comes before title whereas wide reading leads beside it.", "action": "Detail links develop browsing into book evaluation; purchase link visible beside/below cover, no activation. Mobile menu opened and viewed." }, "observedRelationships": [ "Period expression persists in practical book metadata and long descriptive reading, rather than only a decorative opening.", "Cover carousel shows partial neighbors while retaining title, description and detail links.", "Narrow interior reorders object/action ahead of long reading, a meaningful change in visitor sequence." ], "lessons": [ "Use original restrained period vocabulary around real product information.", "Keep essential reading visible without animation and provide native navigation.", "Use actual cleared cover objects and real descriptions; exclude publisher technical/promotional claims from customer facts." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Retro publisher with real browse-to-evaluation journey and responsive change in object/action order.", "views": [ { "id": "coda-narrow-opening", "route": "https://codapress.co.uk/", "resolvedUrl": "https://codapress.co.uk/", "inspectedAt": "2026-10-05T19:16:35.710Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "cookie initially obstructs ending", "observation": "Dither field and offset monospace title with narrow header; consent later explicitly declined.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:16:35.710Z; coda-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-narrow-full", "route": "https://codapress.co.uk/", "resolvedUrl": "https://codapress.co.uk/", "inspectedAt": "2026-10-05T19:16:51.377Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "native scroll loaded sections; consent dismissed", "observation": "Introduction, cover rail, empty latest-release media box, article rail and utilities visible. Fixed header/pixel cursor appear in full capture at scroll position.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:16:51.377Z; coda-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-wide-opening", "route": "https://codapress.co.uk/", "resolvedUrl": "https://codapress.co.uk/", "inspectedAt": "2026-10-05T19:16:57.477Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded opening", "observation": "Animated dither field and distorted transient title; four utility links.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:16:57.477Z; coda-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-wide-full", "route": "https://codapress.co.uk/", "resolvedUrl": "https://codapress.co.uk/", "inspectedAt": "2026-10-05T19:16:57.477Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partially unrevealed introduction/media", "observation": "Curved multiple covers/copy, empty latest-release box, four geometric article cards, footer. Introduction dark due to reveal.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:16:57.477Z; coda-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-wide-book", "route": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "resolvedUrl": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "inspectedAt": "2026-10-05T19:17:08.970Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "book loaded; hero cover missing", "observation": "Long title/reading/metadata left, empty cover box and buy link right; full capture includes one marketing gallery image then long blank scroll gallery region and recommendations.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:17:08.970Z; coda-wide-book; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-narrow-book", "route": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "resolvedUrl": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "inspectedAt": "2026-10-05T19:17:17.438Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "cover missing", "observation": "Empty cover and buy link above title/description/metadata, full paragraphs/bullets, recommendation cover and footer. Lower gallery initially unrevealed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:17:17.438Z; coda-narrow-book; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-narrow-book-ending", "route": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "resolvedUrl": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "inspectedAt": "2026-10-05T19:17:27.738Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scrolling completed lower reveal", "observation": "Gallery marketing image now loaded, partial neighboring recommendations with detail links and footer; pixel drag cursor overlaps some copy.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:17:27.738Z; coda-narrow-book-ending; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coda-narrow-menu", "route": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "resolvedUrl": "https://codapress.co.uk/books/vibe-coding-for-beginners/", "inspectedAt": "2026-10-05T19:17:27.738Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "subsequent menu opened", "observation": "White full-screen Books/Insights/Contact/Claim and email ending; actual native screenshot inspected after opening.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:17:27.738Z; coda-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "External book titles and copy are source design content only, not technical advice or verified claims.", "Hero book cover and homepage latest release remained empty; do not count these images as inspected.", "Animated text initially dark/scrambled; native scrolling loaded lower narrow images and labels. Full desktop book gallery has a very long blank region; no complete gallery-item audit.", "Pixel cursor obscures text in some captures; wide full screenshot changes transient heading shape.", "Menu opening inspected; close click returned expanded tree during transition, so completed close is not claimed. Focus/reduced motion/full accessibility untested.", "No purchase, contact, newsletter or book-download action." ], "relatedExamples": [ "dock-radio", "sundial-goods", "margin-journal" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-contextual-action" ] }, { "id": "rozalia-boma", "revision": 1, "title": "Rozalia Boma", "lifecycle": "active", "primaryFamily": "retro", "tags": [ "retro", "publication" ], "requestedUrl": "https://rozaliabomawrites.com/", "resolvedUrl": "https://rozaliabomawrites.com/", "inspectedAt": "2026-10-05T19:19:15.418Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Awwwards Retro collection/award page; actual live publisher inspection", "url": "https://www.awwwards.com/sites/rozalia-boma-writer" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "type-content", "approved-image", "multiple-images", "action" ], "visitorTasks": [ "explore-product", "read-deeply" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Iridescent purple/pink field, chrome letter name, outlined script proposition and two glossy capsule links; floating miniature period music-player window.", "navigation": "Wide link row appears in sticky pink chrome below initial screen; narrow menu button. Optional player closed to a small reopen control.", "sequence": [ "chrome title/proposition and book/author links", "portrait snapshots", "author/book content largely unrevealed", "source blurb partially seen", "blog entry window", "newsletter window", "pink legal ending" ], "evidence": "Actual cover and blog portrait/copy seen through native scroll; other source attribution/copy exists in DOM but was not completely visually revealed.", "density": "Sparse first-screen poster shifts into object/period-window content; full capture largely blank because scroll reveals omitted content.", "imageTypeRelationship": "Original publisher chrome typography and shiny stickers evoke early desktop culture; book cover and personal portrait provide contextual objects.", "interior": "Not inspected.", "responsive": "Chrome name wraps into two large lines, initial links stack; sticky navigation collapses to menu. Blog/newsletter windows fill narrow width.", "action": "Book and author links visible. Cookie rejection and music-player close actually exercised; no play, subscribe or contact." }, "observedRelationships": [ "Retro identity connects title, image motifs and window chrome rather than only a color palette.", "Practical blog/newsletter containers use recognisable document-window roles." ], "lessons": [ "Adapt only with original/cleared small motifs and always-readable content.", "Optional entertainment chrome should not obscure primary visitor tasks." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Personal publication with coherent period window vocabulary; honest boundary on incomplete reveal inspection.", "views": [ { "id": "rozalia-narrow-opening", "route": "https://rozaliabomawrites.com/", "resolvedUrl": "https://rozaliabomawrites.com/", "inspectedAt": "2026-10-05T19:18:37.440Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded title; consent appeared after native capture", "observation": "Chrome two-line name, script proposition and stacked links; player overlay. Consent explicitly rejected and player closed subsequently.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:18:37.440Z; rozalia-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "rozalia-narrow-full", "route": "https://rozaliabomawrites.com/", "resolvedUrl": "https://rozaliabomawrites.com/", "inspectedAt": "2026-10-05T19:19:09.206Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "native scroll reviewed selected lower content; reveals incomplete", "observation": "Full capture largely blank. Native screenshots actually showed book cover, source blurb ending, blog portrait/window and newsletter/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:19:09.206Z; rozalia-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "rozalia-wide-opening", "route": "https://rozaliabomawrites.com/", "resolvedUrl": "https://rozaliabomawrites.com/", "inspectedAt": "2026-10-05T19:19:15.418Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded title and closed player", "observation": "Wide chrome name, script proposition, side-by-side links and glossy stickers.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:19:15.418Z; rozalia-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "rozalia-wide-full", "route": "https://rozaliabomawrites.com/", "resolvedUrl": "https://rozaliabomawrites.com/", "inspectedAt": "2026-10-05T19:19:15.418Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "unrevealed lower content", "observation": "Full image contains opening, largely blank decorative field and pink legal footer; complete organization cannot be judged.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:19:15.418Z; rozalia-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Screened only: extensive scroll reveals omitted content in full captures; interior/task not reviewed.", "Awwwards credits Chus Margallo; publisher creator attribution not corroborated, so verified creator remains unknown.", "Music embed not activated, audio not reviewed. Focus/motion/accessibility not audited.", "Publisher author/book claims are unverified research content and must not become customer facts." ], "relatedExamples": [ "dock-radio", "mara-specimen" ], "lessonIds": [ "cmp-type-roles", "cmp-contextual-action" ] }, { "id": "hoare-associates", "revision": 2, "title": "Hoare Associates", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "professional-service" ], "requestedUrl": "https://hoare.associates/", "resolvedUrl": "https://hoare.associates/", "inspectedAt": "2026-10-05T19:22:06.406Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "sparse-media", "type-content", "real-copy", "process", "action" ], "visitorTasks": [ "evaluate-service", "understand-process", "compare-options", "book-inquiry" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Original flat motifs/diagrams, paragraph links and static explanatory comparisons; omit reveals and layout overflow.", "structure": { "opening": "Bird emblem/name above one large paragraph with three differently colored inline navigational words; irregular flat shapes and large pale circles behind text.", "navigation": "Menu opens full-screen four-link centered text list. Paragraph ALSP/approach/team links offer contextual alternatives.", "sequence": [ "paragraph introducing practice through linked topics", "dark contact/legal footer" ], "evidence": "Homepage makes no photographic proof claim; process interior uses drawn music equipment, charts with labels/citation and explanation/comparison cards. Source claims are unverified.", "density": "Short large-type homepage develops into long alternating explanation, three definitions, quantitative chart, complexity cards, resource comparison and service ending.", "imageTypeRelationship": "Flat organic shapes and limited-color hand-drawn equipment share palette with linked words; interior drawings contextualize subject without exceptional photographs.", "interior": "Process opening wide text left/equipment drawing right, then three definition cards, reversed illustration/cited-growth narrative, labeled chart, complexities/card column, illustrated common-thread section, resource chart, alternative-solution cards, final illustrated service link.", "responsive": "Homepage paragraph wraps at readable larger size; wide footer contact right becomes stacked narrow. Interior drawings move before text, three definitions stack, complexity and alternative cards become single column. Narrow footer legal text visibly clipped.", "action": "Inline topic links and expanded menu support evaluation; process Learn more appears at explanatory ending and practical email/telephone in footer. No inquiry submitted." }, "observedRelationships": [ "A meaningful paragraph is itself the homepage navigation, with each linked term having a clear content role.", "An illustrated explanation develops a very short homepage into a substantive process/decision journey.", "Drawings, definitions and comparison cards vary the density of long service copy." ], "lessons": [ "Use actual practice vocabulary as contextual links and retain straightforward navigation.", "Use original diagrams/simple motifs for modest-asset professional services.", "Expose all explanation without scroll-dependent hiding; keep legal text and drawings in bounds." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse service homepage with three inline topic links and substantial illustrated comparison interior.", "views": [ { "id": "hoare-wide-opening", "route": "https://hoare.associates/", "resolvedUrl": "https://hoare.associates/", "inspectedAt": "2026-10-05T19:20:07.267Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Emblem, large linked paragraph and colored organic shapes.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:07.267Z; hoare-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-wide-full", "route": "https://hoare.associates/", "resolvedUrl": "https://hoare.associates/", "inspectedAt": "2026-10-05T19:20:07.267Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full short page", "observation": "Homepage paragraph then dark practical contacts and small legal footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:07.267Z; hoare-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-narrow-opening", "route": "https://hoare.associates/", "resolvedUrl": "https://hoare.associates/", "inspectedAt": "2026-10-05T19:20:15.983Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Paragraph wrapping, compact emblem and Menu; no exceptional photo.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:15.983Z; hoare-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-narrow-full", "route": "https://hoare.associates/", "resolvedUrl": "https://hoare.associates/", "inspectedAt": "2026-10-05T19:20:15.983Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "footer clipped", "observation": "Stacked contacts/privacy/legal; lower legal copy clipped by dark container.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:15.983Z; hoare-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-narrow-process", "route": "https://hoare.associates/process/", "resolvedUrl": "https://hoare.associates/process/", "inspectedAt": "2026-10-05T19:20:29.450Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "full long page; some cards unrevealed", "observation": "Drawings precede narrative; stacked definitions, charts, long explanation, service ending. Native later scrolling revealed complexity and four alternative-solution cards.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:29.450Z; hoare-narrow-process; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-wide-process", "route": "https://hoare.associates/process/", "resolvedUrl": "https://hoare.associates/process/", "inspectedAt": "2026-10-05T19:20:40.130Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "full long page; some cards unrevealed", "observation": "Alternating drawings/narratives, three definitions and chart; later native scrolling revealed complexity and comparison cards.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:40.130Z; hoare-wide-process; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-wide-menu", "route": "https://hoare.associates/process/", "resolvedUrl": "https://hoare.associates/process/", "inspectedAt": "2026-10-05T19:20:40.130Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "subsequent Menu expanded", "observation": "Centered Why ALSP/What We Do/Our Team/Get In Touch and matching shapes; native Close activated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:20:40.130Z; hoare-wide-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hoare-process-native-reveals", "route": "https://hoare.associates/process/", "resolvedUrl": "https://hoare.associates/process/", "inspectedAt": "2026-10-05T19:22:06.406Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "subsequent native scroll at both sizes", "observation": "Timestamped current narrow screenshot shows all four stacked alternative-solution cards. Earlier untimestamped native views after 19:20:40 also showed wide graph/complexity/resource/comparison and narrow complexities.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:22:06.406Z; current narrow comparison cards; earlier wide/mobile native reveal views bracketed after 19:20:40", "limitations": [] } ], "limitations": [ "Revision 2 replaces estimated native-sequence time with fresh timestamped narrow comparison screenshot; earlier native reveal frames only bracketed after 19:20:40. Raw revision 1 estimate preserved as research history, not an exact inspection timestamp.", "Process full captures have blank animated card fields; native subsequent screenshots actually inspected those cards. Not a line-by-line audit.", "Desktop process native views displayed horizontal scrollbar; animation/layout causes overflow. Mobile footer legal copy clipped.", "Quantitative/legal claims are source content only and not verified or transferable to customer inventories.", "No keyboard/reduced-motion/full accessibility audit or contact submission.", "Creator unknown: Siteinspire provides no credited designer and publisher does not corroborate one." ], "relatedExamples": [ "thread-mender", "clearwell-letter" ], "lessonIds": [ "cmp-navigation", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "teenage-engineering", "revision": 1, "title": "Teenage Engineering", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "technical", "product", "collection" ], "requestedUrl": "https://teenage.engineering/", "resolvedUrl": "https://teenage.engineering/", "inspectedAt": "2026-10-05T19:27:38.168Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "product", "collection", "specifications", "diagram", "approved-image", "real-copy", "action" ], "visitorTasks": [ "shop-collection", "explore-product", "compare-options", "inspect-specifications" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Original isolated object imagery, static labeled diagrams and specifications with native in-page shop anchors; omit video and oversized campaign sequences.", "structure": { "opening": "Expanded icon navigation and a giant segmented-type Update graphic with drawn office worker; compact Japanese/technical details.", "navigation": "Wide homepage uses large icon utilities and product links; narrow uses cart and three-dot menu with a concise product-exploration list.", "sequence": [ "Update graphic", "large dark product campaign fields alternating unboxed SKU columns", "all-products link", "shipping/newsletter/utility/country footer" ], "evidence": "Isolated actual equipment objects, detailed product crops, diagrams and labeled specifications; technical claims are publisher material only.", "density": "Wide homepage alternates enormous objects with three-item SKU rows. Product interior develops object photographs into concise text, feature diagrams, shop variants and dense technical specifications.", "imageTypeRelationship": "Sparse thin sans copy leaves room for giant industrial objects; technical diagrams carry compact captions. Low contrast gray copy on black is a limitation.", "interior": "OB-4 opening object, proposition and anchored buy link; portable speaker explanation/crop, four feature columns, motorized interface, five disk-mode diagrams, studio-use photograph, eight color variants, scenario drawings, four-column specs/footer.", "responsive": "Narrow homepage is a distinct four-tile exploration index, not all wide campaign/SKU sections stacked. OB-4 features become label/body rows, diagrams and variants single column, specs two columns; object and control crops change scale.", "action": "OB-4 opening Buy now jumps to shop at both sizes: #shop wide and #shop-mobile narrow. Shop tile purchase links were seen but not activated." }, "observedRelationships": [ "A catalog homepage changes organization on narrow screens to prioritize a short product index.", "Technical explanation shifts between object-scale photographs, compact features, diagrams, variants and dense specifications.", "A top action lands directly at a contextual variant chooser rather than obscuring the explanatory journey." ], "lessons": [ "Use original product objects/diagrams and real specifications to vary density.", "Plan a concise mobile catalog when full wide campaigns exceed the visitor task.", "Keep essential copy readable without motion or incomplete video loading." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Industrial object-led catalog with technical explanation, anchored variant selection and materially different mobile catalog organization.", "views": [ { "id": "te-wide-opening", "route": "https://teenage.engineering/", "resolvedUrl": "https://teenage.engineering/", "inspectedAt": "2026-10-05T19:23:34.752Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Icon navigation and segmented-type Update graphic.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:34.752Z; te-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-wide-full", "route": "https://teenage.engineering/", "resolvedUrl": "https://teenage.engineering/", "inspectedAt": "2026-10-05T19:23:34.752Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded overview", "observation": "Dark large product campaigns alternating small SKU rows through footer/country. Very tall capture inspected for organization, not fine text.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:34.752Z; te-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-narrow-opening", "route": "https://teenage.engineering/", "resolvedUrl": "https://teenage.engineering/", "inspectedAt": "2026-10-05T19:23:28.696Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Compact cart/menu and fitted Update graphic.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:28.696Z; te-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-narrow-full", "route": "https://teenage.engineering/", "resolvedUrl": "https://teenage.engineering/", "inspectedAt": "2026-10-05T19:23:28.696Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded", "observation": "Four product exploration photo tiles, all-products, shipping/newsletter/utility and country footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:28.696Z; te-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-wide-ob4", "route": "https://teenage.engineering/products/ob-4", "resolvedUrl": "https://teenage.engineering/products/ob-4", "inspectedAt": "2026-10-05T19:23:43.627Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "some media fields blank", "observation": "Object, two-column proposition, feature diagrams, studio image, two-column variant grid and four-column specs. Initial white variant image absent; later native shop view loads it.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:43.627Z; te-wide-ob4; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-narrow-ob4", "route": "https://teenage.engineering/products/ob-4", "resolvedUrl": "https://teenage.engineering/products/ob-4", "inspectedAt": "2026-10-05T19:23:51.161Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded organization", "observation": "Centered proposition, labeled feature rows, stacked diagrams, all eight variant images and two-column specs. Tall full capture not a fine-text audit.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:51.161Z; te-narrow-ob4; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-narrow-shop", "route": "https://teenage.engineering/products/ob-4#shop-mobile", "resolvedUrl": "https://teenage.engineering/products/ob-4#shop-mobile", "inspectedAt": "2026-10-05T19:23:58.157Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native anchor activated", "observation": "Shop heading, full black object tile with color/price/cart link and partial red tile below.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:23:58.157Z; te-narrow-shop; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "te-wide-shop", "route": "https://teenage.engineering/products/ob-4#shop", "resolvedUrl": "https://teenage.engineering/products/ob-4#shop", "inspectedAt": "2026-10-05T19:27:38.168Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native anchor activated", "observation": "Shop heading above white and black variant tiles with loaded images and purchase links.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:27:38.168Z; te-wide-shop; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Historical Siteinspire OD-11 destination failed a redirect loop and is excluded; current teenage.engineering version was independently found and inspected, not presumed to be the historical version.", "Earlier 1280x720 opening was desktop, not mobile; accepted explicit 1440x900 and 390x844 views were rechecked.", "Large blank media/video fields in wide OB-4 full view remain unresolved; no playback or sound quality claim.", "Low-contrast small type and very tall overview captures limit fine-text assessment.", "No purchase, cart, newsletter, keyboard/reduced-motion or full accessibility audit.", "Creator unknown; no independently corroborated current website credit." ], "relatedExamples": [ "rivet-components", "lacuna-objects" ], "lessonIds": [ "cmp-image-art-direction", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "quinn-global-tax-law", "revision": 1, "title": "Quinn Global Tax Law", "lifecycle": "active", "primaryFamily": "text-first", "tags": [ "text-first", "professional-service", "information-dense" ], "requestedUrl": "https://quinngtl.com", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:29:31.840Z", "version": "current", "creator": { "name": "Highly Necessary", "attributionUrl": "https://highlynecessary.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "sparse-media", "real-copy", "type-content", "process", "action" ], "visitorTasks": [ "evaluate-service", "compare-options", "book-inquiry" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Original line paths and static labeled service lists; omit stock landscapes/reveal dependence, fix overflow and retain readable evidence/action hierarchy.", "structure": { "opening": "Dark topographic graphic above a light folder-tab proposition field; large serif heading left, smaller explanation/action right.", "navigation": "Three direct links wide; Menu expands four-link dark overlay narrow. Sticky white inset navigation after scrolling.", "sequence": [ "topographic graphic/proposition", "large service paragraph and four numbered service rows", "landscape with inset practice explanation", "four staggered metric cards", "contact explanation/graphic", "topographic footer with task link panel" ], "evidence": "Service descriptions, four self-reported metrics, attributed testimonial and practical navigation. Publisher claims not verified.", "density": "Sparse oversized opening becomes numbered offerings; services interior replaces brief rows with substantial labeled bullet lists, then approach/image, testimonial, inquiry and utility ending.", "imageTypeRelationship": "Serif headings carry identity; abstract line paths, folder tabs and a few landscape images contextualize decision-making without photographic customer proof.", "interior": "Services reuses opening shell, then four category-title/bullet-list rows, landscape/approach inset, testimonial with large quote mark, contextual contact and same footer.", "responsive": "Two-column propositions, category/list rows and four staggered metric cards stack; landscape explanation follows image; footer slogan above navigation panel; menu opens lower four links.", "action": "Header contact, opening contact, Explore Services, contextual ending and footer Contact support evaluation. Narrow Menu-to-Services navigation actually activated; no inquiry." }, "observedRelationships": [ "A brief service index develops into category headings and substantial bullet lists on the interior.", "Abstract line paths and folder-tab shapes provide a modest-asset identity.", "Opening, explanation and footer offer differently paced entry points to the same task." ], "lessons": [ "Use actual service taxonomy and meaningful lists rather than filling photo slots.", "Preserve clear labels, whitespace and contextual next steps with static rendering.", "Warm paper/large serif/numbered rows overlap the reported convergence habit; choose it only when justified and complement it with a structurally different example." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Modest-asset service taxonomy with a substantial explanatory interior; explicitly records overlap with common warm-serif/numbered patterns.", "views": [ { "id": "quinn-wide-opening", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:30.940Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Topography and folder-tab proposition/action field.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:30.940Z; quinn-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-wide-full", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:30.940Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "unrevealed fields", "observation": "Overview reveals landscape explanation and footer field but service/metric/contact text initially absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:30.940Z; quinn-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-wide-services-reveal", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:42.788Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native scroll", "observation": "Large paragraph and numbered offering rows readable; sticky white navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:42.788Z; quinn-wide-services-reveal; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-wide-metrics", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:46.413Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native scroll", "observation": "Four staggered metric cards and explanation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:46.413Z; quinn-wide-metrics; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-wide-footer", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:50.290Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native scroll", "observation": "Topographic slogan and four-link inset task panel with publisher creator credit.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:50.290Z; quinn-wide-footer; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-opening", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:54.632Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Folder opening, stacked heading/explanation/action and Menu.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:54.632Z; quinn-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-full", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:28:54.632Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "partial reveal", "observation": "Service rows, image then explanation, stacked metrics and footer observed; contact reveal absent initially.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:28:54.632Z; quinn-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-menu", "route": "https://www.quinngtl.com/", "resolvedUrl": "https://www.quinngtl.com/", "inspectedAt": "2026-10-05T19:29:06.531Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu expanded", "observation": "Dark viewport with four large lower task links; Services activated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:29:06.531Z; quinn-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-interior", "route": "https://www.quinngtl.com/services", "resolvedUrl": "https://www.quinngtl.com/services", "inspectedAt": "2026-10-05T19:29:10.754Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "opening/full partial reveal", "observation": "Service proposition loaded; long service/approach fields initially blank; testimonial and footer present.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:29:10.754Z; quinn-narrow-interior; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-taxonomy", "route": "https://www.quinngtl.com/services", "resolvedUrl": "https://www.quinngtl.com/services", "inspectedAt": "2026-10-05T19:29:18.163Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scroll reveal transition", "observation": "First category heading and bullet list; next native frames at 18.473/18.814 show later categories and transition to approach image. Some text still at low opacity during animation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:29:18.163Z; quinn-narrow-taxonomy; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-approach", "route": "https://www.quinngtl.com/services", "resolvedUrl": "https://www.quinngtl.com/services", "inspectedAt": "2026-10-05T19:29:19.123Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scroll", "observation": "Inset approach statements over landscape, then testimonial.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:29:19.123Z; quinn-narrow-approach; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-narrow-contact", "route": "https://www.quinngtl.com/services", "resolvedUrl": "https://www.quinngtl.com/services", "inspectedAt": "2026-10-05T19:29:26.757Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scroll", "observation": "Contact action and topographic ending task panel.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:29:26.757Z; quinn-narrow-contact; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "quinn-wide-interior", "route": "https://www.quinngtl.com/services", "resolvedUrl": "https://www.quinngtl.com/services", "inspectedAt": "2026-10-05T19:29:31.840Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "full interior after native reveals", "observation": "Two-column category headings/bullet lists, full landscape with right approach inset, testimonial, contact and footer all observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:29:31.840Z; quinn-wide-interior; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial full captures omitted scroll-revealed text; subsequent native screenshots and wide interior capture supplied actual taxonomy/approach/action evidence. Some mobile reveal text was low opacity during transition.", "Mobile homepage displayed horizontal scrollbar/layout discrepancy; do not reproduce overflow.", "Source navigation/claims are legal-business content, not legal guidance or customer facts.", "No inquiry, keyboard/reduced-motion or full accessibility audit.", "Discovery was an actual related publisher link on the Hoare Siteinspire record; historical design award identity is not claimed." ], "relatedExamples": [ "clearwell-letter", "clearwell-directory" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-page-rhythm" ] }, { "id": "bruun-hjejle", "revision": 1, "title": "Bruun & Hjejle", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "editorial", "professional-service", "directory" ], "requestedUrl": "https://bruunhjejle.dk", "resolvedUrl": "https://bruunhjejle.dk/da", "inspectedAt": "2026-10-05T19:31:36.297Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "real-copy", "directory", "collection", "action", "approved-image" ], "visitorTasks": [ "evaluate-service", "find-specialist", "inspect-work", "find-location" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full-height brick-facade photograph with large serif proposition; fine vertical grid continues through all sections, narrow left utility rail wide.", "navigation": "Hamburger at both sizes; wide side rail adds company/time. Narrow dark menu lists task categories and language choices.", "sequence": [ "facade/proposition", "three case columns wide/two stacked narrow", "dark employee search with quotation and specialty/job filters", "career statement", "empty event notice", "news hierarchy", "social update prompt", "address/legal/task footer" ], "evidence": "Named case titles/category metadata, employee names/roles and portraits, dated news, address and self-reported award; factual claims not independently verified.", "density": "Large photographic introduction develops into compact case/news metadata and an explicit employee-finding tool, with career/social breaks.", "imageTypeRelationship": "Serif headlines and compact sans labels stay aligned to continuous columns across dark/light fields; circular ochre action icons unify tasks.", "interior": "Employee directory opens with title, large search field and two dropdowns, four-column portrait/name/role grid wide and two columns narrow, numbered pagination wide/previous-next narrow, practice ending and utility footer.", "responsive": "Left utility rail disappears; three-case row becomes two large stacked case areas. News hierarchy becomes stacked, quote/search filters stack, employee grid four to two columns, footer becomes one column. Facade crop stays tall.", "action": "Narrow Menu-to-Personer navigation activated; wide specialty dropdown expanded showing labeled checkboxes. Search/contact/pagination were visible but not submitted/activated." }, "observedRelationships": [ "A persistent alignment grid can connect photographic identity, case evidence, news and practical directory tools.", "A service homepage gives employee finding a substantial primary section instead of burying it in footer navigation.", "Directory cards preserve role/name relationships while changing column count and pagination density." ], "lessons": [ "Use actual task taxonomy, compact metadata and a clear directory tool when people are a visitor task.", "Maintain useful column alignment through varying density and surface color.", "Show essential text/images without lazy reveal failures; do not copy award claims or portraits." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Systematic service grid linking case evidence, news and an actionable staff directory; serif expression demonstrates systematic organization beyond one sans aesthetic.", "views": [ { "id": "bruun-wide-opening", "route": "https://bruunhjejle.dk/da", "resolvedUrl": "https://bruunhjejle.dk/da", "inspectedAt": "2026-10-05T19:31:02.168Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "consent rejected; loaded", "observation": "Facade, serif proposition and left utility rail.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:02.168Z; bruun-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-wide-full", "route": "https://bruunhjejle.dk/da", "resolvedUrl": "https://bruunhjejle.dk/da", "inspectedAt": "2026-10-05T19:31:02.168Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "some images/reveals missing", "observation": "Three cases, quote/search tool, career, empty event state, structured news, social and contact/legal ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:02.168Z; bruun-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-narrow-opening", "route": "https://bruunhjejle.dk/da", "resolvedUrl": "https://bruunhjejle.dk/da", "inspectedAt": "2026-10-05T19:31:09.726Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Tall facade crop, wrapped serif proposition, compact hamburger/name.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:09.726Z; bruun-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-narrow-full", "route": "https://bruunhjejle.dk/da", "resolvedUrl": "https://bruunhjejle.dk/da", "inspectedAt": "2026-10-05T19:31:09.726Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "case/news image fields blank", "observation": "Stacked case areas, quote/search/filter controls, career, empty event notice, stacked news and footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:09.726Z; bruun-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-narrow-menu", "route": "https://bruunhjejle.dk/da", "resolvedUrl": "https://bruunhjejle.dk/da", "inspectedAt": "2026-10-05T19:31:14.764Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "expanded", "observation": "Full dark list of people/industries/specialties/news/events/career/about/contact/search and language choices; People link subsequently navigated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:14.764Z; bruun-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-narrow-directory", "route": "https://bruunhjejle.dk/da/personer", "resolvedUrl": "https://bruunhjejle.dk/da/personer", "inspectedAt": "2026-10-05T19:31:23.606Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "some lazy portraits absent", "observation": "Search/filter opening and two-column named staff grid, pagination, practice statement and footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:23.606Z; bruun-narrow-directory; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-wide-directory", "route": "https://bruunhjejle.dk/da/personer", "resolvedUrl": "https://bruunhjejle.dk/da/personer", "inspectedAt": "2026-10-05T19:31:29.090Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "some lazy portraits absent", "observation": "Four-column named staff grid with role labels, large search/filter, nine pagination links, practice/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:29.090Z; bruun-wide-directory; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "bruun-wide-specialty", "route": "https://bruunhjejle.dk/da/personer", "resolvedUrl": "https://bruunhjejle.dk/da/personer", "inspectedAt": "2026-10-05T19:31:36.297Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "dropdown expanded", "observation": "Labeled checkbox list beneath specialty control; native accessibility tree labels these checkboxes only as 0, an accessibility limitation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:31:36.297Z; bruun-wide-specialty; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial cookie overlay blocked content and was rejected before accepted inspection.", "Homepage case/news images and many below-fold directory portraits did not load in full captures. Organization and names/roles inspected, not all portraits or all nine pages.", "Narrow homepage wording/contents differ from wide (third case absent); not assumed complete equivalence.", "No search, contact, job application, social follow, keyboard/reduced-motion or full accessibility audit.", "Website creator unknown; related Siteinspire discovery names B14 but current publisher credit uncorroborated." ], "relatedExamples": [ "clearwell-directory", "clearwell-letter" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-page-rhythm" ] }, { "id": "chisel-industries", "revision": 1, "title": "Chisel Industries", "lifecycle": "active", "primaryFamily": "technical", "tags": [ "technical", "professional-service", "sparse-media", "information-dense" ], "requestedUrl": "https://chiselindustries.com", "resolvedUrl": "https://www.chiselindustries.com/", "inspectedAt": "2026-10-05T19:34:11.733Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "product", "process", "real-copy", "diagram", "action", "sparse-media" ], "visitorTasks": [ "evaluate-service", "understand-process", "explore-product", "compare-options" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Tradesperson photo behind proposition and three linked business-domain cards; condensed wordmark and small orange monospace labels.", "navigation": "Six direct wide links; narrow hamburger was visible but failed to open in observed activation. Interior eight-item horizontally scrollable page-anchor rail.", "sequence": [ "photographic proposition/three-domain links", "capital explanation/three ownership choices", "dark software explanation/metrics/briefing UI", "community explanation", "trade-specific next step", "four-category footer" ], "evidence": "Displayed product briefing UI, domain roles, architecture layers and numerical outcomes; source claims unverified. Few workplace images contextualize subject; no external customer evidence transferred.", "density": "Homepage introduces three domains. Long platform interior alternates a comparison, outcome grid, selectable-role panel, payment table, architecture stack, implementation notes, value comparison and trade choices.", "imageTypeRelationship": "Small orange labels and fine rules organize dark/light fields. Initial serif fallback changed to sans on loaded wide/home interior views; do not infer an intentional responsive font switch.", "interior": "Proposition/action, anchor rail, side-by-side prior/new workflow, outcome grid and workplace image, ten role tabs with explanatory panel, payment metrics and referral description, layer diagram, implementation grid, value comparison, three trades, ending action/footer.", "responsive": "Home domain row stacks; split explanations and metrics/UI stack. Interior comparison remains two columns, four outcomes stack, role tabs remain two columns above detail, diagram labels/descriptions stack and technical grids become single column. Rail crops horizontally.", "action": "Home Explore Technology reaches platform route; interior See it in your trade and Talk to us lead to task pages. Role Biller wide and Dispatcher narrow changed selected state/content; no briefing follow-up, inquiry or financial action." }, "observedRelationships": [ "A long software explanation uses an anchor index, selectable roles and a layer diagram to distinguish multiple levels of information.", "Product context can be taught with text/UI/diagrams rather than requiring a photo in every section.", "A multi-domain service homepage gives each domain a purposeful next step." ], "lessons": [ "Use original demonstrative UI, accurate workflow labels and actual evidence for product claims.", "Place compact page navigation near a long explanation and preserve each heading/content relationship on mobile.", "Generic split sections, numbered lists and final contact bands remain familiar; the useful contrast is task-specific product information, not palette alone." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Trades-focused technical/service site with an indexed long explanation, selectable role content and layered architecture diagram.", "views": [ { "id": "chisel-narrow-opening", "route": "https://www.chiselindustries.com/", "resolvedUrl": "https://www.chiselindustries.com/", "inspectedAt": "2026-10-05T19:32:56.881Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded fallback type", "observation": "Tradesperson crop, proposition and three stacked domain choices.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:32:56.881Z; chisel-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-narrow-full", "route": "https://www.chiselindustries.com/", "resolvedUrl": "https://www.chiselindustries.com/", "inspectedAt": "2026-10-05T19:32:56.881Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "community image missing", "observation": "Capital choices, software metrics/briefing UI, community text, action and footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:32:56.881Z; chisel-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-wide-opening", "route": "https://www.chiselindustries.com/", "resolvedUrl": "https://www.chiselindustries.com/", "inspectedAt": "2026-10-05T19:33:17.811Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded; typography settling", "observation": "Full photo and three-domain row with six nav links; serif in opening frame versus sans in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:33:17.811Z; chisel-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-wide-full", "route": "https://www.chiselindustries.com/", "resolvedUrl": "https://www.chiselindustries.com/", "inspectedAt": "2026-10-05T19:33:17.811Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "community image missing", "observation": "Split capital choices, software/UI explanation, community text, actions and utility footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:33:17.811Z; chisel-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-wide-platform", "route": "https://www.chiselindustries.com/platform", "resolvedUrl": "https://www.chiselindustries.com/platform", "inspectedAt": "2026-10-05T19:33:27.639Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded full organization", "observation": "Workflow comparison, outcomes, ten-role tab panel, payment metrics, architecture stack, notes, trade choices and footer. Tall overview not fine text audit.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:33:27.639Z; chisel-wide-platform; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-wide-biller", "route": "https://www.chiselindustries.com/platform", "resolvedUrl": "https://www.chiselindustries.com/platform", "inspectedAt": "2026-10-05T19:33:36.505Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Biller selected", "observation": "Orange Biller cell and matching invoice/collections panel visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:33:36.505Z; chisel-wide-biller; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-narrow-platform", "route": "https://www.chiselindustries.com/platform", "resolvedUrl": "https://www.chiselindustries.com/platform", "inspectedAt": "2026-10-05T19:33:41.699Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded full organization", "observation": "Stacked comparisons/outcomes/architecture/notes and two-column tabs above Biller detail.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:33:41.699Z; chisel-narrow-platform; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-narrow-dispatcher", "route": "https://www.chiselindustries.com/platform", "resolvedUrl": "https://www.chiselindustries.com/platform", "inspectedAt": "2026-10-05T19:33:47.657Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Dispatcher selected", "observation": "Orange Dispatcher cell; semantic panel text changed to routes/scheduling. Detail below viewport, not separately visually audited.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:33:47.657Z; chisel-narrow-dispatcher; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "chisel-narrow-menu-limit", "route": "https://www.chiselindustries.com/platform", "resolvedUrl": "https://www.chiselindustries.com/platform", "inspectedAt": "2026-10-05T19:34:11.733Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu activation produced focus only", "observation": "Opening frame with focused orange hamburger, no expanded menu. Native and locator activation did not expose navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:34:11.733Z; chisel-narrow-menu-limit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Current publisher differs from historical Siteinspire lead; Camp Quiet discovery credit is not corroborated for this version, creator unknown.", "Community photograph absent in both full homepage views; teaching adaptation uses original UI/diagrams and does not require it.", "Transient font fallback was observed; source typography is not packaged.", "Narrow menu did not open; anchor rail and some narrow content crop. These are limitations, not successful functional checks.", "Tall full captures inspected for organization; no fine-text/accessibility/reduced-motion audit.", "All performance, payment and financial claims remain unverified publisher content; no inquiry, follow-up or financial action." ], "relatedExamples": [ "relay-workflow", "fen-repair" ], "lessonIds": [ "cmp-navigation", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "footprint-firm", "revision": 1, "title": "The Footprint Firm", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "professional-service" ], "requestedUrl": "https://thefootprintfirm.com/", "resolvedUrl": "https://thefootprintfirm.com/", "inspectedAt": "2026-10-05T19:35:33.346Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "type-content", "process", "action" ], "visitorTasks": [ "evaluate-service", "compare-options", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full-field grass imagery; central proposition flanked by two smaller business-domain statements, fine three-part top navigation.", "navigation": "Advisory left, name center, Investment right; direct footer category links.", "sequence": [ "three-part proposition field", "intersecting arcs linking two business domains", "left-aligned belief heading/small narrative", "growth timeline", "belief/About", "domain ending", "dark practical footer" ], "evidence": "Dated growth milestones and practice narrative; most documentary image fields did not load in full capture.", "density": "Three-column first-screen information differs from conventional split; broad white sections alternate offset small copy and large headings/timeline metadata.", "imageTypeRelationship": "Uppercase sans statements and compact labels align with diagram arcs; opening grass imagery supports theme. Below-fold imagery unresolved.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Distinct advisory/investment journeys in top and ending, founding-letter overlay link and footer service/case/team/contact links. No submission." }, "observedRelationships": [ "A three-part opening relates two service domains through a central proposition.", "An intersecting-arc diagram provides an explicit relationship between business areas." ], "lessons": [ "Use a central proposition and meaningful adjacent domain choices when the business truly has two complementary activities.", "Keep explanation and task labels visible without unloaded imagery or reveals." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Three-part service opening and intersection diagram; desktop screen only with missing below-fold media.", "views": [ { "id": "footprint-wide-opening", "route": "https://thefootprintfirm.com/", "resolvedUrl": "https://thefootprintfirm.com/", "inspectedAt": "2026-10-05T19:35:33.346Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after cookie rejection", "observation": "Grass imagery behind central proposition and flanking advisory/investment descriptions.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:35:33.346Z; footprint-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "footprint-wide-full", "route": "https://thefootprintfirm.com/", "resolvedUrl": "https://thefootprintfirm.com/", "inspectedAt": "2026-10-05T19:35:33.346Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "many image fields blank", "observation": "Arcs, belief headings/small narrative, dated timeline and practical category footer observed; long blank media regions.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:35:33.346Z; footprint-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop only; task and narrow inspection pending, not deep.", "Many below-fold image/reveal regions blank; only observed diagram/text organization is asserted.", "Current version may differ from historical related discovery; creator unknown (Spring/Summer related-source credit uncorroborated).", "No pitch/inquiry, focus/reduced-motion or accessibility audit." ], "relatedExamples": [ "clearwell-directory", "relay-workflow" ], "lessonIds": [ "cmp-navigation", "cmp-type-roles", "cmp-page-rhythm" ] }, { "id": "production-type", "revision": 1, "title": "Production Type", "lifecycle": "active", "primaryFamily": "expressive-type", "tags": [ "expressive-type", "technical", "professional-service", "sparse-media" ], "requestedUrl": "https://productiontype.com/", "resolvedUrl": "https://productiontype.com/", "inspectedAt": "2026-10-05T19:38:17.147Z", "version": "current", "creator": { "name": "Numbered Studio", "attributionUrl": "https://numbered.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/12510-production-type" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "type-content", "sparse-media", "collection", "product", "real-copy", "action" ], "visitorTasks": [ "shop-collection", "explore-product", "compare-options", "inspect-work", "read-deeply" ], "assetMinimum": "none", "complexity": "medium", "lowComplexityAlternative": "Original/cleared text specimen and static style comparison with clear type roles; optional native controls without motion, capture shifts or source-font copying.", "structure": { "opening": "White page with compact red name and utility pills; huge two-line product specimen dominates opening with a small discovery link below.", "navigation": "Wide name and Catalogue/Custom Fonts/Typetester/theme/search/cart/menu; narrow initial and Catalogue/Typetester/cart/menu pills.", "sequence": [ "large specimen/product discovery", "two horizontal interactive font rows", "news feature", "curated article row", "custom service paragraph", "dated announcements", "fonts in use", "curated playlists", "catalog invitation", "merch", "newsletter", "red service/legal footer" ], "evidence": "Actual font previews and controls, news/curation titles, dated announcements, application labels and custom-service explanation. Some media fields unloaded.", "density": "Oversized opening specimen shifts to controlled preview rows, mixed editorial content, dense announcements and utility footer. Typography is product content, not merely heading decoration.", "imageTypeRelationship": "Actual type specimen supplies expression; small labels/controls explain product choice. Red ending retains compact navigation and service paragraph.", "interior": "Full-screen black type tester: wide preview canvas left and control column right; font/style/OpenType, size/leading/tracking/width, colors/media/alignment/case, reset and share/buy. Plus adds a second text block; style selection changes its rendered appearance.", "responsive": "Home utility name becomes initial, preview controls simplify, news feature stacks and editorial/playlist/application collections use two columns. Tester controls follow narrow preview, with Share/Buy bar crossing content and observed clipping/blank capture offsets.", "action": "Homepage Typetester link actually navigated. Narrow plus added second block, style Display Solid selected; wide view showed original outlined block and solid second block. Purchase/download/share/subscription not activated." }, "observedRelationships": [ "Treat the product itself as the opening expression, then provide compact labels and useful specimen controls.", "Separate browsing/editorial context from a dedicated full-screen product-exploration task.", "Demonstrate actual differences through a responsive preview/control relationship." ], "lessons": [ "Use original/cleared typography and content; do not copy fonts, specimen words, media or designer claims.", "Give a type-led or configurable product a clear browsing-to-exploration path.", "Retain readable layout controls on narrow screens without clipping, sticky overlays or missing media." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Expressive specimen-led catalogue with dedicated responsive type tester; useful even without exceptional photographs.", "views": [ { "id": "production-wide-opening", "route": "https://productiontype.com/", "resolvedUrl": "https://productiontype.com/", "inspectedAt": "2026-10-05T19:37:10.242Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded; cookie corner overlay", "observation": "Large two-line black specimen/red name, compact utility pills; cookie prompt covers lower right.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:37:10.242Z; production-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "production-wide-full", "route": "https://productiontype.com/", "resolvedUrl": "https://productiontype.com/", "inspectedAt": "2026-10-05T19:37:10.242Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "some lazy images absent", "observation": "Preview rows, news feature, editorial/custom section, announcements, application/playlist labels, merch/newsletter and red footer organization observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:37:10.242Z; production-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "production-narrow-opening", "route": "https://productiontype.com/", "resolvedUrl": "https://productiontype.com/", "inspectedAt": "2026-10-05T19:37:32.521Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "necessary-cookie settings saved; overlay gone", "observation": "Compact initials/utility pills, scaled specimen, simplified preview rows. Animated colored 3D letters appeared in subsequent full view.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:37:32.521Z; production-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "production-narrow-full", "route": "https://productiontype.com/", "resolvedUrl": "https://productiontype.com/", "inspectedAt": "2026-10-05T19:37:32.521Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "application/playlist media mostly absent", "observation": "Stacked news/custom copy and two-column curation/collection labels; red service/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:37:32.521Z; production-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "production-narrow-tester", "route": "https://productiontype.com/typetester", "resolvedUrl": "https://productiontype.com/typetester", "inspectedAt": "2026-10-05T19:37:47.172Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded initial tester", "observation": "Black preview with outlined type above font/style controls; full view shows sliders, colors/alignment/reset and fixed Share/Buy strip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:37:47.172Z; production-narrow-tester; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "production-narrow-style", "route": "https://productiontype.com/typetester", "resolvedUrl": "https://productiontype.com/typetester", "inspectedAt": "2026-10-05T19:38:06.671Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "second block added; Display Solid selected", "observation": "Native plus and style dropdown selected Display Solid; semantic second block added. Full capture has large blank offset and clipped original preview, so narrow second-block rendering not fully inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:38:06.671Z; production-narrow-style; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "production-wide-tester", "route": "https://productiontype.com/typetester", "resolvedUrl": "https://productiontype.com/typetester", "inspectedAt": "2026-10-05T19:38:17.147Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded two-block state", "observation": "Outlined original preview and solid second block in broad left canvas, full control column right; entire single-screen task organization inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:38:17.147Z; production-wide-tester; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Cookie settings saved with necessary only; initial wide corner prompt retained as documented overlay, narrow accepted view unobstructed.", "Some application/playlist/merch images missing in full captures; source words/labels and loaded specimens inspected.", "Type tester narrow full capture shifted blank/clipped after second block/style change; no clean narrow two-block success claim.", "No Buy/cart/trial download/share/newsletter/inquiry or keyboard/reduced-motion/full accessibility audit.", "Current publisher credit Website by Numbered Studio was directly observed; font designers are not website creator attributions.", "Fonts/artwork are research-only in-session; no source fonts, code or images bundled." ], "relatedExamples": [ "mara-specimen", "mara-reading-room" ], "lessonIds": [ "cmp-type-roles", "cmp-navigation", "cmp-page-rhythm" ] }, { "id": "exemplar", "revision": 1, "title": "Exemplar from Sweden", "lifecycle": "active", "primaryFamily": "expressive-type", "tags": [ "expressive-type", "documentary", "product", "craft" ], "requestedUrl": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:43:39.115Z", "version": "current", "creator": { "name": "Here-Now", "attributionUrl": "https://here-now.studio/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/12510-production-type" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "type-content", "multiple-images", "product", "real-copy", "collection" ], "visitorTasks": [ "explore-product", "compare-options", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Static cleared process photos and original specimen pairs with a native labeled character selector; no film, scroll reveals or nested overlay required.", "structure": { "opening": "Full-screen moving close-up of hand carving marble, with very large fine serif title and compact location/year caption.", "navigation": "Small name/menu; wide year at left. Expanded narrow menu is six full-width ruled typographic choices including green Buy Fonts.", "sequence": [ "craft film opening", "typeface story/film region", "Latin/Cyrillic specimens", "marble photo region", "Latin/Greek specimens", "carving photo region", "history", "weight/year/script specimen controls", "street-sign photo", "ten weight specimen rows", "tool photo region", "four multilingual specimens", "Bezier diagram", "closing attribution", "six large chapter/purchase tiles" ], "evidence": "Loaded opening craft footage, multilingual type specimens, selected-character Bezier diagram, later marble-sign photo and actual glyph-explorer state. Many story/photo regions remain blank in initial whole-page captures.", "density": "Large atmospheric opening becomes repeated specimen pairs separated by quiet craft regions, then denser weight index and restrained diagram; large chapter navigation ends the story.", "imageTypeRelationship": "Fine serif product type is paired with authentic making imagery and small documentary captions. Type specimens carry the actual product demonstration.", "interior": "Glyphs explorer is an overlay, not a new resolved URL. Wide: scrollable glyph groups left, very large chosen character and metadata right. Narrow: character/metadata above five-column glyph grid with its own scroll.", "responsive": "Opening title wraps to two lines; year drops from header. Specimen control labels stack as a small table, size stepper removed. Footer tiles become one-column ruled rows. Explorer moves detail before grid.", "action": "See all glyphs opens explorer at same home URL; narrow C selection changes white selected cell, large C and Unicode U+0043/decimal 67. Wide same state is clearly rendered. Buy Fonts and film playback not activated." }, "observedRelationships": [ "Use making evidence to explain the origins of a product, then demonstrate the product through its own content.", "Alternate specimen-scale type with quiet documentary fields and precise captions.", "A detail explorer can transform from adjacent information on wide screens to preceding information on narrow screens." ], "lessons": [ "Use cleared process material and original product demonstrations.", "Keep essential history visible without delayed scroll reveals.", "Label glyph controls accessibly and keep nested scrolling/overlay behavior clear." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Documentary craft-to-specimen narrative with a responsive glyph metadata explorer; different from a general catalogue or specimen grid.", "views": [ { "id": "exemplar-wide-opening", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:39:16.704Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded craft footage", "observation": "Large serif title over carving close-up, small year/name/menu and location caption.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:39:16.704Z; exemplar-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-wide-full", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:39:16.704Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "many reveals absent", "observation": "Specimen pairs, controls, ten weights, multilingual rows, Bezier diagram and six ending tiles observed; blank history/photo regions noted.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:39:16.704Z; exemplar-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-narrow-opening", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:42:57.544Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded craft footage", "observation": "Two-line type title over tightly cropped hands/tools; small name/menu and caption.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:42:57.544Z; exemplar-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-narrow-full", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:42:57.544Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "many reveals absent", "observation": "Specimen pair rhythm, table controls, clipped long weight samples, diagram, closing and stacked navigation inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:42:57.544Z; exemplar-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-narrow-menu", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:43:13.124Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "expanded menu", "observation": "Six tall ruled text choices, green purchase choice and creator footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:43:13.124Z; exemplar-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-narrow-explorer", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:43:21.775Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded glyph overlay", "observation": "A preview/metadata above five-column Latin grid. Full capture includes underlying page and a newly loaded marble sign; it does not expose whole nested glyph list.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:43:21.775Z; exemplar-narrow-explorer; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-narrow-glyph-c", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:43:33.253Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "C selected", "observation": "Actual cell click changes preview and metadata to C/U+0043/67, white selected grid cell.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:43:33.253Z; exemplar-narrow-glyph-c; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "exemplar-wide-explorer", "route": "https://exemplarfromsweden.com/", "resolvedUrl": "https://exemplarfromsweden.com/", "inspectedAt": "2026-10-05T19:43:39.115Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "C selected", "observation": "Broad grouped glyph grid left and very large C/detail metadata right. Nested grid scroll, no invented interior route.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:43:39.115Z; exemplar-wide-explorer; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial whole-page captures omit many scroll-triggered story/photo regions; no complete film/history or all-photo review claimed.", "Glyph overlay keeps home URL although navigation link points to glyphs-explorer; overlay task evidence is the inspected state.", "Glyph buttons have no names in AX; screenshot coordinate selected C. No keyboard, reduced motion or full accessibility audit.", "No purchase, font download, film/audio playback or contact action.", "External typography/footage/images are research-only in-session; only authored observations and abstract lessons retained." ], "relatedExamples": [ "mara-specimen", "lacuna-objects" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-image-art-direction" ] }, { "id": "field-studies-flora", "revision": 1, "title": "Field Studies Flora", "lifecycle": "active", "primaryFamily": "documentary", "tags": [ "documentary", "editorial", "professional-service", "local-service" ], "requestedUrl": "https://fieldstudiesflora.com/", "resolvedUrl": "https://www.fieldstudiesflora.com/", "inspectedAt": "2026-10-05T19:46:00.844Z", "version": "current", "creator": { "name": "1 / 1 Studio", "attributionUrl": "https://1of1studio.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/13458-field-studies-flora" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "approved-image", "real-copy", "process", "collection", "action" ], "visitorTasks": [ "evaluate-service", "inspect-work", "understand-process", "read-deeply", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Cleared static studio photo behind a high-contrast task index, with a conventional captioned service document and no film/player or popup.", "structure": { "opening": "Single-screen full-bleed studio film with spaced serif name centered; compact six-part Roman-numbered side index and tiny studio contact lower left. Player caption/control strip lower right.", "navigation": "Wide persistent six-topic side index includes useful second-level services/store/contact/journal links. Narrow small name/menu opens a full light index with the same hierarchy.", "sequence": [ "single-screen studio film and task index" ], "evidence": "Actual making/place footage; service interior uses five loaded floral installation/object photographs with detailed figure captions, clients/collaborators and suppliers, founder/process copy and project links.", "density": "Atmospheric single-screen entrance gives way to a long document with offset paragraphs, dense two-column named lists, substantial photos/captions and a horizontal archive. Different business tasks have visibly different content depth.", "imageTypeRelationship": "Muted film places the practice in context. Interior captioned images develop actual work and process; small serif copy and numbered headings avoid generic case-study cards.", "interior": "Services document in main field beside wide index: centered title, offset introductory paragraphs, five captioned work images, client/collaborator columns, founder/supplier section, project references, partnership philosophy, horizontal archive and utility/newsletter footer.", "responsive": "Home side index/central title are removed in accepted narrow film view; compact name/menu remains and film crops tightly. Interior fills narrow width while list pairs retain two columns; photos widen, copy blocks lose wide offsets, archive scrolls horizontally, utility navigation becomes long stack.", "action": "Narrow menu actually opened and Services navigated to interior; inquiry/store/task links placed in index, archive button near end. No inquiries, subscriptions or purchases submitted." }, "observedRelationships": [ "Use an atmospheric entrance with an immediately available task index, then let interior pages carry substantive evaluation evidence.", "Present work as captioned documentary examples tied to process rather than decorative hero photography.", "Retain useful contributor/list relationships on mobile instead of turning every item into a card." ], "lessons": [ "Require cleared process/place/work evidence, not borrowed brand photographs or clients.", "Keep index contrast readable over changing footage and provide a static low-motion alternative.", "Make service content and inquiry paths easy to reach; avoid unsolicited overlays and persistent player obstruction." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A local floral practice with film/index entrance and long captioned service document; closes documentary and service coverage without copying a generic homepage sequence.", "views": [ { "id": "flora-wide-home", "route": "https://www.fieldstudiesflora.com/", "resolvedUrl": "https://www.fieldstudiesflora.com/", "inspectedAt": "2026-10-05T19:44:58.644Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded film", "observation": "Studio wall botanical studies behind large centered name; six-topic index left, small contact and player strip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:44:58.644Z; flora-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-wide-full", "route": "https://www.fieldstudiesflora.com/", "resolvedUrl": "https://www.fieldstudiesflora.com/", "inspectedAt": "2026-10-05T19:44:58.644Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-screen film", "observation": "Full capture same single-screen organization; no invented below-fold homepage.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:44:58.644Z; flora-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-narrow-home", "route": "https://www.fieldstudiesflora.com/", "resolvedUrl": "https://www.fieldstudiesflora.com/", "inspectedAt": "2026-10-05T19:45:09.247Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded moving footage", "observation": "Compact name/menu and narrow cropped film; small player strip spans bottom. Central wide name/index absent in this accepted frame.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:45:09.247Z; flora-narrow-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-narrow-full", "route": "https://www.fieldstudiesflora.com/", "resolvedUrl": "https://www.fieldstudiesflora.com/", "inspectedAt": "2026-10-05T19:45:09.247Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "single-screen film", "observation": "Full mobile page remains one-screen film; full reading/tasks in menu/interiors.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:45:09.247Z; flora-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-narrow-menu", "route": "https://www.fieldstudiesflora.com/", "resolvedUrl": "https://www.fieldstudiesflora.com/", "inspectedAt": "2026-10-05T19:45:16.036Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "expanded", "observation": "Light six-topic Roman-numbered index, subordinate links and small contact block.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:45:16.036Z; flora-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-narrow-services", "route": "https://www.fieldstudiesflora.com/services/", "resolvedUrl": "https://www.fieldstudiesflora.com/services/", "inspectedAt": "2026-10-05T19:45:21.195Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded document", "observation": "Opening and entire long document through five captioned photographs, named lists, process, archive and footer inspected. Player crosses middle in full screenshot.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:45:21.195Z; flora-narrow-services; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-wide-services-overlay", "route": "https://www.fieldstudiesflora.com/services/", "resolvedUrl": "https://www.fieldstudiesflora.com/services/", "inspectedAt": "2026-10-05T19:45:32.563Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "newsletter overlay appeared", "observation": "Unsolicited corner form dims upper document; rejected as clean review state.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:45:32.563Z; flora-wide-services-overlay; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "flora-wide-services", "route": "https://www.fieldstudiesflora.com/services/", "resolvedUrl": "https://www.fieldstudiesflora.com/services/", "inspectedAt": "2026-10-05T19:46:00.844Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "newsletter closed; loaded", "observation": "Opening and full service document inspected unobstructed: persistent index, offset body, full captions/lists, broad final photo, horizontal archive, compact footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:46:00.844Z; flora-wide-services; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Newsletter overlay appeared after mobile inspection during desktop resize; close button used and clean state reacquired.", "Moving opening changes during screenshots; initial contrast low on wide side index. No full film, audio quality, pause/seek, focus, reduced motion or accessibility audit.", "Persistent player strip can obscure content; no deliberate unmute or subscription.", "Archive only visible first items were inspected; no claim all 87 images viewed.", "Current publisher footer Site by 1 / 1 directly observed; photographer credits are not website creator evidence.", "Publisher claims/client names are unverified teaching context and never customer facts. External media/code not bundled." ], "relatedExamples": [ "fen-repair", "hearth-plane" ], "lessonIds": [ "cmp-image-art-direction", "cmp-page-rhythm", "cmp-navigation" ] }, { "id": "stem-design", "revision": 1, "title": "Stem Design", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "local-service", "event", "photographic" ], "requestedUrl": "https://stemdesign.com.au/", "resolvedUrl": "https://stemdesign.com.au/", "inspectedAt": "2026-10-05T19:47:11.088Z", "version": "current", "creator": { "name": "iLAUNCH MEDIA", "attributionUrl": "https://ilaunchmedia.com.au/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/10320-stem-design" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "approved-image", "real-copy", "action", "process" ], "visitorTasks": [ "evaluate-service", "inspect-work", "book-inquiry", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full-width richly colored flower installation photograph, small left proposition and enormous fine serif wordmark across lower field; compact task links across top.", "navigation": "Gallery/services/about/blog/portal/careers/contact and phone in wide top row.", "sequence": [ "full-photo wordmark opening", "small dark service summary", "large location/service type with small object photo", "long partially unrevealed image fields", "dark image/philosophy split", "service/process description", "image fields", "large inquiry form", "contact/service fields", "long service/founder copy", "FAQ rows", "journal prompt", "address/legal/social footer" ], "evidence": "Loaded installation/object and table-setting photographs; real service paragraphs, detailed inquiry choices and visible FAQ questions. Many other image/text reveals absent.", "density": "Full-photo opening changes to broad white typography fields, dark explanatory split and substantial form; long empty scroll-reveal gaps in inspected whole-page capture.", "imageTypeRelationship": "Sculptural installation sets atmosphere; fine serif oversized name and compact sans task navigation. Later photographs and copy operate in alternating split fields.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Contact/phone in navigation; embedded form requests event date/location, flower choices and budget. No form data entered or submitted." }, "observedRelationships": [ "Large photo/wordmark entrance conveys the installed work before practical service and inquiry detail.", "Inquiry choices can be specific to the service rather than a generic contact band." ], "lessons": [ "Use cleared real installation evidence with concise task navigation.", "Explain the service and inquiry requirements in static readable flow without long missing reveals." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A florist with dramatic installed-work opening and detailed event enquiry requirements, contrasting the film/index and captioned document of Field Studies Flora.", "views": [ { "id": "stem-wide-opening", "route": "https://stemdesign.com.au/", "resolvedUrl": "https://stemdesign.com.au/", "inspectedAt": "2026-10-05T19:47:11.088Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Rich dark-red floral setting with small proposition, oversized fine serif name and task navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:47:11.088Z; stem-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "stem-wide-full", "route": "https://stemdesign.com.au/", "resolvedUrl": "https://stemdesign.com.au/", "inspectedAt": "2026-10-05T19:47:11.088Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "many scroll reveals absent", "observation": "Organization through location heading/object image, dark philosophy split, service copy, large inquiry form, FAQ/journal and compact address/footer observed; many image/text fields blank or faint.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:47:11.088Z; stem-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop screening only; mobile/interior/task interaction uninspected.", "Many lazy images/reveals absent; do not treat long blanks as intentional whitespace or complete visual success.", "Current publisher footer Website by iLAUNCH MEDIA directly observed; historical discovery credit differs.", "No forms, contact/phone, portal, careers, motion/focus or accessibility audit.", "Client/founder/service statements are publisher content, not independently verified facts or customer teaching data. External images/code not bundled." ], "relatedExamples": [ "hearth-plane", "night-orchard" ], "lessonIds": [ "cmp-image-art-direction", "cmp-contextual-action" ] }, { "id": "index-space", "revision": 1, "title": "Index Space", "lifecycle": "active", "primaryFamily": "civic", "tags": [ "civic", "local-service", "community", "information-dense" ], "requestedUrl": "https://index-space.org/", "resolvedUrl": "https://www.index-space.org/", "inspectedAt": "2026-10-05T19:49:33.257Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "real-copy", "collection", "routes", "action" ], "visitorTasks": [ "find-location", "compare-options", "find-event", "evaluate-service", "book-inquiry" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "One cleared place photograph, static location comparisons and native labeled event/location filters with a concise collapsed archive.", "structure": { "opening": "Small outlined Index/menu and Host/Join utility links above a broad community-space photograph; short place proposition and two task labels underneath.", "navigation": "Compact menu expands into color-labeled topic groups with useful second-level links, locations and current event links. Narrow header centers Index/menu, omitting visible Host/Join.", "sequence": [ "space photograph/proposition", "two location comparison boxes and Nodes box", "small resource grid", "location-filtered public event list", "yellow proposal invitation", "courses prompt", "horizontal community notes", "private-event photo/explanation/booking", "collaborator boxes", "compact task footer" ], "evidence": "Space/people photographs, actual address/location comparison, named resource previews, dated event/host/location rows, community notes. Current schedules are observed publisher content, not independently verified event facts.", "density": "Broad photo and quiet spacing alternate bounded location boxes, compact resources, dense event rows and bright invitation; notes carousel provides long text evidence rather than logo wall.", "imageTypeRelationship": "Place photo establishes environment; outlined labels and plain sans information keep practical choices legible. Resources use smaller images; event list moves thumbnails to the right.", "interior": "Yellow Programming page starts with highlighted event photo/date/host/ticket link, then GRID/LIST choice and location filters, upcoming events, extensive expanded past-title archive, proposal invitation and footer.", "responsive": "Location boxes and collaborators stack; resources become two columns. Homepage event filters collapse to FILTER, notes show one main card, photos crop portrait. Programming list keeps thumbnail beside text; past archive becomes exceptionally long and centered.", "action": "Narrow menu opened and Programming navigated. LIST changed URL/state, with compact event rows. Wide Greenpoint filter changed URL and upcoming list to matching location. Tickets/Join/Book/proposal/contact not submitted." }, "observedRelationships": [ "Put comparable location facts and task links together before current programming.", "Provide both image browsing and compact event scanning, retaining date, host and location.", "Use modest outlined controls consistently across navigation, locations and event view state." ], "lessons": [ "Use customer-owned location/event facts and cleared photographs.", "Keep long archives collapsible/readable and maintain visible sticky navigation without obscuring text.", "Use native labeled filters that work at narrow widths." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Community venue with location comparison, compact functional controls, real list/grid programming and extensive text archive; adds a practical cultural/local-service organization.", "views": [ { "id": "index-wide-opening", "route": "https://www.index-space.org/", "resolvedUrl": "https://www.index-space.org/", "inspectedAt": "2026-10-05T19:48:14.193Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Broad space/people photo under compact outlined utilities; small proposition and two task labels.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:48:14.193Z; index-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-wide-full", "route": "https://www.index-space.org/", "resolvedUrl": "https://www.index-space.org/", "inspectedAt": "2026-10-05T19:48:14.193Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded", "observation": "Location comparison, resources, event list, proposal, courses, notes, hosting and collaborators/footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:48:14.193Z; index-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-narrow-opening", "route": "https://www.index-space.org/", "resolvedUrl": "https://www.index-space.org/", "inspectedAt": "2026-10-05T19:48:25.705Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Compact centered name/menu; tall photo crop with readable proposition and task labels.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:48:25.705Z; index-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-narrow-full", "route": "https://www.index-space.org/", "resolvedUrl": "https://www.index-space.org/", "inspectedAt": "2026-10-05T19:48:25.705Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded; right-edge cropping", "observation": "Stacked locations, two-column resources, event list, invitation, notes and hosting/footer. Some right-edge content clipped in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:48:25.705Z; index-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-narrow-menu", "route": "https://www.index-space.org/", "resolvedUrl": "https://www.index-space.org/", "inspectedAt": "2026-10-05T19:48:39.382Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "expanded menu", "observation": "Topic-colored hierarchical menu, current event and location links; own scroll area.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:48:39.382Z; index-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-narrow-programming-list", "route": "https://www.index-space.org/programming?view=list", "resolvedUrl": "https://www.index-space.org/programming?view=list", "inspectedAt": "2026-10-05T19:49:07.700Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "LIST activated", "observation": "Highlighted event, compact dated text rows/right thumbnails, very long past-title archive, proposal/footer; sticky name overlays heading at observed scroll position.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:49:07.700Z; index-narrow-programming-list; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-wide-programming-list", "route": "https://www.index-space.org/programming?view=list", "resolvedUrl": "https://www.index-space.org/programming?view=list", "inspectedAt": "2026-10-05T19:49:18.522Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded list", "observation": "Opening and whole programming page observed: highlighted event, location filters, six shown upcoming rows, show-more, dense expanded past archive and invitation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:49:18.522Z; index-wide-programming-list; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "index-wide-location-filter", "route": "https://www.index-space.org/programming?filters=greenpoint&view=list", "resolvedUrl": "https://www.index-space.org/programming?filters=greenpoint&view=list", "inspectedAt": "2026-10-05T19:49:33.257Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Greenpoint selected", "observation": "Matching Poetry & Produce, Breaking Walled Gardens and Look & Feel visible below unchanged highlighted event. Selected filter and URL verified.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:49:33.257Z; index-wide-location-filter; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial narrow programming GRID screenshot showed many missing lazy images; later LIST screenshots loaded visible row thumbnails.", "Narrow FILTER button locator failed because DOM snapshot exposes a generic control; no narrow filter functional success claimed. Wide location filter and narrow LIST activation actually verified.", "Some narrow whole-page right-edge content clipped; sticky header overlapped event heading at a scrolled position.", "No ticket/booking/membership/proposal/contact submissions, keyboard/reduced-motion or full accessibility audit.", "Historical discovery creator credits not corroborated by current publisher, so creator remains unknown. External photographs/code not bundled." ], "relatedExamples": [ "loop-room", "signal-fair", "clearwell-directory" ], "lessonIds": [ "cmp-navigation", "cmp-contextual-action", "cmp-page-rhythm" ] }, { "id": "contemporary-hum", "revision": 1, "title": "Contemporary HUM", "lifecycle": "active", "primaryFamily": "editorial", "tags": [ "editorial", "archive", "information-dense" ], "requestedUrl": "https://contemporaryhum.com/", "resolvedUrl": "https://contemporaryhum.com/", "inspectedAt": "2026-10-05T19:50:34.193Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "real-copy", "type-content", "collection", "multiple-images", "routes" ], "visitorTasks": [ "find-article", "read-deeply", "browse-archive" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Olive closure announcement with giant condensed publication title and small date/serif introduction; main feed left and a compact taxonomy rail right.", "navigation": "Seven compact section links above main feed; persistent right taxonomy groups categories/topics, locations, artists and contributors.", "sequence": [ "closure announcement", "compact thumbnail/article rows", "large image/title feature", "further compact rows and repeated features", "last loaded feature", "loading-more marker" ], "evidence": "Article author/date/title and summaries, documentary images, location and contributor indexes. Closure announced 24 October 2025; archive remains live, current operations not inferred.", "density": "Compact rows alternate large centered feature image/title/author and serif summary; extensive small taxonomy stays beside main feed.", "imageTypeRelationship": "Condensed feature names contrast with serif editorial text; compact row thumbnails establish article previews while feature images span main column.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Article and taxonomy links observed; no navigation activated." }, "observedRelationships": [ "A separate taxonomy rail gives a long feed several ways in.", "Alternating compact article rows and occasional broad features changes browsing rhythm without losing author/date evidence." ], "lessons": [ "Keep useful topic/location/author indexes alongside an archive when real content supports them.", "Separate organization status from archived material; do not infer current service availability from a live archive." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Editorial archive with a persistent multi-axis taxonomy rail and alternating compact/feature reading rhythm.", "views": [ { "id": "hum-wide-opening", "route": "https://contemporaryhum.com/", "resolvedUrl": "https://contemporaryhum.com/", "inspectedAt": "2026-10-05T19:50:34.193Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded archive; closure announcement", "observation": "Olive announcement, condensed publication masthead, date/introduction and right taxonomy.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:50:34.193Z; hum-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hum-wide-loaded-feed", "route": "https://contemporaryhum.com/", "resolvedUrl": "https://contemporaryhum.com/", "inspectedAt": "2026-10-05T19:50:34.193Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded portion of expanding feed", "observation": "Alternating compact rows and broad illustrated features through last loaded item and loading-more marker; taxonomy and fixed closure bar visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:50:34.193Z; hum-wide-loaded-feed; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Not the entire archive: further feed content and final footer not inspected." ] } ], "limitations": [ "Organization closure explicitly announced in 2025; useful live archive, not evidence of an active programme.", "Desktop loaded feed only; mobile/interior/menu/focus/motion/accessibility not inspected.", "Historical creator attribution not corroborated on current publisher." ], "relatedExamples": [ "margin-journal", "mara-reading-room" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "film-makers-cooperative", "revision": 1, "title": "The Film-Makers Cooperative", "lifecycle": "active", "primaryFamily": "retro", "tags": [ "retro", "cultural-archive", "film" ], "requestedUrl": "https://film-makerscoop.com/", "resolvedUrl": "https://film-makerscoop.com/", "inspectedAt": "2026-10-05T19:51:05.984Z", "version": "current", "creator": { "name": "Huncwot", "attributionUrl": "https://huncwot.com", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "type-content", "collection", "routes", "action" ], "visitorTasks": [ "find-film", "browse-archive", "find-programme" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Cinematic countdown precedes five large white task choices centered over moving film; vertical catalogue tab left and organization/menu rail right.", "navigation": "Film Catalogue, Video On Demand, On-line Store, Programs and Filmmakers are opening task choices; two side rails frame subsequent catalogue scene.", "sequence": [ "countdown/loading film", "centered opening task menu", "catalogue film frame after scrolling" ], "evidence": "Film stills and task labels visually observed. Further film metadata and programme/archive structure in DOM not counted as visual inspection.", "density": "Large task type on an expansive film field; scrolled catalogue scene retains narrow side rails rather than conventional horizontal cards.", "imageTypeRelationship": "White task labels float over cinematic moving imagery with period-film countdown; side labels preserve orientation.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Scrolled from opening to catalogue frame; no catalogue item, store or transaction activated." }, "observedRelationships": [ "Opening choices are actual browsing tasks rather than a generic proposition/CTA.", "Two narrow side rails orient an immersive film field." ], "lessons": [ "Use cleared film imagery and readable task links with a static still fallback.", "Essential catalogue content should remain reachable without nested-scroll transitions." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Cultural film archive with period-film opening, centered task menu and two-sided catalogue orientation.", "views": [ { "id": "coop-wide-loading", "route": "https://film-makerscoop.com/", "resolvedUrl": "https://film-makerscoop.com/", "inspectedAt": "2026-10-05T19:50:50.185Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "initial countdown", "observation": "Cinematic countdown and centered mark; meaningful task menu appeared subsequently.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:50:50.185Z; coop-wide-loading; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coop-wide-task-menu", "route": "https://film-makerscoop.com/", "resolvedUrl": "https://film-makerscoop.com/", "inspectedAt": "2026-10-05T19:51:05.984Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded task choices", "observation": "Five large centered white choices over film with vertical side tabs.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:51:05.984Z; coop-wide-task-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coop-wide-catalogue-frame", "route": "https://film-makerscoop.com/", "resolvedUrl": "https://film-makerscoop.com/", "inspectedAt": "2026-10-05T19:51:05.984Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "scrolled catalogue scene", "observation": "Film frame and side rails with Browse Catalogue link; title reveal faint.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:51:05.984Z; coop-wide-catalogue-frame; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Full-page capture only covered current nested-scroll scene, not the full document." ] } ], "limitations": [ "Only desktop opening and one scroll frame inspected; no mobile or actual interior/task route.", "Later sections exposed in DOM were not visually inspected; no claim of whole-page sequence.", "Initial countdown and partial title reveal recorded as loading limits; motion/focus/accessibility untested." ], "relatedExamples": [ "dock-radio", "sundial-goods" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "opus-one", "revision": 1, "title": "Opus One", "lifecycle": "active", "primaryFamily": "maximalism", "tags": [ "maximalism", "events", "information-dense", "photographic" ], "requestedUrl": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:56:03.198Z", "version": "current", "creator": { "name": "Base Design", "attributionUrl": "https://basedesign.com", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "type-content", "real-copy", "collection", "routes", "action" ], "visitorTasks": [ "find-event", "compare-options", "find-programme" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full concert photograph and huge white ultracondensed category name, plus centered white pill and upcoming artist marquee; compact navigation over image.", "navigation": "Wide category links and search/menu above scene; narrow logo/menu only. Expanded black menu has search and grouped agenda, organization, practical and contact links.", "sequence": [ "five tall photographic category chapters", "green Agenda field with outlined programme action", "purple spotlight event rows", "black utilities/social links", "oversized wordmark and producer/legal/creator details" ], "evidence": "Cleared-source requirement applies to event photographs; dated artist/title/venue/availability/genre rows provide practical information. Observed programme facts are not independently verified or transferable.", "density": "Very large poster-like photographic fields alternate with flat saturated fields and compact dated event rows; small practical metadata grounds the scale changes.", "imageTypeRelationship": "Ultracondensed white category/month display labels occupy much of photographic/flat-color fields; ordinary sans artist and date details remain distinct and readable.", "interior": "Purple Agenda uses oversized month/year dividers above chronological event rows; each row groups title/date/venue/status/genre with separate information and ticket actions. Extensive current list ends in black practical footer.", "responsive": "Category fields crop to tall portrait scenes and display names scale/wrap. Narrow agenda events stack title/date/status/location above full-width segmented action pills; wide events align metadata and title left, genre/actions right. Footer utilities stack and social circles wrap.", "action": "Rejected cookies, opened narrow menu, followed Tous nos événements to Agenda and inspected both widths. No tickets, newsletter, contact or booking forms submitted." }, "observedRelationships": [ "Use dramatic category chapters as entrances to a practical chronological list.", "Separate display category/month type from ordinary event metadata.", "Keep information and transaction actions distinguishable in each row, and stack them under metadata at narrow widths." ], "lessons": [ "Use the real event schedule and cleared event photography.", "Preserve readable static category links and dated event rows if motion is omitted.", "Do not make essential navigation depend on animated transitions." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Photographic category posters followed by a saturated text-led agenda; supplies a maximal cultural-event system with a verified narrow navigation route and responsive practical list.", "views": [ { "id": "opus-wide-initial", "route": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:51:24.932Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded; cookie overlay", "observation": "Concert image/category, compact category navigation and upcoming artist strip; cookie choices cover lower-left region.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:51:24.932Z; opus-wide-initial; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "opus-wide-clean-opening", "route": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:56:03.198Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded; cookies rejected", "observation": "Concert photograph, enormous category label, centered category pill and upcoming artist strip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:56:03.198Z; opus-wide-clean-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "opus-wide-full", "route": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:56:03.198Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded", "observation": "Five photographic chapters, green agenda invitation, purple spotlight list and black practical/wordmark footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:56:03.198Z; opus-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "opus-narrow-opening", "route": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:51:50.825Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded; cookies rejected", "observation": "Compact logo/menu, portrait image/category and cropped horizontal upcoming names.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:51:50.825Z; opus-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "opus-narrow-full", "route": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:51:50.825Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded", "observation": "Tall photographic chapters, stacked agenda invitation and event rows with full-width actions; stacked footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:51:50.825Z; opus-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "opus-narrow-menu", "route": "https://opus-one.ch/", "resolvedUrl": "https://opus-one.ch/", "inspectedAt": "2026-10-05T19:55:37.820Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu transition then loaded black menu", "observation": "Initial screenshot showed colored transition circles; next screenshot showed readable search and ruled agenda choices.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:55:37.820Z; opus-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Transition screenshot alone is not the loaded menu." ] }, { "id": "opus-narrow-agenda", "route": "https://opus-one.ch/agenda/", "resolvedUrl": "https://opus-one.ch/agenda/", "inspectedAt": "2026-10-05T19:55:54.037Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded agenda", "observation": "Oversized wrapped month/year, event titles/date/location/status and segmented actions stacked below. Full-page loaded list inspected in preceding call.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:55:54.037Z; opus-narrow-agenda; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Initial navigation screenshot at 19:55:46.613Z was a pink transition; not claimed as loaded opening." ] }, { "id": "opus-wide-agenda", "route": "https://opus-one.ch/agenda/", "resolvedUrl": "https://opus-one.ch/agenda/", "inspectedAt": "2026-10-05T19:55:54.954Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded agenda", "observation": "Oversized month/year, compact metadata and broad titles left, genre/action pills right; full list through footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:55:54.954Z; opus-wide-agenda; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Animated page/menu transitions briefly obscure content; recorded initial transition frames are not intended blank layout.", "Full-page images scaled for whole-organization review, not a line-by-line schedule audit.", "Upcoming horizontal marquee cropped at narrow width; keyboard focus, reduced motion and accessibility not tested.", "Tickets/newsletter/contact/booking untouched; event claims not independently checked. External photography, fonts and code not bundled." ], "relatedExamples": [ "signal-fair", "dock-radio" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "luca", "revision": 1, "title": "Luca", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "local-service", "photographic-story" ], "requestedUrl": "https://luca.restaurant/", "resolvedUrl": "https://luca.restaurant/", "inspectedAt": "2026-10-05T20:00:03.166Z", "version": "current", "creator": { "name": "Everything In Between; development by ditta", "attributionUrl": "https://e-i-b.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/cafes-bars-and-restaurants" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "routes", "action", "real-copy" ], "visitorTasks": [ "find-location", "compare-options", "evaluate-service", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Thin outlined restaurant name spans an offset portrait table photograph on a dark green field; small Explore/Menus/Private Dining left and outlined Reservations right.", "navigation": "Compact persistent task header; narrow menu/book replaces links. Expanded narrow menu lists Explore/Menus/Private Dining and Reservations. Menus link to PDFs, not inspected.", "sequence": [ "offset table photograph with name", "seasonal food story", "anniversary/object story", "private dining", "careers", "gifting", "practical opening/contact/reservations/newsletter footer" ], "evidence": "Atmospheric table, plated food, jewelry, pouring service, staff and gift-object photos with short contextual story labels. Practical address/hours/accessibility and booking limits appear in footer; publisher claims not independently verified.", "density": "Widely separated alternating portrait photographs with tiny story labels and short serif summaries; concentrated practical information at ending. Background color and central wordmark change with scrolling.", "imageTypeRelationship": "Oversized fine-line wordmark overlaps small offset imagery; serif summaries and compact uppercase condensed labels have separate roles. Images establish place/service detail, not broad background hero.", "interior": "Private Dining starts with centered heading/serif explanation and fine vertical rule, broad terrace photograph, brochure action, three named paired service/room photo rows, explanation and contact action, then practical footer.", "responsive": "Homepage offset image stories become centered single-column image/label/summary sequences. Room pairs remain two columns on narrow screen, retaining captions. Footer practical columns become collapsed accordions after newsletter; book stays visible.", "action": "Activated homepage private-dining story link, inspected interior at both sizes, opened narrow menu. Booking/contact/newsletter/brochure/menu PDFs not activated or submitted." }, "observedRelationships": [ "Use small place/service scenes in a deliberate photo sequence instead of a full-field promotional hero.", "Pair service-in-action and room imagery under one room caption on the consequential interior.", "Keep booking access visible while concentrating hours/address/policies in a practical ending." ], "lessons": [ "Use actual cleared room/service photographs and truthful practical information.", "A static image sequence can preserve the organizing idea without animated background or wordmark.", "Ensure lazy imagery has dimensions/fallbacks and practical footer accordions have clear labels." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Atmospheric hospitality through offset photographic stories and a practical room/service interior; differs from category posters and conventional split proposition heroes.", "views": [ { "id": "luca-wide-initial", "route": "https://luca.restaurant/", "resolvedUrl": "https://luca.restaurant/", "inspectedAt": "2026-10-05T19:58:36.706Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "initial loader", "observation": "Logo-only first screenshot; subsequent full capture showed table photo and header, but later images/reveals incomplete.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:58:36.706Z; luca-wide-initial; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-wide-opening", "route": "https://luca.restaurant/", "resolvedUrl": "https://luca.restaurant/", "inspectedAt": "2026-10-05T20:00:03.166Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after native scrolling", "observation": "Offset sunlit table, overlapping fine-line wordmark and persistent task header.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:00:03.166Z; luca-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-wide-full", "route": "https://luca.restaurant/", "resolvedUrl": "https://luca.restaurant/", "inspectedAt": "2026-10-05T20:00:03.166Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded after scrolling", "observation": "Alternating food/object/service/staff/gift photo stories and practical footer; changing background/wordmark observed. Full capture inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:00:03.166Z; luca-wide-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-narrow-opening", "route": "https://luca.restaurant/", "resolvedUrl": "https://luca.restaurant/", "inspectedAt": "2026-10-05T19:58:38.383Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded table photo; transition text faint", "observation": "Centered tall table image and wordmark with menu/book above; faint transient navigation text overlapped image.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:58:38.383Z; luca-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-narrow-full", "route": "https://luca.restaurant/", "resolvedUrl": "https://luca.restaurant/", "inspectedAt": "2026-10-05T19:58:47.379Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "after native scrolling", "observation": "All five story image slots present through footer; anniversary, service, staff and gift photographs loaded sharply; food frame still blurred. Collapsed practical accordions.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:58:47.379Z; luca-narrow-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-narrow-private-dining", "route": "https://luca.restaurant/private-dining", "resolvedUrl": "https://luca.restaurant/private-dining", "inspectedAt": "2026-10-05T19:59:12.258Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded after native scrolling", "observation": "Centered service explanation, terrace, brochure, three two-image room/service rows, explanation/contact and practical footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:59:12.258Z; luca-narrow-private-dining; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-narrow-private-opening", "route": "https://luca.restaurant/private-dining", "resolvedUrl": "https://luca.restaurant/private-dining", "inspectedAt": "2026-10-05T19:59:26.571Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening", "observation": "Compact centered name/menu/book above private dining introduction and rule.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:59:26.571Z; luca-narrow-private-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-wide-private-dining", "route": "https://luca.restaurant/private-dining", "resolvedUrl": "https://luca.restaurant/private-dining", "inspectedAt": "2026-10-05T19:59:14.541Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded", "observation": "Constrained centered explanation, broad terrace and paired captioned room/service photos, contact action and four-column practical footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:59:14.541Z; luca-wide-private-dining; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "luca-narrow-menu", "route": "https://luca.restaurant/private-dining", "resolvedUrl": "https://luca.restaurant/private-dining", "inspectedAt": "2026-10-05T19:59:27.666Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "expanded menu; transition", "observation": "Centered Explore, Menus, Private Dining and Reservations; first captured frame faint during transition.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T19:59:27.666Z; luca-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Several initial full-page views contained blurry lazy placeholders and blank slots. Loaded organization was inspected after native scrolling; narrow food image remained blurred in full capture.", "Wide homepage revisit initially captured loader; a later clean opening/full view at 20:00:03.166Z supplies evidence. A rapid resize capture at 20:00:12.050Z displayed transient mis-scaled content and is not counted as a clean responsive pass.", "Menu/wordmark/background animate; no reduced-motion, keyboard focus or full accessibility audit.", "No booking/contact/newsletter submissions, menu PDF or brochure inspection. Claims/address/hours remain publisher research, not customer inputs." ], "relatedExamples": [ "night-orchard", "hearth-plane" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "a-fianco", "revision": 1, "title": "A Fianco", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "illustrative", "sparse-media", "local-service", "information-dense" ], "requestedUrl": "https://afianco.ie/", "resolvedUrl": "https://afianco.ie/", "inspectedAt": "2026-10-05T20:01:18.843Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/cafes-bars-and-restaurants" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "sparse-media", "type-content", "real-copy", "action", "routes" ], "visitorTasks": [ "find-location", "compare-options", "find-menu", "book-inquiry" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Static original organic motif, visible text task links and a plain semantic menu table with labeled native section anchors.", "structure": { "opening": "Single-screen white field: large plain serif task list top left, short place/wine statement top right, changing organic black blob illustration near center and small name bottom left.", "navigation": "Desktop eight large text links always visible; Dine is indented on its page. Narrow unlabeled three-line control opens full-screen type list, phone/email/address/privacy and close mark.", "sequence": [ "single-screen animated statement/organic motif with persistent task navigation/name" ], "evidence": "Text proposition and location/task information; no homepage or Dine photographs needed. Dine lists actual dish names/descriptions/prices and explanatory allergen text, treated as publisher content only.", "density": "Sparse single-screen proposition/motif transitions to a dense, ruled practical menu document while retaining plain serif type and white space.", "imageTypeRelationship": "Organic animated black silhouette supplies modest illustrative personality beside plain serif navigation/proposition; no exceptional photography. Type drives the task page.", "interior": "Dine places three rounded section links above dishes, desserts and allergen explanation. Ruled rows place item/description left and price right. Wide document occupies right half beside persistent large navigation; narrow document fills column.", "responsive": "Persistent wide navigation becomes overlay; proposition spans narrow top with right menu. Dine retains item/description/price relationship in wrapped rows. Name remains fixed lower-left and can obscure rows in captures.", "action": "Coordinate-activated unlabeled narrow menu; followed Dine and activated Desserts section link. Desserts became black-selected and scrolled toward section; URL remained /dine. No Book/Vouchers/contact transactions submitted." }, "observedRelationships": [ "A small original organic motif can distinguish a service without a photograph.", "Give practical tasks equal prominence in a persistent text navigation instead of burying them after a hero.", "Carry typography into a dense menu with consistent item/description/price relationships." ], "lessons": [ "Use an original static organic drawing with optional restrained animation and truthful task text.", "Retain explicit semantic menu labels and readable fixed controls; avoid overlaying branding on body rows.", "Use real menu/location facts, never the reference prices or allergen claims." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse local hospitality with organic illustrative identity and a genuinely useful dense menu; illustrates a service direction without exceptional photos.", "views": [ { "id": "fianco-wide-home", "route": "https://afianco.ie/", "resolvedUrl": "https://afianco.ie/", "inspectedAt": "2026-10-05T20:01:18.843Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded single-screen", "observation": "Eight-link serif task navigation, wine/food proposition, changing organic blob and bottom-left name. Entire single-screen organization is visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:01:18.843Z; fianco-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [ "Full-page screenshot API separately produced clipped/mis-scaled output; native viewport is the complete single-screen organization." ] }, { "id": "fianco-narrow-home", "route": "https://afianco.ie/", "resolvedUrl": "https://afianco.ie/", "inspectedAt": "2026-10-05T20:00:31.474Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded single-screen after resize", "observation": "Large proposition, three-line menu, central organic silhouette and bottom-left name; clean full-page view. Native first resized frame mis-scaled.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:00:31.474Z; fianco-narrow-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fianco-narrow-menu", "route": "https://afianco.ie/", "resolvedUrl": "https://afianco.ie/", "inspectedAt": "2026-10-05T20:00:44.077Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu activated by coordinates", "observation": "Full-screen serif tasks, phone/email, address, privacy, close mark and lower-left name. Initial DOM/AX did not expose menu button.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:00:44.077Z; fianco-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fianco-narrow-dine", "route": "https://afianco.ie/dine", "resolvedUrl": "https://afianco.ie/dine", "inspectedAt": "2026-10-05T20:00:56.231Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded menu document", "observation": "Dishes/Desserts/Allergens pills, ruled menu rows with right prices, long dessert/allergen ending; fixed name overlays a row. Initial route transition still showed prior menu and is not counted.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:00:56.231Z; fianco-narrow-dine; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fianco-narrow-desserts", "route": "https://afianco.ie/dine", "resolvedUrl": "https://afianco.ie/dine", "inspectedAt": "2026-10-05T20:01:06.234Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Desserts activated", "observation": "Black-selected Desserts pill and scroll toward dessert section observed; URL unchanged.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:01:06.234Z; fianco-narrow-desserts; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fianco-wide-dine", "route": "https://afianco.ie/dine", "resolvedUrl": "https://afianco.ie/dine", "inspectedAt": "2026-10-05T20:01:11.474Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded menu document", "observation": "Persistent large navigation left, practical menu right, selected Desserts pill retained after resize, dishes/desserts/allergens through ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:01:11.474Z; fianco-wide-dine; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fianco-wide-entire-single-screen", "route": "https://afianco.ie/", "resolvedUrl": "https://afianco.ie/", "inspectedAt": "2026-10-05T20:01:18.843Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "native complete single-screen viewport", "observation": "Same native screenshot as wide opening covers entire single-screen homepage, not a claimed successful full-page capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:01:18.843Z; fianco-wide-entire-single-screen; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fianco-narrow-opening-from-single-screen", "route": "https://afianco.ie/", "resolvedUrl": "https://afianco.ie/", "inspectedAt": "2026-10-05T20:00:31.474Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "clean complete single-screen capture", "observation": "Same clean single-screen full-page image records opening and entire homepage, not two independent observations.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:00:31.474Z; fianco-narrow-opening-from-single-screen; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Full-page capture for wide single-screen home returned clipped/mis-scaled text; native complete viewport inspected instead. Rapid resize frames sometimes mis-scaled; clean narrow full view inspected.", "Navigation has an unlabeled three-line control in inspected DOM/AX; coordinate activation verified, keyboard/reduced-motion/accessibility not tested.", "Fixed name overlays practical rows in some captures; do not reproduce this defect.", "Illustration and statement change over time; no motion preference audit or claimed pause control. No transactions or communications submitted.", "Current creator attribution unknown; Siteinspire historical Estd credit not independently corroborated." ], "relatedExamples": [ "thread-mender", "clearwell-letter", "night-orchard" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "enginzyme", "revision": 1, "title": "Enginzyme", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "technical", "process", "information-dense" ], "requestedUrl": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:04:47.704Z", "version": "current", "creator": { "name": "Numbered", "attributionUrl": "https://numbered.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/12381-enginzyme" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "type-content", "real-copy", "process", "routes", "action" ], "visitorTasks": [ "understand-process", "explore-product", "evaluate-service", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Static original process diagram, numbered stage summaries and native details disclosures; preserve reading/task relationships without particle animation or pinned scrolling.", "structure": { "opening": "Close laboratory granules photograph with very large white biomanufacturing proposition, small supporting statement, compact navigation and lime circular contact/scroll cues.", "navigation": "Compact topic navigation and Contact wide; narrow menu opens lime field with topic links. Technology reached from this actual narrow menu.", "sequence": [ "laboratory photographic proposition", "industrial photo with overlapping lime media-coverage card", "two numbered news rows", "dark outlined technology graphic and explanatory text", "lime inquiry invitation", "dark practical footer" ], "evidence": "Laboratory/process photographs and industrial illustration; technology page explains principles then numbered process stages with particle illustrations and detailed reading panel. Publisher scientific/performance claims not independently verified.", "density": "Large photographic and graphic fields alternate compact news metadata, brief principles and dense technical detail on demand.", "imageTypeRelationship": "Plain sans display/body roles with lime highlighting and simple round directional cues. Laboratory pictures anchor the topic; particle graphics illustrate stages but do not establish scientific truth.", "interior": "Technology opens with laboratory portrait and proposition, then principle explanation and three ruled topics. Long black pinned process sequence shows counter/particle illustration/stage summary/Learn more; pale detail panel adds sustained reading, Previous/Next and close. Testimonial and lime contact invitation finish page.", "responsive": "Principle topics become stacked heading/paragraph rows; stage counter/graphic/summary stack. Wide detail occupies right-side pane above underlying process; narrow detail fills screen with illustration/counter above text and controls. Header reduces to name/menu.", "action": "Opened narrow menu, navigated Technology, scrolled to loaded stage 01 particle graphic, opened Learn more on narrow screen, inspected same detail wide, activated Next to stage 02 with changed graphic/text, and closed panel. No inquiry/contact submission." }, "observedRelationships": [ "Start with tangible process imagery, then let technical principles and stage details carry evidence.", "Use an optional detail panel for sustained reading without forcing dense copy into the initial stage field.", "Retain stage number and close/next controls across narrow and wide detail layouts." ], "lessons": [ "Use truthful customer process descriptions and original/cleared graphics.", "A static numbered process with native details panels preserves explanation without particle animation or pinned scroll.", "Keep all essential explanation readable when visual transitions do not load." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Biomanufacturing practice with laboratory evidence and a working numbered technical-detail panel, adding industrial process explanation and responsive reading-on-demand.", "views": [ { "id": "enginzyme-wide-home", "route": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:03:20.487Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded laboratory image", "observation": "Large proposition over granules/laboratory closeup with compact topic header and contact/scroll cues.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:03:20.487Z; enginzyme-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-wide-home-full", "route": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:03:20.487Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full-page organization with parallax/reveal displacement", "observation": "Laboratory opening, media feature photo/card, numbered news rows, dark technology field, lime invitation and footer. Large gaps/photo displacement and incomplete footer reveals recorded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:03:20.487Z; enginzyme-wide-home-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-wide-native-feature", "route": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:03:29.164Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native scrolling loaded feature", "observation": "Industrial photo with lime media card overlap; subsequent native scroll showed loaded inquiry invitation. Full capture gaps are not the intended static composition.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:03:29.164Z; enginzyme-wide-native-feature; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-narrow-home-full", "route": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:03:36.014Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "full organization; reveal/capture defects", "observation": "Portrait granules image, media card, stacked news, dark technology field, invitation and full stacked footer; header displaced over technology field, heading partially absent, large parallax gap.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:03:36.014Z; enginzyme-narrow-home-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-narrow-home-opening", "route": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:03:54.669Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded native top after smooth scrolling settled", "observation": "Portrait crop, clear heading/supporting statement and compact name/menu; full-page header displacement did not represent native top.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:03:54.669Z; enginzyme-narrow-home-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-narrow-menu", "route": "https://enginzyme.com/", "resolvedUrl": "https://enginzyme.com/", "inspectedAt": "2026-10-05T20:03:55.160Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "menu opened; transition", "observation": "Lime topic menu and close; first screenshot still had some unrevealed link text. Technology link activated afterward.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:03:55.160Z; enginzyme-narrow-menu; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-narrow-technology", "route": "https://enginzyme.com/technology", "resolvedUrl": "https://enginzyme.com/technology", "inspectedAt": "2026-10-05T20:04:09.486Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening/full organization; pinned region incomplete", "observation": "Laboratory portrait, stacked principle topics, first process counter/summary, extensive black pinned region, testimonial, invitation/footer. Later actual scroll resolved particle graphic; full capture not complete four-stage evidence.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:04:09.486Z; enginzyme-narrow-technology; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-narrow-stage", "route": "https://enginzyme.com/technology", "resolvedUrl": "https://enginzyme.com/technology", "inspectedAt": "2026-10-05T20:04:19.463Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded stage 01 during native scrolling", "observation": "Counter 01/04, white/lime particle form, Enzyme engineering summary and Learn more. Next scroll showed animated dispersed particles.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:04:19.463Z; enginzyme-narrow-stage; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-narrow-detail", "route": "https://enginzyme.com/technology", "resolvedUrl": "https://enginzyme.com/technology", "inspectedAt": "2026-10-05T20:04:26.287Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Learn more opened", "observation": "Particle illustration/counter above pale reading panel with close and Previous/Next controls.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:04:26.287Z; enginzyme-narrow-detail; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-wide-detail", "route": "https://enginzyme.com/technology", "resolvedUrl": "https://enginzyme.com/technology", "inspectedAt": "2026-10-05T20:04:31.201Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "same opened detail after resize", "observation": "Detail pane occupies right portion; illustration/counter and readable paragraphs, close top right, previous/next below.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:04:31.201Z; enginzyme-wide-detail; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-wide-next", "route": "https://enginzyme.com/technology", "resolvedUrl": "https://enginzyme.com/technology", "inspectedAt": "2026-10-05T20:04:38.361Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "Next activated", "observation": "Counter changed to 02/04, line-layer illustration and immobilisation explanation replaced stage 01. Close panel then activated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:04:38.361Z; enginzyme-wide-next; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "enginzyme-wide-technology", "route": "https://enginzyme.com/technology", "resolvedUrl": "https://enginzyme.com/technology", "inspectedAt": "2026-10-05T20:04:47.704Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening and full organization with pinned gap", "observation": "Laboratory portrait/proposition, principles split wide, stage 01 summary, long pinned black region, testimonial and invitation/footer. Full-page image does not capture all four animated stages.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:04:47.704Z; enginzyme-wide-technology; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Smooth scrolling delayed arrival at top; clean narrow opening observed after it settled.", "Parallax/reveals displaced feature/header and left extensive gaps in full-page captures. Native feature/stage/detail views supply meaningful evidence; all four stages and footer reveal completeness not claimed.", "Particle motion materially supports optional expression; no reduced-motion fallback or keyboard/focus/full accessibility audit performed. Recommend static stage alternative.", "No communications submitted. Scientific/manufacturing/performance statements remain publisher claims, not verified customer facts. External media/code not bundled." ], "relatedExamples": [ "rivet-components", "relay-workflow" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "boc-studio", "revision": 1, "title": "Boc.Studio", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "publication" ], "requestedUrl": "https://boc.studio/", "resolvedUrl": "https://boc.studio/", "inspectedAt": "2026-10-05T20:09:58.965Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "proof", "collection", "action" ], "visitorTasks": [ "inspect-work", "evaluate-service" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full-screen changing showreel crossed by an orange repeated identity/positioning ribbon; Enter Work leads into portfolio.", "navigation": "Portfolio orange top strip with small brand and Info; fixed left Work/All/Filter column.", "sequence": [ "showreel entrance", "project index with horizontal image sequences", "compact title/tagline/View project underneath each sequence" ], "evidence": "Multiple identity/campaign applications are shown as horizontal strips for each project; claims and clients not independently verified.", "density": "Full image opening becomes compact repeated image rows with persistent left index.", "imageTypeRelationship": "Small neutral text labels allow very different project imagery to carry expression.", "interior": "Work index reached; individual case study not inspected.", "responsive": "Not inspected.", "action": "Enter Work activated; route transition completed after native scroll. Actual Work URL /work." }, "observedRelationships": [ "Persistent index occupies the left quarter while project strips fill the remaining field.", "Each project offers several application examples before its individual story." ], "lessons": [ "A work library can show breadth within each project rather than one hero thumbnail.", "Use static image strips and an immediately usable work index when showreel media is unnecessary." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Brand-practice work index built from horizontal application sequences rather than uniform one-image cards.", "views": [ { "id": "boc-wide-entrance", "route": "https://boc.studio/", "resolvedUrl": "https://boc.studio/", "inspectedAt": "2026-10-05T20:09:36.081Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded changing showreel", "observation": "Project scenes with orange repeating identity ribbon; loader had resolved.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:09:36.081Z; boc-wide-entrance; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "boc-wide-work", "route": "https://boc.studio/work", "resolvedUrl": "https://boc.studio/work", "inspectedAt": "2026-10-05T20:09:58.965Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded native work index", "observation": "Orange top chrome, fixed Work/filter left and multi-image project rows right.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:09:58.965Z; boc-wide-work; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "boc-wide-work-full", "route": "https://boc.studio/work", "resolvedUrl": "https://boc.studio/work", "inspectedAt": "2026-10-05T20:10:10.523Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "full work list", "observation": "Nine project rows through Incite; image strips are moving so not all possible frames captured.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:10.523Z; boc-wide-work-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop only; mobile, individual cases, filter, focus and reduced motion not tested.", "Initial orange loader and delayed entrance transition excluded from meaningful-content evidence. Cookie-information ticker remains; no contact performed." ], "relatedExamples": [ "mara-specimen", "sundial-goods" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "cactus-digitale", "revision": 1, "title": "Cactus Digitale", "lifecycle": "active", "primaryFamily": "spatial", "tags": [ "spatial", "campaign", "professional-service" ], "requestedUrl": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:11:18.280Z", "version": "current", "creator": { "name": "OB Studio", "attributionUrl": "https://ob.services/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/9544-hoare-associates" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": true }, "fitSignals": [ "multiple-images", "proof", "collection", "action" ], "visitorTasks": [ "inspect-work", "evaluate-service", "find-location" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Single-screen perspective image mosaic: rectangular work samples appear on curved walls/floor, fading toward white edges. Tiny logo left, company role centered, About/email/social right.", "navigation": "About opens readable company/contact/address disclosure above a reduced spatial mosaic; Back closes it. Narrow main chrome omits email/social.", "sequence": [ "single-screen spatial work mosaic", "optional company/contact/address reading state" ], "evidence": "Work imagery spans objects, portraits, jewelry and campaign layouts; no case-caption attribution in observed primary view. Company statement/contact/locations supplied in About.", "density": "Image field has many differently sized tiles and empty white cells; text remains compact until About.", "imageTypeRelationship": "Extremely small neutral chrome contrasts with immersive image field. White edge fading and perspective depth organize tiles instead of a flat card grid.", "interior": "Same-route About: wide four groups across top (company, contact, two addresses/credits), mosaic reduced below. Narrow groups stack above reduced mosaic and Back.", "responsive": "Mosaic becomes narrow vertical spatial field; About prose/contact/address/credits stack with own readable measure above logo/role/Back row and imagery.", "action": "Opened and closed About, scrolled spatial main on narrow, tabbed to About and activated it with Enter. No newsletter, email or social transmission." }, "observedRelationships": [ "An expressive work exploration surface retains a separate plain reading state for practical evaluation.", "About reduces rather than replaces the visual field, retaining identity while making address/contact content available.", "Narrow presentation preserves readable company content and simple Back control." ], "lessons": [ "Reserve immersive browsing for businesses with sufficient approved work media.", "A static asymmetric original image mosaic with a plain About disclosure preserves hierarchy without 3D motion.", "Keep captions, keyboard focus and a complete project index available in a production adaptation." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "A single-screen spatial image portfolio with consequential readable company/task state at both sizes, plus actual narrow scrolling and keyboard disclosure activation.", "views": [ { "id": "cactus-wide-opening", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:23.565Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded native spatial image field", "observation": "Perspective walls/floor of many differently sized work tiles; small persistent chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:23.565Z; cactus-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-wide-main-whole", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:23.565Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-screen primary surface; native evidence", "observation": "Same native screen covers entire initial spatial surface; fullPage API produced white blank image, not successful evidence. Infinite/animated field is not an exhaustive image archive.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:23.565Z; cactus-wide-main-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-wide-about", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:35.224Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded About native and full", "observation": "Company/contact/addresses/credits across top; reduced spatial field below and Back.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:35.224Z; cactus-wide-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-narrow-about", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:40.296Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded About native and full", "observation": "Company prose, contact, two addresses and credits stack; logo/role/Back row and reduced mosaic below.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:40.296Z; cactus-narrow-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-narrow-opening", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:51.837Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "Back completed; loaded mosaic", "observation": "Tiny logo/role/About across top; tall perspective image mosaic with white edge fades.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:51.837Z; cactus-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-narrow-main-whole", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:51.837Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "single-screen primary surface; native and full", "observation": "Same observation covers whole single-screen initial main state; changing/infinite tiles do not imply all work reviewed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:51.837Z; cactus-narrow-main-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-narrow-scroll-focus", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:10:57.197Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native scroll and Tab", "observation": "Spatial tile positions changed; Tab focused About per AX, no clearly visible outline in screenshot. Enter afterward opened About per actual AX state.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:10:57.197Z; cactus-narrow-scroll-focus; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "cactus-wide-about-revisit", "route": "https://cactusdigitale.com/", "resolvedUrl": "https://cactusdigitale.com/", "inspectedAt": "2026-10-05T20:11:18.280Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded About after keyboard activation and resize", "observation": "Company and address groups visible wide with continued image field below; Back activated again.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:11:18.280Z; cactus-wide-about-revisit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial logo loader resolved before meaningful views. Wide fullPage main capture was blank although native screenshot loaded; not counted as a passed full capture. Whole primary state evidenced by native single-screen view.", "Image field changes over time/scroll; no exhaustive archive, item click or attribution audit. Actual About transition and keyboard activation inspected; no clearly visible focus outline at tested Tab state.", "Reduced-motion fallback and full accessibility audit untested. Static alternative required for essential information; no external media/code bundled.", "No contact/newsletter submission. Publisher clients and company statements not independently verified." ], "relatedExamples": [ "mara-specimen", "lacuna-objects" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "everyday", "revision": 1, "title": "Everyday", "lifecycle": "active", "primaryFamily": "technical", "tags": [ "technical", "industrial", "product-system" ], "requestedUrl": "https://everyday.io/", "resolvedUrl": "https://everyday.io/", "inspectedAt": "2026-10-05T20:13:47.386Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/industry" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "process", "collection", "proof", "routes", "action", "real-copy" ], "visitorTasks": [ "explore-product", "understand-process", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full product-detail video with centered short company proposition and early-access action; compact widely distributed four-link chrome.", "navigation": "Four links across wide opening; narrow retains brand/early-access and opens a dedicated menu with Air/OS/access and legal/language utilities.", "sequence": [ "product-video proposition", "large centered integrated-systems explanation and two audience actions", "hardware/software/service image trio", "system topics over large material photograph", "controller/app image pair", "Air product introduction", "architecture/partner image pair", "availability/product invitation", "practical footer" ], "evidence": "Hardware/controller/app photographs and contextual UI notification illustrations; future availability is explicit. These are publisher demonstrations/claims, not a tested working home-control app.", "density": "Full-image fields alternate large short statements, three-part category panels and paired device/interface examples; OS interior adds a long FAQ.", "imageTypeRelationship": "Neutral sans typography, close material/object photos and small translucent action labels repeat. Product imagery supplies expression, while copy explains the system role.", "interior": "OS page opens with controller photo/title and two actions, system tabs, use-case carousel with UI notification illustrations, controller/app pair, computer explanation/photo, three-role image panels, availability field, long FAQ and footer.", "responsive": "Wide image trios become horizontally continuing carousel with dots; pairs stack. System topics become tabs. OS FAQ retains single readable column and plus/minus controls; footer groups stack.", "action": "Declined cookies, opened narrow menu and followed OS. Opened What is EverydayOS FAQ on narrow; same expanded answer inspected in wide full organization. Wide Water system selector clicked; outcome not conclusively visually verified. No access/inquiry/newsletter submission." }, "observedRelationships": [ "Use concrete device/interface images to explain a connected system before asking visitors to register interest.", "Separate hardware, software and service, then connect them through a system explanation.", "An OS interior develops the overview into contextual use cases, control surfaces, architecture and an optional dense FAQ." ], "lessons": [ "Use genuine customer product/interface evidence and accurate availability statements.", "Static image/caption groups and native FAQ disclosures preserve explanation without video or automated carousels.", "Essential text and task paths must remain available when media loads slowly." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Connected-home product system with explicit hardware/software/service roles, audience-specific actions and a product explanation interior with exercised FAQ.", "views": [ { "id": "everyday-wide-opening", "route": "https://everyday.io/", "resolvedUrl": "https://everyday.io/", "inspectedAt": "2026-10-05T20:12:29.815Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded product video; cookie notice visible", "observation": "Close material video, centered proposition/early access and four-link chrome. Notice later declined.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:12:29.815Z; everyday-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-wide-home-whole", "route": "https://everyday.io/", "resolvedUrl": "https://everyday.io/", "inspectedAt": "2026-10-05T20:13:47.386Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded after native scroll/revisit", "observation": "Full home through system explanation, image groups, controller/app, Air, partners, availability and footer. Fixed header displaced into body by full capture; footer bottom slightly truncated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:13:47.386Z; everyday-wide-home-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-narrow-opening", "route": "https://everyday.io/", "resolvedUrl": "https://everyday.io/", "inspectedAt": "2026-10-05T20:12:50.388Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded native product video", "observation": "Portrait object crop and centered short proposition; brand/access/menu top.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:12:50.388Z; everyday-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-narrow-home-whole", "route": "https://everyday.io/", "resolvedUrl": "https://everyday.io/", "inspectedAt": "2026-10-05T20:12:50.388Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded full organization", "observation": "Image trio becomes carousel; pair panels stack; product/partner/availability groups and stacked footer. Newsletter/legal bottom cut at capture edge.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:12:50.388Z; everyday-narrow-home-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-narrow-os", "route": "https://everyday.io/os", "resolvedUrl": "https://everyday.io/os", "inspectedAt": "2026-10-05T20:12:57.290Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded opening/full structure; lower lazy images blurred", "observation": "Controller opening, system tabs, use-case carousel, paired surfaces stacked, computer/role panels, availability, FAQ/footer. Later scroll resolved media.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:12:57.290Z; everyday-narrow-os; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-narrow-os-faq", "route": "https://everyday.io/os", "resolvedUrl": "https://everyday.io/os", "inspectedAt": "2026-10-05T20:13:08.482Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded after native scroll and actual FAQ activation", "observation": "Expanded FAQ answer readable with minus control; full page now includes sharp controller/app/computer images. Fixed header displaced in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:13:08.482Z; everyday-narrow-os-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-wide-os-whole", "route": "https://everyday.io/os", "resolvedUrl": "https://everyday.io/os", "inspectedAt": "2026-10-05T20:13:19.629Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "full OS organization after resize", "observation": "Wide system buttons, contextual use-case carousel, side-by-side controller/app, computer image and role trio, centered expanded FAQ/footer. Opening and first carousel image still blurred during new wide loading.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:13:19.629Z; everyday-wide-os-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "everyday-wide-os-opening", "route": "https://everyday.io/os", "resolvedUrl": "https://everyday.io/os", "inspectedAt": "2026-10-05T20:13:34.754Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded native top after scroll", "observation": "Sharp large controller photo, title/subtitle, four-link chrome and two actions. Earlier blurred capture is not the final opening evidence.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:13:34.754Z; everyday-wide-os-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial full captures had blurred lazy images; native scrolling and revisits resolved main images. Full screenshots can displace fixed header into body and crop footer edge; recorded rather than treated as intended layout.", "Not all carousel slides, FAQ answers or system selector outcomes visually verified. App/controller screens are illustrative publisher media, not interactive software trial.", "Current page announces product availability in 2027; no independent performance, health, savings, privacy or availability verification.", "Menu navigation and FAQ actually exercised. No full focus/reduced-motion/accessibility audit; video movement observed, static alternative described. No external media/code bundled." ], "relatedExamples": [ "relay-workflow", "rivet-components" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "vogelhaus", "revision": 1, "title": "Vogelhaus", "lifecycle": "active", "primaryFamily": "retro", "tags": [ "retro", "technical", "editorial", "professional-service" ], "requestedUrl": "https://vogel.haus", "resolvedUrl": "https://www.vogel.haus/", "inspectedAt": "2026-10-05T20:19:42.139Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "type-content", "multiple-images", "process", "proof", "real-copy", "routes", "action" ], "visitorTasks": [ "evaluate-service", "explore-product", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Centered serif software proposition and small guided-plans action against a blue star field; compact topic navigation.", "navigation": "Four wide topic links; narrow two-line menu control observed, not activated.", "sequence": [ "star-field proposition", "white paper studio letter and overlapping Polaroid portraits", "two oversized skeuomorphic app icons", "App Store honors and horizontally continuing review cards", "blue Building Peaks book on a white shelf", "rounded newsletter card", "utility footer", "crumpled receipt ending" ], "evidence": "Studio portraits, app identities and attributed review cards lead into a long making-of essay with interface prototypes. Publisher reviews/claims not independently verified.", "density": "Large atmospheric opening becomes a long paper letter, short product introduction, review cards, a book, practical utilities and a dense playful receipt.", "imageTypeRelationship": "Serif proposition and letter contrast with neutral sans product copy; Polaroids, signatures, book, shelf and receipt form a consistent analog-object vocabulary.", "interior": "Making-of Peaks uses a wide illustrated blue cover with title/date, then a centered long reading column, subheadings, italic statements, bullets and successive prototype/interface screenshots, newsletter/footer/receipt.", "responsive": "Wide tilted letter becomes straight narrow paper with truncated prose and Read more. Portraits overlap its lower edge. Wide article cover becomes tall portrait crop; reading remains one column; footer groups stack.", "action": "Building Peaks book link opened article. Narrow Read more actually expanded remaining letter paragraphs and removed its label; final expanded pixel view verified. No signup submitted." }, "observedRelationships": [ "Analog paper objects give a software studio an identifiable narrative without making every section a card.", "A book-shaped process link leads to substantive readable development evidence.", "Mobile truncation changes the letter length through an exercised disclosure; the full text remains part of the same reading order." ], "lessons": [ "Use original studio/product imagery and a coherent object vocabulary; do not borrow identities or people.", "A plain reading column and static original paper illustration preserve the journey without elaborate effects.", "Use semantic keyboard-operable disclosures and independently supported customer evidence." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Software studio with nostalgic paper/Polaroid/book/receipt relationships and a detailed process essay, rather than period-web chrome.", "views": [ { "id": "vogel-wide-opening", "route": "https://www.vogel.haus/", "resolvedUrl": "https://www.vogel.haus/", "inspectedAt": "2026-10-05T20:15:04.217Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Blue stars, small guided-plans pill, serif proposition and compact four-topic navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:15:04.217Z; vogel-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "vogel-wide-whole", "route": "https://www.vogel.haus/", "resolvedUrl": "https://www.vogel.haus/", "inspectedAt": "2026-10-05T20:16:01.073Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded after scrolling/revisit", "observation": "Paper letter/portraits, app icons, three honors and loaded review cards, book/shelf, newsletter, utility footer and receipt. Floating header displaced into body in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:16:01.073Z; vogel-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "vogel-narrow-opening", "route": "https://www.vogel.haus/", "resolvedUrl": "https://www.vogel.haus/", "inspectedAt": "2026-10-05T20:15:23.846Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Centered star field/proposition with two-line menu control.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:15:23.846Z; vogel-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "vogel-narrow-whole", "route": "https://www.vogel.haus/", "resolvedUrl": "https://www.vogel.haus/", "inspectedAt": "2026-10-05T20:15:23.846Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "initial review region unpopulated", "observation": "Straight truncated paper letter with Read more, overlapping portraits, icons, two honors, book/shelf, newsletter and stacked footer/receipt. Later native scroll loaded reviews.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:15:23.846Z; vogel-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "vogel-narrow-article", "route": "https://www.vogel.haus/blog/making-of-peaks", "resolvedUrl": "https://www.vogel.haus/blog/making-of-peaks", "inspectedAt": "2026-10-05T20:15:33.196Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded after actual book link", "observation": "Tall illustrated cover, date/title/dek, single reading column, subheadings, statements, bullets and prototype/app screenshots through footer/receipt. Overview, not line-by-line claim audit.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:15:33.196Z; vogel-narrow-article; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "vogel-wide-article", "route": "https://www.vogel.haus/blog/making-of-peaks", "resolvedUrl": "https://www.vogel.haus/blog/making-of-peaks", "inspectedAt": "2026-10-05T20:15:48.957Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded after resize", "observation": "Shallow wide illustrated cover; centered long reading column and broad screenshot interruptions, newsletter/footer/receipt.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:15:48.957Z; vogel-wide-article; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "vogel-narrow-expanded-letter", "route": "https://www.vogel.haus/", "resolvedUrl": "https://www.vogel.haus/", "inspectedAt": "2026-10-05T20:19:42.139Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "Read more activated and pixels verified", "observation": "All letter paragraphs now readable on paper; full view includes loaded horizontally continuing review cards and complete ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:19:42.139Z; vogel-narrow-expanded-letter; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial reviews blank; loaded on native scroll/revisit. Only visible cards inspected, not all reviews or their authenticity.", "Letter tilt and floating header change with scroll/reveal state; full screenshots can displace header into body.", "Read more is a strong text node in the observed DOM; keyboard operability not established. Menu, reduced motion and full accessibility audit untested.", "Publisher software, privacy, health and audience claims not verified or transferable. No external assets/code bundled." ], "relatedExamples": [ "dock-radio", "mara-reading-room" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "sommerro", "revision": 1, "title": "Sommerro", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "civic", "calendar" ], "requestedUrl": "https://www.sommerrohouse.com/?ref=siteinspire", "resolvedUrl": "https://www.sommerrohouse.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:21:20.482Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/hotels-and-venues" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "real-copy", "action" ], "visitorTasks": [ "find-location", "compare-options", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full cinematic venue video with orange high-contrast serif greeting left and inline stay-date/room search right.", "navigation": "Symmetric many-topic hotel navigation around centered wordmark; highlighted Booking and language/contact above.", "sequence": [ "venue video and stay search", "horizontal amenity/service image carousel", "package offers", "event recommendations", "dining hours and actions", "highlights and dated programme", "meeting-room image/specification carousel", "film offers", "venue image strip", "recruitment field", "address/contact/utility footer" ], "evidence": "Loaded venue/room/dining photographs, icons, opening hours, event dates, room sizes/capacities; several event/package/footer images broken.", "density": "Atmospheric opening changes into many compact horizontally continuing service and timetable groups.", "imageTypeRelationship": "Orange serif display and custom activity icons identify the venue; factual details use compact sans text.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Cookie options opened and nonessential cookies rejected. Booking/search/inquiry/ticket controls observed, not submitted." }, "observedRelationships": [ "A venue can lead with atmosphere while placing the visit-planning task directly on the opening.", "Dense dining times and dated events supply a functional counterweight to broad room photographs." ], "lessons": [ "Use supported hours/dates and real venue evidence.", "Replace carousels with readable static groups when complexity or media is limited." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Cinematic opening plus dense practical hotel/restaurant/calendar organization; unresolved missing images limit deep acceptance.", "views": [ { "id": "sommerro-wide-opening", "route": "https://www.sommerrohouse.com/?ref=siteinspire", "resolvedUrl": "https://www.sommerrohouse.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:21:20.482Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after cookie rejection", "observation": "Video/greeting, date-room search and extensive topic chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:21:20.482Z; sommerro-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "sommerro-wide-whole", "route": "https://www.sommerrohouse.com/?ref=siteinspire", "resolvedUrl": "https://www.sommerrohouse.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:21:20.482Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded organization with broken event imagery", "observation": "Main venue/amenity and meeting images loaded; package/event/footer images broken. Many horizontal groups, timetable and address footer. Full capture displaces sticky header.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:21:20.482Z; sommerro-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop only; no task/mobile/focus/reduced-motion inspection.", "Many missing event/package/footer images remain unresolved after scroll; not deep reviewed.", "Hours/dates/room capacities are publisher facts, not independently verified or teaching/customer claims." ], "relatedExamples": [ "night-orchard", "signal-fair" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "piaule", "revision": 1, "title": "Piaule Catskill", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "photographic-documentary", "place" ], "requestedUrl": "https://piaule.com/", "resolvedUrl": "https://www.piaule.com/booking", "inspectedAt": "2026-10-05T20:22:39.731Z", "version": "current", "creator": { "name": "FEEL (design); Human NYC (code)", "attributionUrl": "https://www.piaule.com/faq", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/hotels-and-venues" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "action", "routes", "real-copy", "proof" ], "visitorTasks": [ "book-inquiry", "find-location", "compare-options" ], "assetMinimum": "one-image", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "One-screen landscape/architecture photographic field with a sentence-shaped stay-length/date form centered; large wordmark and topics above, utility footer below.", "navigation": "Wide topic links and reservation/weather utility; narrow hamburger, wordmark and clipped small weather/reserve utility. Narrow footer is a separate black block.", "sequence": [ "landscape stay-planning field", "utility contact/FAQ/shop/dining footer" ], "evidence": "Architecture/forest/interior photographs and a cabin sequence of image/serif description. FAQ exposes actual practical visit questions and source credits.", "density": "Short task-first home contrasts with a long visual cabin sequence and optional compact FAQ.", "imageTypeRelationship": "White serif wordmark and bold sans booking sentence over photographs; cabin descriptions are serif on white space between large images.", "interior": "Cabins wide opening is a horizontal sequence with centered photograph between short text panels; narrow becomes eight stacked description/image pairs and footer. FAQ is a centered question list with inline expandable answers; location answer actually opened on narrow and inspected after wide resize.", "responsive": "Booking sentence wraps into several centered lines over changing portrait photo crops. Narrow cabins stack image/text order. Footer utilities become a black vertical list with address/copyright.", "action": "Closed timed newsletter overlay; followed Cabins and FAQ. Location FAQ expanded; current website credits expanded on wide. Narrow date textbox focused but no picker appearance verified. No booking or newsletter submitted." }, "observedRelationships": [ "The first screen makes the stay-planning sentence the organizing idea rather than appending a contact band.", "Cabin exploration changes from a horizontal image/text sequence to linear mobile reading.", "An optional plain FAQ supplies visit logistics without interrupting the landscape opening." ], "lessons": [ "Use authentic place photographs and accurate logistics; keep stay fields properly labeled.", "A static place photo with native date/length controls and a vertical cabin story is a low-complexity alternative.", "Ensure weather, navigation and focus remain readable without motion." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Landscape hotel whose home is a primary planning state, with contrasting cabin exploration and exercised visit FAQ.", "views": [ { "id": "piaule-wide-opening", "route": "https://www.piaule.com/booking", "resolvedUrl": "https://www.piaule.com/booking", "inspectedAt": "2026-10-05T20:21:39.138Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Landscape/architecture photograph with centered booking sentence and topic/utility chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:21:39.138Z; piaule-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-wide-whole", "route": "https://www.piaule.com/booking", "resolvedUrl": "https://www.piaule.com/booking", "inspectedAt": "2026-10-05T20:21:39.138Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "one-screen home", "observation": "Same native full viewport covers the one-screen main task plus utility footer; not an invented long homepage.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:21:39.138Z; piaule-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-narrow-opening", "route": "https://www.piaule.com/booking", "resolvedUrl": "https://www.piaule.com/booking", "inspectedAt": "2026-10-05T20:22:32.686Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Wrapped booking sentence over changing portrait place photo, compact navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:22:32.686Z; piaule-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-narrow-whole", "route": "https://www.piaule.com/booking", "resolvedUrl": "https://www.piaule.com/booking", "inspectedAt": "2026-10-05T20:22:32.686Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded", "observation": "One-screen photographic booking field plus complete separate stacked black footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:22:32.686Z; piaule-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-wide-cabins", "route": "https://www.piaule.com/cabins", "resolvedUrl": "https://www.piaule.com/cabins", "inspectedAt": "2026-10-05T20:21:56.623Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native opening loaded; full API malformed", "observation": "First image/text relationship in horizontal cabin exploration observed natively; full-page capture malformed and not accepted as complete desktop cabin sequence.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:21:56.623Z; piaule-wide-cabins; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-narrow-cabins", "route": "https://www.piaule.com/cabins", "resolvedUrl": "https://www.piaule.com/cabins", "inspectedAt": "2026-10-05T20:22:01.707Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded full sequence", "observation": "Eight description/forest/cabin/interior image pairs through complete footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:22:01.707Z; piaule-narrow-cabins; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-narrow-faq", "route": "https://www.piaule.com/faq", "resolvedUrl": "https://www.piaule.com/faq", "inspectedAt": "2026-10-05T20:22:16.852Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "actual location question expanded", "observation": "Centered question list and readable linked address answer; full narrow FAQ/ending viewed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:22:16.852Z; piaule-narrow-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "piaule-wide-faq", "route": "https://www.piaule.com/faq", "resolvedUrl": "https://www.piaule.com/faq", "inspectedAt": "2026-10-05T20:22:22.405Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native expanded location answer", "observation": "Centered question list and address answer under topic chrome; full capture malformed, native view accepted.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:22:22.405Z; piaule-wide-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Current root redirects to booking; historical discovery appearance not presumed current.", "Timed newsletter overlay intercepted first Cabins action; closed and route reactivated successfully.", "Wide full-page API images for cabins/FAQ were malformed; only native views accepted there. Narrow full organization loaded.", "Weather utility clips at viewport edge; question text lacks obvious semantic disclosure controls in observed DOM. Keyboard/reduced-motion/a11y not audited.", "No reservation, signup, maps or external dining service submitted. Publisher place/health/hospitality claims not transferable." ], "relatedExamples": [ "night-orchard", "hearth-plane" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "perfumer-h", "revision": 1, "title": "Perfumer H", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "quiet-luxury", "product" ], "requestedUrl": "https://perfumerh.com/", "resolvedUrl": "https://www.perfumerh.com/en-us", "inspectedAt": "2026-10-05T20:24:41.232Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/fashion" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "proof", "real-copy", "action" ], "visitorTasks": [ "shop-collection", "explore-product" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full landscape Clay campaign with centered product name/italic subtitle and small film link; wide topic/currency/search/account chrome.", "navigation": "Wide topic groups around compact wordmark; narrow menu/search, centered wordmark and currency.", "sequence": [ "landscape campaign", "large citrus-tree image beside two products and fragrance explanation", "paired documentary image carousel", "material-wall fragrance-notes field", "product range and landscape image", "further catalog fields largely unrendered", "utility footer" ], "evidence": "Landscape, perfumer, material and object photographs with explicit product roles. Lower catalog labels/images remain unrendered.", "density": "Large campaign fields alternate object pairs and explanatory prose; later product grid cannot be completely judged.", "imageTypeRelationship": "Small serif/italic captions and bottle objects relate to large place/material photographs.", "interior": "Not inspected.", "responsive": "Opening changes to portrait landscape crop. First product pair stays two columns; fragrance copy and citrus image stack. Later material/object field becomes narrow catalog.", "action": "Closed timed newsletter popup after duplicate Close locator was resolved using observed aria-label. Cookie notice initially visible; no signup/cart/purchase submitted." }, "observedRelationships": [ "Campaign links product character to place/material photographs and substantive fragrance prose.", "A broad atmospheric image can alternate with smaller objects and a narrow explanation rather than repeating identical promotional bands." ], "lessons": [ "Use original material/product evidence and supported descriptions.", "Keep essential catalog names and actions visible without scroll animation." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Place/material campaign with object pairs and fragrance explanation; partial loading explicitly prevents deep acceptance.", "views": [ { "id": "perfumer-wide-opening", "route": "https://www.perfumerh.com/en-us", "resolvedUrl": "https://www.perfumerh.com/en-us", "inspectedAt": "2026-10-05T20:24:00.709Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded; cookie notice visible", "observation": "Landscape/name/subtitle with discreet film and topic controls.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:24:00.709Z; perfumer-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "perfumer-wide-whole", "route": "https://www.perfumerh.com/en-us", "resolvedUrl": "https://www.perfumerh.com/en-us", "inspectedAt": "2026-10-05T20:24:00.709Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial scroll reveals", "observation": "Landscape, tree/products/prose, paired documentary images, notes wall and landscape field loaded; extensive lower products/labels missing.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:24:00.709Z; perfumer-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "perfumer-narrow-whole", "route": "https://www.perfumerh.com/en-us", "resolvedUrl": "https://www.perfumerh.com/en-us", "inspectedAt": "2026-10-05T20:24:41.232Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "newsletter closed; incomplete lower reveals", "observation": "Early campaign/products/copy and landscape field sharp; some later product regions blank; utility groups stacked.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:24:41.232Z; perfumer-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Extensive lower copy/products remained absent despite native scroll; wide attempt also encountered newsletter popup.", "No interior/focus/reduced-motion/a11y inspection. Not deep reviewed.", "Fragrance/material/provenance claims and prices are publisher facts, not customer material." ], "relatedExamples": [ "sundial-goods", "lacuna-objects" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "advene", "revision": 1, "title": "Advene", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "campaign", "product" ], "requestedUrl": "https://advenedesign.com/", "resolvedUrl": "https://advenedesign.com/", "inspectedAt": "2026-10-05T20:25:51.091Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/fashion" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "process", "real-copy", "routes", "action" ], "visitorTasks": [ "shop-collection", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Paired edge-to-edge object/worn-bag photographs with slim centered wordmark and outlined shop action; shipping strip above.", "navigation": "Wide Shop/About left, wordmark centered, account/currency/cart right; narrow hamburger and cart.", "sequence": [ "paired product/campaign photographs", "small halftone image and brand explanation with side Process tab", "large campaign image and short edit/shop panel", "horizontally continuing product chooser", "large object detail and product story", "difference statement", "four material/process/construction/sustainability photo panels", "service/support/about/newsletter footer with huge pale symbol" ], "evidence": "Object and worn-bag photos, halftone process motifs, material/detail panels; sustainability claims unverified.", "density": "Broad quiet image fields change into small serif process copy, a horizontal product chooser and practical footer groups.", "imageTypeRelationship": "Small serif headings/copy and slim sans utilities give object scale prominence; pale symbol and halftone processing repeat.", "interior": "About pairs small halftone brand statement and framed worn-bag photo, then Materials/Process/Sustainability/Team sections. Wide full view has missing explanatory bodies; narrow provides collapsed lettered disclosures, repeated motif fields and stacked footer.", "responsive": "Paired home images stack; brand image/prose follow vertically. Product chooser retains partial next tile. Material panels remain narrow horizontal strip. About changes wide image/body relationships into stacked sections/disclosures.", "action": "About route inspected at both sizes. Wide Leather text activation scrolled to material region without verified expansion; narrow Leather actually expanded readable long explanation. Shop/cart/signup/consultation not submitted." }, "observedRelationships": [ "Object scale is established before a restrained explanation rather than enlarged promotional text.", "Product/editorial panels and material-detail strip supply different proof formats.", "Narrow About disclosures provide depth in a single reading column." ], "lessons": [ "Use genuine product/process evidence and supported material claims.", "Native disclosures and static object/story groups are suitable alternatives.", "Correct low-contrast essential text and keep horizontal panels usable on narrow screens." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Quiet object retail with tiny typographic roles, halftone process motifs and distinct mobile material disclosures; desktop missing text limits depth.", "views": [ { "id": "advene-wide-opening", "route": "https://advenedesign.com/", "resolvedUrl": "https://advenedesign.com/", "inspectedAt": "2026-10-05T20:24:50.591Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded; bottom cookie notice", "observation": "Paired object/worn-bag photographs, wordmark and outlined shop action.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:24:50.591Z; advene-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-wide-whole", "route": "https://advenedesign.com/", "resolvedUrl": "https://advenedesign.com/", "inspectedAt": "2026-10-05T20:24:50.591Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded home organization", "observation": "Brand/process panel, campaign, horizontal products, product story, difference/material strip and service/support/about/signup footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:24:50.591Z; advene-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-narrow-opening", "route": "https://advenedesign.com/", "resolvedUrl": "https://advenedesign.com/", "inspectedAt": "2026-10-05T20:25:05.913Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded; cookie notice", "observation": "Product/campaign images stack; small menu/wordmark and shop action.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:25:05.913Z; advene-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-narrow-whole", "route": "https://advenedesign.com/", "resolvedUrl": "https://advenedesign.com/", "inspectedAt": "2026-10-05T20:25:05.913Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded", "observation": "Stacked home sections, partial product chooser, narrow material strip and stacked utility footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:25:05.913Z; advene-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-narrow-about", "route": "https://advenedesign.com/pages/about", "resolvedUrl": "https://advenedesign.com/pages/about", "inspectedAt": "2026-10-05T20:25:08.358Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded organization", "observation": "Brand/image intro, Materials/Process/Sustainability lettered disclosures, motif panels, Team and footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:25:08.358Z; advene-narrow-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-wide-about", "route": "https://advenedesign.com/pages/about", "resolvedUrl": "https://advenedesign.com/pages/about", "inspectedAt": "2026-10-05T20:25:33.161Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "partial missing prose", "observation": "Wide image sequence and short section/lettered labels; important explanatory bodies missing. Full capture displaces fixed header.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:25:33.161Z; advene-wide-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-narrow-leather", "route": "https://advenedesign.com/pages/about", "resolvedUrl": "https://advenedesign.com/pages/about", "inspectedAt": "2026-10-05T20:25:44.541Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "actual disclosure expansion", "observation": "Readable long Leather explanation below label; timed newsletter and cookie bands obscure lower viewport.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:25:44.541Z; advene-narrow-leather; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "advene-wide-about-opening", "route": "https://advenedesign.com/pages/about", "resolvedUrl": "https://advenedesign.com/pages/about", "inspectedAt": "2026-10-05T20:25:51.091Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded images with newsletter overlay", "observation": "Halftone introduction image and framed worn-bag photograph loaded; bottom newsletter/cookie overlays persist.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:25:51.091Z; advene-wide-about-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Important wide About explanatory text missing; screened only rather than counting an incomplete deep interior.", "Low-contrast small type, narrow horizontal panels and persistent cookie/newsletter bands limit inspection.", "Native AX reports disclosure buttons but DOM role is generic on desktop; full keyboard/reduced-motion/a11y audit not performed.", "Creator discovery attribution not independently corroborated; stored unknown. Material/traceability/certification claims unverified; no external assets/code bundled." ], "relatedExamples": [ "lacuna-objects", "sundial-goods" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "wwake", "revision": 1, "title": "WWAKE", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "campaign", "product" ], "requestedUrl": "https://wwake.com/", "resolvedUrl": "https://wwake.com/", "inspectedAt": "2026-10-05T20:31:12.822Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/fashion" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "process", "real-copy", "routes", "action" ], "visitorTasks": [ "shop-collection", "explore-product" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Face portrait with jewelry over the eyes, centered collection name/shop, slim translucent bordered navigation and event announcement strip.", "navigation": "Wide Shop/Custom/Visit left, symbol center, utilities right; narrow symbol/search/currency/cart/menu in a compact bordered strip.", "sequence": [ "portrait campaign", "centered collection explanation", "paired pendant details and charm history with large portrait", "collection introduction and numbered category chooser", "product carousel", "unrendered lower campaign fields", "collection explanations", "journal introduction and article carousel", "service claims and local event", "image collection strip", "newsletter and grouped utility footer with pale huge wordmark" ], "evidence": "Face/worn jewelry photography, pendant objects, stone swatches, product detail and journal photographs.", "density": "Large portraits alternate restrained centered explanations, small product/history prose and numbered product categories.", "imageTypeRelationship": "Very small sans utilities and quiet copy leave prominent photographic scale; object images sit within large white fields.", "interior": "Wide Oval Sapphire Plinth Pendant has description/accordions left, giant object image center and price/stone-swatch/chain chooser right.", "responsive": "Home portrait crops tighter; charm images precede history and second portrait; categories become vertical numbered list, carousel keeps partial next item and footer groups stack.", "action": "Choose Your Stone click did not navigate in initial attempt. Actual observed product route subsequently opened; configuration and add-to-cart visible but not activated. No purchase/signup/inquiry submitted." }, "observedRelationships": [ "Detailed product choice can relate small exact stone swatches to a much larger selected object.", "Campaign portraits alternate product objects and explanatory copy with a distinct collection/journal ending." ], "lessons": [ "Preserve genuine product distinctions and supported sourcing facts.", "Keep essential collections rendered without requiring decorative reveal motion." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Restrained object configuration contrasts three informational columns with campaign portraits; unresolved home media limits deep acceptance.", "views": [ { "id": "wwake-wide-opening", "route": "https://wwake.com/", "resolvedUrl": "https://wwake.com/", "inspectedAt": "2026-10-05T20:27:12.754Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded portrait", "observation": "Portrait/name/shop, bordered nav, announcement strip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:27:12.754Z; wwake-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wwake-wide-whole", "route": "https://wwake.com/", "resolvedUrl": "https://wwake.com/", "inspectedAt": "2026-10-05T20:27:12.754Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial media", "observation": "History/object sequence, product chooser, journal/service/event/footer observed; lower campaign fields blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:27:12.754Z; wwake-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wwake-wide-product", "route": "https://wwake.com/products/oval-sapphire-plinth-pendant", "resolvedUrl": "https://wwake.com/products/oval-sapphire-plinth-pendant", "inspectedAt": "2026-10-05T20:31:05.063Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded object and swatches", "observation": "Description/detail accordions left, giant pendant center, 12 exact stones and chain options right; cart untouched.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:31:05.063Z; wwake-wide-product; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wwake-narrow-opening", "route": "https://wwake.com/", "resolvedUrl": "https://wwake.com/", "inspectedAt": "2026-10-05T20:31:12.822Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Tight face crop, small translucent menu strip and centered intro.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:31:12.822Z; wwake-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "wwake-narrow-whole", "route": "https://wwake.com/", "resolvedUrl": "https://wwake.com/", "inspectedAt": "2026-10-05T20:31:12.822Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "partial lower media after native scrolling", "observation": "Pendant details loaded; history/photo stack, numbered vertical categories and object/journal carousels; several large lower fields remain blank, utility ending loaded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:31:12.822Z; wwake-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Lower home campaign media remained blank after native scrolling; screened only.", "Narrow product and swatch activation not inspected; menu/focus/reduced-motion audit pending.", "Publisher material/event/price claims are not customer facts. Creator unknown; no external pixels/code bundled." ], "relatedExamples": [ "lacuna-objects", "sundial-goods" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "ladies-wine-design", "revision": 1, "title": "Ladies, Wine & Design", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "civic", "community" ], "requestedUrl": "http://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:12.689Z", "version": "current", "creator": { "name": "&Walsh", "attributionUrl": "https://ladieswinedesign.com/?ref=siteinspire", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "real-copy", "proof", "action", "type-content" ], "visitorTasks": [ "find-location", "compare-options", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Inset red poster with compact white title upper left, animated black lips centered and small mission statement at lower left.", "navigation": "Large hamburger and title; scroll creates black sticky title/menu bar.", "sequence": [ "poster opening", "large black mission panel with substantive prose", "gray six-event three-column text listing", "black city selection strip", "large blank map field", "numbered ruled FAQ", "red chapter photo carousel", "large chapter image/profile", "black interview portrait grid", "merch illustrations", "black sponsor invitation and creator mark" ], "evidence": "Chapter documentary photographs/profiles, interview portraits, event descriptions and FAQ, rather than decorative stock photos.", "density": "Large mission statements change to compact calendar descriptions, FAQ rows and documentary profile formats.", "imageTypeRelationship": "Bold sans statements and headers contrast smaller event prose and mono profile/interview metadata; portraits have precise chapter/person roles.", "interior": "Consequential FAQ task: events-cost question expands explanatory body in place at both sizes.", "responsive": "Poster becomes tall with tighter lips scale. Mission prose wraps into long narrow panel; event grid and city selectors stack, chapter carousel shows one entry, chapter image/prose stack and interview grid becomes two visible portraits.", "action": "Activated Are the events free? wide; narrow collapsed and reopened, with explanatory body and minus marker verified. City selector/map, hamburger and external RSVP not exercised. No signup/contact/booking submitted." }, "observedRelationships": [ "A campaign poster leads into a substantial mission, event information, local chapter proof and practical FAQ.", "Documentary profile and event formats supply different evidence rhythms rather than repeated promotion panels.", "Inline FAQ answers keep practical eligibility/cost explanation close to the question." ], "lessons": [ "Use supported mission claims and actual community evidence.", "Replace a failed map with accessible location links.", "Stack event records and chapter biographies for narrow reading; prevent carousel/page overflow." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Community campaign with functional information and local proof; both-size FAQ expansion actually exercised.", "views": [ { "id": "lwd-wide-opening", "route": "https://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:31:40.521Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded animation", "observation": "Inset red poster, lips, name and mission, followed by black substantive mission panel.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:31:40.521Z; lwd-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lwd-wide-whole", "route": "https://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:31:40.521Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "organization loaded; map blank", "observation": "Mission/calendar/selectors/FAQ/chapters/profile/interviews/merch/sponsor ending; large map field blank, fixed header displaced in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:31:40.521Z; lwd-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lwd-wide-faq", "route": "https://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:31:53.604Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "actual expanded answer", "observation": "Cost question minus marker and readable explanatory body observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:31:53.604Z; lwd-wide-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lwd-narrow-opening", "route": "https://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:03.007Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Tall poster and long narrow mission; correct content order.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:03.007Z; lwd-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lwd-narrow-whole", "route": "https://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:03.007Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded; map blank", "observation": "Stacked events/selectors; FAQ already expanded from wide, single chapter and stacked profile, reduced interview set and sponsor ending. Full capture 410px indicates horizontal overflow.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:03.007Z; lwd-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "lwd-narrow-faq", "route": "https://ladieswinedesign.com/?ref=siteinspire", "resolvedUrl": "https://ladieswinedesign.com/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:12.689Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "collapsed then actually re-expanded", "observation": "Narrow readable answer and minus marker verified after reactivation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:12.689Z; lwd-narrow-faq; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Blank map remains a material limitation; do not use its implementation as a model.", "Events are undated June listings with historical links; no claim of current event availability or independent statistics verification.", "Narrow horizontal overflow and fixed-header full-capture displacement recorded; complete keyboard/reduced-motion/a11y audit not done." ], "relatedExamples": [ "signal-fair", "loop-room" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "typography-ireland", "revision": 1, "title": "Typography Ireland", "lifecycle": "active", "primaryFamily": "text-first", "tags": [ "text-first", "editorial", "archive" ], "requestedUrl": "http://typography.ie/?ref=siteinspire", "resolvedUrl": "https://typography.ie/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:41.965Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "sparse-media", "type-content", "collection", "real-copy", "routes", "action" ], "visitorTasks": [ "read-deeply", "find-article", "understand-process" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Red field containing bold white long mission statement, small circle utility at upper right; no photographic hero.", "navigation": "Small contact/social links in DOM; index titles themselves provide navigation. Interior has no obvious home return control.", "sequence": [ "large red mission panel", "long generously spaced text index of symposium/publication/workshop/conference/lectures with dated serif metadata", "plain white ending" ], "evidence": "Specific titles, categories and dates supply navigational identity; historical publication instructions give schedule, requirements and editors.", "density": "Large mission and spacious compact index change into substantial narrow reading document.", "imageTypeRelationship": "Bold sans category/title distinguished from serif dates on home; serif paragraphs/italic subheads and sans headings in interior. One abstract conference mark at interior.", "interior": "Publication route has right reading column with schedule, instructions, submission contact and editors; left black conference-mark field at wide. At narrow prose comes first and graphic follows below.", "responsive": "Mission/index wrap with generous vertical spacing; interior moves from split graphic/document to text then graphic. Tiny interior text and horizontal scrollbar are visible.", "action": "Actual publication index link navigated to instructions; route inspected both sizes. No email/submission/social actions." }, "observedRelationships": [ "Category/title and date roles distinguish a photographic-free event/publication index.", "A large mission statement introduces a long list without card thumbnails.", "Interior changes sparse index pace into an explanatory document with schedule and explicit requirements." ], "lessons": [ "Use real subject titles and useful metadata as navigation.", "Retain readable text size and line length when stacking the document.", "Treat dates as historical or current according to verified customer facts." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse mission/index with separate document hierarchy and graphic/document responsive reorder; historical content explicitly marked.", "views": [ { "id": "type-ireland-wide-opening", "route": "https://typography.ie/?ref=siteinspire", "resolvedUrl": "https://typography.ie/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:20.849Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "White bold mission on red, followed by title/date index.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:20.849Z; type-ireland-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "type-ireland-wide-whole", "route": "https://typography.ie/?ref=siteinspire", "resolvedUrl": "https://typography.ie/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:20.849Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "complete index", "observation": "All 15 dated title/category entries and plain ending observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:20.849Z; type-ireland-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "type-ireland-wide-document", "route": "https://typography.ie/publication-of-papers/", "resolvedUrl": "https://typography.ie/publication-of-papers/", "inspectedAt": "2026-10-05T20:32:27.889Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded full document", "observation": "Right serif reading column/schedule/instructions/contact/editors, left graphic mostly cropped by its black half-field.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:27.889Z; type-ireland-wide-document; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "type-ireland-narrow-document", "route": "https://typography.ie/publication-of-papers/", "resolvedUrl": "https://typography.ie/publication-of-papers/", "inspectedAt": "2026-10-05T20:32:34.530Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded full document", "observation": "Text/instructions/editors precede full conference-mark field; native screenshot shows tiny text/horizontal scrollbar.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:34.530Z; type-ireland-narrow-document; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "type-ireland-narrow-opening", "route": "https://typography.ie/?ref=siteinspire", "resolvedUrl": "https://typography.ie/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:41.965Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Mission fills tall red panel then category/title/date blocks.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:41.965Z; type-ireland-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "type-ireland-narrow-whole", "route": "https://typography.ie/?ref=siteinspire", "resolvedUrl": "https://typography.ie/?ref=siteinspire", "inspectedAt": "2026-10-05T20:32:41.965Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "complete index", "observation": "All dated entries wrap to narrow column with generous gaps.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:32:41.965Z; type-ireland-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Live publisher currently retains 2014–2017 archive; not a current events/submit deadline recommendation.", "Interior narrow text is tiny and horizontal scrollbar exists; wide graphic clipped. Adapt hierarchy, not these failures.", "Circle utility, keyboard, reduced motion and external links not activated; no accessibility claim. Creator from discovery not independently corroborated." ], "relatedExamples": [ "mara-reading-room", "margin-journal" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "harpe-45", "revision": 1, "title": "Harpe 45", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "text-first", "archive" ], "requestedUrl": "http://harpe45.ch/?ref=siteinspire", "resolvedUrl": "https://harpe45.ch/?ref=siteinspire", "inspectedAt": "2026-10-05T20:33:31.451Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "sparse-media", "type-content", "collection", "real-copy", "routes", "action" ], "visitorTasks": [ "find-article", "read-deeply", "understand-process" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Black header with name, explicit closed-space description and Instagram symbol; three equal gray navigation bands, then Past bar and title.", "navigation": "Programme/Info/Editions equal full-width thirds; current tab darkened, persistent readable labels at narrow.", "sequence": [ "name/status/contact header", "three-tab navigation", "Past bar and heading", "20 reverse-chronological full-width exhibition records with creator/title/date/plus and changing background fields", "plain ending" ], "evidence": "Exhibition creator, italic title and date; explicit historical space status and former operators on Info.", "density": "Large full-width records with few words and strong typographic roles; short explanatory interior after same navigation.", "imageTypeRelationship": "No home photos: creator roman, exhibition italic and dates in separate block; background colors change per record.", "interior": "Info route has large title and two short paragraphs identifying closed space/operators, with generous white remaining area; same header/tab system.", "responsive": "Header name/status/social stack, tabs retain thirds, record content wraps into taller blocks and dates onto separate lines. Info remains one readable column.", "action": "Semantic Info link click timed out without navigation; exact observed href opened directly and resolved both sizes. Plus expansion was not exercised; no contact/social actions." }, "observedRelationships": [ "Creator/title/date roles support an exhibition index without thumbnail dependence.", "Full-width records can have differing lengths while preserving one systematic reading sequence.", "A terse interior can reuse navigation and supply explicit status rather than inventing promotional depth." ], "lessons": [ "Use valid current or clearly dated archive records.", "Preserve legible contrast rather than reproducing every bright background.", "Provide semantic disclosure controls and keyboard access if adding expanded records." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Photographic-free chronological exhibition archive with a real status interior and explicit current closed-business status.", "views": [ { "id": "harpe-wide-opening", "route": "https://harpe45.ch/?ref=siteinspire", "resolvedUrl": "https://harpe45.ch/?ref=siteinspire", "inspectedAt": "2026-10-05T20:33:04.697Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Name/status header, equal gray navigation bands and chronological records.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:33:04.697Z; harpe-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "harpe-wide-whole", "route": "https://harpe45.ch/?ref=siteinspire", "resolvedUrl": "https://harpe45.ch/?ref=siteinspire", "inspectedAt": "2026-10-05T20:33:04.697Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "complete archive", "observation": "20 records through first exhibition; creator/title/date/plus relationships and variable wraps observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:33:04.697Z; harpe-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "harpe-wide-info", "route": "https://harpe45.ch/info.php", "resolvedUrl": "https://harpe45.ch/info.php", "inspectedAt": "2026-10-05T20:33:17.240Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded exact observed route", "observation": "Info tab active, title and two status/operator paragraphs.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:33:17.240Z; harpe-wide-info; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "harpe-narrow-info", "route": "https://harpe45.ch/info.php", "resolvedUrl": "https://harpe45.ch/info.php", "inspectedAt": "2026-10-05T20:33:24.778Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded", "observation": "Header stack, three tabs and status/operator paragraphs readable.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:33:24.778Z; harpe-narrow-info; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "harpe-narrow-opening", "route": "https://harpe45.ch/?ref=siteinspire", "resolvedUrl": "https://harpe45.ch/?ref=siteinspire", "inspectedAt": "2026-10-05T20:33:31.451Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Header stack, three tabs and wrapped exhibition records.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:33:31.451Z; harpe-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "harpe-narrow-whole", "route": "https://harpe45.ch/?ref=siteinspire", "resolvedUrl": "https://harpe45.ch/?ref=siteinspire", "inspectedAt": "2026-10-05T20:33:31.451Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "complete archive", "observation": "All 20 record blocks and plain ending inspected; creator/title/date hierarchy preserved.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:33:31.451Z; harpe-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Current live archive says space closed September 2017. Retained for useful archive relationships, not a claim of active venue.", "Semantic navigation click timed out; exact observed href worked. Plus disclosures, Editions and keyboard not tested.", "Some bright field/type contrast is poor; full a11y/reduced-motion audit not performed. Creator unverified." ], "relatedExamples": [ "signal-fair", "mara-reading-room" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "robert-feasley", "revision": 1, "title": "Robert Feasley", "lifecycle": "active", "primaryFamily": "technical", "tags": [ "technical", "professional-service", "product" ], "requestedUrl": "https://rfeasley.io/", "resolvedUrl": "https://rfeasley.io/", "inspectedAt": "2026-10-05T20:36:12.987Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "multiple-images", "process", "proof", "real-copy", "action" ], "visitorTasks": [ "inspect-work", "evaluate-service" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Three fixed relationships: work identity left, large phone-interface demonstration center, small narrative statement right; pale small maker metadata at bottom.", "navigation": "Six section-position buttons, work names and Resume download are present; no active navigation test.", "sequence": [ "intro/phone demonstration", "four work experience descriptions with focus/impact", "self-made product process and source link", "availability/contact", "resume" ], "evidence": "Phone-interface specimens linked to work role, period, description, focus and impact claims.", "density": "Big single specimen leaves short work narrative/focus/impact metadata at right.", "imageTypeRelationship": "Small sans work notes flank dominant phone mockup; selected left work title becomes prominent.", "interior": "Not separately inspected.", "responsive": "Initial narrow viewport only shows identity and downward arrow with large empty field; phone and work details not meaningfully inspected there.", "action": "Native scroll reached selected work animation but full-page capture overlapped animated states. Contact/resume/source not activated." }, "observedRelationships": [ "One dominant interface specimen can have separate role/focus/impact notes rather than many similar cards." ], "lessons": [ "Use real demonstrated work with supported result claims.", "Expose essential work and contact in static reading order on narrow screens." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Product-language portfolio with phone specimen and separate metadata roles; transition capture limits depth.", "views": [ { "id": "feasley-wide-opening", "route": "https://rfeasley.io/", "resolvedUrl": "https://rfeasley.io/", "inspectedAt": "2026-10-05T20:36:00.039Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded phone", "observation": "Identity left, Cash App Green phone center, narrative proposition right.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:36:00.039Z; feasley-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "feasley-wide-animation", "route": "https://rfeasley.io/", "resolvedUrl": "https://rfeasley.io/", "inspectedAt": "2026-10-05T20:36:00.039Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "overlapped transitional states", "observation": "Full capture is one viewport and overlaps several specimens and metadata; not accepted as full organization.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:36:00.039Z; feasley-wide-animation; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "feasley-narrow-opening", "route": "https://rfeasley.io/", "resolvedUrl": "https://rfeasley.io/", "inspectedAt": "2026-10-05T20:36:12.987Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "identity only", "observation": "Title/discipline and downward arrow; large empty body, no full narrow work claim.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:36:12.987Z; feasley-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Scroll animation causes overlapping full capture; screened only.", "Narrow work states/focus/reduced-motion not inspected. Result/brand/employment claims unverified.", "No third-party assets/code bundled." ], "relatedExamples": [ "relay-workflow", "rivet-components" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "pear", "revision": 1, "title": "Pear", "lifecycle": "active", "primaryFamily": "maximalism", "tags": [ "maximalism", "professional-service", "illustration" ], "requestedUrl": "https://pear.no/", "resolvedUrl": "https://pear.no/", "inspectedAt": "2026-10-05T20:36:23.822Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "approved-image", "type-content", "real-copy", "action", "professional-service" ], "visitorTasks": [ "evaluate-service", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Blue scene containing monumental gold pear, classical service figures, checkered clouds, thin alignment grid and large serif proposition left.", "navigation": "Tiny logo/menu at upper left and Apply at upper right; chapter anchors for model/work/terms/questions.", "sequence": [ "loaded figurative opening and small model explanation", "large black scroll field with custom software words in AX; unrevealed visually" ], "evidence": "Short software/revenue-share proposition; figurative composition is expressive rather than customer proof.", "density": "Large atmospheric object scene against tiny action labels and short explanatory copy.", "imageTypeRelationship": "Large serif proposition foregrounds gold object scene; small mono controls and sans model explanation occupy grid regions.", "interior": "Not inspected.", "responsive": "Resize attempted, but ensuing navigation error prevented emitted screenshot; no narrow visual inspection counted.", "action": "Request Partnership and Apply visible; not submitted or activated. Native scroll changed AX to software section but full capture remained mostly black." }, "observedRelationships": [ "A single figurative scene can encode a service metaphor while a separate small paragraph explains the business model." ], "lessons": [ "Use original cleared illustration if actual business positioning supports it.", "Keep essential model/terms available as readable static sections." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Software partnership metaphor with monumental object and separate explanatory role; lower reveals not completed.", "views": [ { "id": "pear-wide-opening", "route": "https://pear.no/", "resolvedUrl": "https://pear.no/", "inspectedAt": "2026-10-05T20:36:23.822Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Gold pear/classical figures/checkered clouds, proposition, small model text and clear invitation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:36:23.822Z; pear-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pear-wide-whole", "route": "https://pear.no/", "resolvedUrl": "https://pear.no/", "inspectedAt": "2026-10-05T20:36:23.822Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "unrevealed after native scrolling", "observation": "Full capture 48150px mostly black; no completed lower organization claim.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:36:23.822Z; pear-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Long lower scroll sequence visually unavailable; desktop opening only is accepted.", "No narrow screenshot counted: tool call failed before emitting it. No focus/motion/accessibility audit.", "Revenue/contract statements unverified and not customer facts; no external assets/code bundled." ], "relatedExamples": [ "night-orchard", "relay-workflow" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "music-videos-lisovskiy", "revision": 1, "title": "Music Videos I Like — Sergey Lisovskiy", "lifecycle": "active", "primaryFamily": "expressive-type", "tags": [ "expressive-type", "text-first", "technical" ], "requestedUrl": "https://music-videos.lsvs.cloud/", "resolvedUrl": "https://music-videos.lsvs.cloud/", "inspectedAt": "2026-10-05T20:38:00.551Z", "version": "current", "creator": { "name": "Siarhiej Lisoŭski (Sergey Lisovskiy)", "attributionUrl": "https://music-videos.lsvs.cloud/about", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "sparse-media", "type-content", "collection", "real-copy", "routes", "action" ], "visitorTasks": [ "compare-options", "find-article", "read-deeply" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Oversized perforated black title at left, rotating by in center and curator name at right; three outlined pill links below, followed by five-column metadata table.", "navigation": "List/Grid/About pill links with filled active state; footer recommendation/credits links.", "sequence": [ "three-part animated typographic identity", "three-view navigation", "artist/composition/year/director/country sorting headers", "long compact ruled video-record table", "year/recommendation/credits ending" ], "evidence": "Artist/title/year/director/country metadata supports comparison without loading thumbnail media. Attribution and curatorial explanation in About.", "density": "Broad expressive identity changes to dense small table rows; About substitutes sparse three-column greeting/explanation.", "imageTypeRelationship": "Text is the default evidence. No home/list images required. Graphic glyph perforations and rotating connector distinguish masthead from ordinary table type.", "interior": "About has greeting left, second greeting middle, substantive curatorial explanation and author link right; footer below. Narrow all three become a vertical reading sequence.", "responsive": "Title/name become stacked opposite alignments with rotating connector between; five-column table changes to all five values stacked per row. Sorting headers also stack. About prose follows greeting fields.", "action": "About/List actual navigation at both sizes; narrow Year click unexpectedly resolved director-ascending and changed ordering/active label. Wide Year click correctly resolved year-ascending, first item 1979 then 1980. No recommendation sent; media expand/Grid not tested." }, "observedRelationships": [ "Expressive title can lead into a compact metadata comparison table without making every record a photo card.", "Different table fields become one logical narrow record rather than horizontally clipping the data.", "The curatorial interior explains the collection separately from dense browsing." ], "lessons": [ "Use supported structured facts and accessible semantic labels.", "Prefer static connector typography if motion is unnecessary.", "Verify each sort control maps to its own field at all sizes." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Text-only default catalog with expressive masthead, actual sorting and compact-to-stacked records; narrow sorting defect explicit.", "views": [ { "id": "music-wide-opening", "route": "https://music-videos.lsvs.cloud/", "resolvedUrl": "https://music-videos.lsvs.cloud/", "inspectedAt": "2026-10-05T20:37:15.460Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded", "observation": "Perforated title/name and rotating connector, pill links and five-column rows.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:15.460Z; music-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-wide-whole", "route": "https://music-videos.lsvs.cloud/", "resolvedUrl": "https://music-videos.lsvs.cloud/", "inspectedAt": "2026-10-05T20:37:15.460Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "complete long list", "observation": "All long compact records through utility footer inspected as organization; not per-claim verification.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:15.460Z; music-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-wide-about", "route": "https://music-videos.lsvs.cloud/about", "resolvedUrl": "https://music-videos.lsvs.cloud/about", "inspectedAt": "2026-10-05T20:37:26.069Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded whole single-screen interior", "observation": "Three-column greeting and curator explanation, author link and footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:26.069Z; music-wide-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-narrow-about", "route": "https://music-videos.lsvs.cloud/about", "resolvedUrl": "https://music-videos.lsvs.cloud/about", "inspectedAt": "2026-10-05T20:37:32.392Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded whole interior", "observation": "Greetings/explanation stack; footer not visible in full narrow About capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:32.392Z; music-narrow-about; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-narrow-opening", "route": "https://music-videos.lsvs.cloud/", "resolvedUrl": "https://music-videos.lsvs.cloud/", "inspectedAt": "2026-10-05T20:37:41.003Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded", "observation": "Stacked title/connector/name, pills and records with five metadata values each.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:41.003Z; music-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-narrow-whole", "route": "https://music-videos.lsvs.cloud/", "resolvedUrl": "https://music-videos.lsvs.cloud/", "inspectedAt": "2026-10-05T20:37:41.003Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "complete long list", "observation": "Long stacked record sequence through year/recommendation/credits ending.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:41.003Z; music-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-narrow-sort", "route": "https://music-videos.lsvs.cloud/?sort=director&order=asc", "resolvedUrl": "https://music-videos.lsvs.cloud/?sort=director&order=asc", "inspectedAt": "2026-10-05T20:37:51.652Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "unexpected director sort", "observation": "Year locator action resolved director ascending; active Directed by marker and changed first records visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:37:51.652Z; music-narrow-sort; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "music-wide-sort", "route": "https://music-videos.lsvs.cloud/?sort=year&order=asc", "resolvedUrl": "https://music-videos.lsvs.cloud/?sort=year&order=asc", "inspectedAt": "2026-10-05T20:38:00.551Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "actual correct year sort", "observation": "Year active/ascending, first record 1979 then several 1980 rows.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:38:00.551Z; music-wide-sort; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Narrow Year activation selected director sorting; useful teaching hierarchy does not certify its behavior.", "Rotating connector reduced-motion/focus not audited; row media playback and Grid not inspected.", "Narrow About footer absent in complete capture. Default list organization viewed, not every video fact individually verified.", "No copyrighted videos/images/code retained or bundled." ], "relatedExamples": [ "mara-specimen", "dock-radio" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "spatial-festival", "revision": 1, "title": "Spatial Festival 2025", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "expressive-type", "event" ], "requestedUrl": "https://spatial-festival.program.studio/", "resolvedUrl": "https://spatial-festival.program.studio/", "inspectedAt": "2026-10-05T20:38:11.811Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "type-content", "collection", "real-copy", "multiple-images", "action", "routes" ], "visitorTasks": [ "compare-options", "find-location", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Tiny Spatial wordmark and topic navigation above giant centered dated event statement on white; intended animated opening text not fully visible.", "navigation": "About/Program/Tickets/Artists/Info anchors at wide top.", "sequence": [ "partially missing huge opening fields", "centered premise", "about prose beside atmospheric photograph", "large black listening statement and warped Pure Sound mark", "three-day compact programme tables", "huge three-ticket-type text links", "centered artist names", "large venue and paired room photographs", "room/exposure explanation", "large unrevealed white ending field", "FAQ rows and small institutional footer" ], "evidence": "Schedule performer/session/room/time relationships, venue/room photography and explanatory prose.", "density": "Broad statements and image fields change into compact three-day programme tables, large pass links and artist index.", "imageTypeRelationship": "Pure Sound lettering warped and offset; compact programme metadata is distinct from large premise/pass type and room labels.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Ticket links and FAQ appear but not activated; no ticket/contact/purchase submitted." }, "observedRelationships": [ "Event overview can change from broad premise to dense programme and room evidence.", "Different pass options have a typographic rather than card-based presentation." ], "lessons": [ "Use real schedules and venue evidence with clear current/archive dates.", "Retain all essential programme/FAQ information in static flow; animation must not hide it." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sound festival mixes programme tables, venue/room proof and pass choices; opening/end reveals incomplete.", "views": [ { "id": "spatial-festival-wide-opening", "route": "https://spatial-festival.program.studio/", "resolvedUrl": "https://spatial-festival.program.studio/", "inspectedAt": "2026-10-05T20:38:11.811Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "date visible; animated title incomplete", "observation": "Centered September 2025 dates and compact top navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:38:11.811Z; spatial-festival-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "spatial-festival-wide-whole", "route": "https://spatial-festival.program.studio/", "resolvedUrl": "https://spatial-festival.program.studio/", "inspectedAt": "2026-10-05T20:38:11.811Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial native reveals", "observation": "About/photo, black listening/Pure Sound/programme, pass/artist lists, venue/room photo sequence and FAQ/footer visible; huge opening/end areas blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:38:11.811Z; spatial-festival-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Current live publisher retains 2025 festival. No claim of current booking availability.", "Opening/end animation regions blank despite native scrolling; screened only.", "No narrow/task/focus/reduced-motion inspection; no third-party media/code bundled." ], "relatedExamples": [ "signal-fair", "loop-room" ], "lessonIds": [ "cmp-type-roles", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "viv-management", "revision": 1, "title": "ViV Management", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "professional-service" ], "requestedUrl": "https://vivmgmt.com/", "resolvedUrl": "https://vivmgmt.com/", "inspectedAt": "2026-10-05T20:51:03.674Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/fashion" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "approved-image", "collection", "inspect-work" ], "visitorTasks": [ "inspect-work", "find-specialist" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Enormous black geometric name and short role statement among unequal portrait/work image columns cropped at edges.", "navigation": "Artists plus left, news/about/all and Production plus right; artist index opened.", "sequence": [ "large name and cropped unequal work images", "further home organization not visually accessible in full-page API" ], "evidence": "Actual campaign photographs and credited artist names; work interior opens four-column masonry collection.", "density": "White opening has uneven work emphasis; peach artist index uses giant centered serif names with floating hover image.", "imageTypeRelationship": "Geometric identity contrasts with quiet small sans chrome and very large serif artist names; work images retain unequal aspect ratios.", "interior": "Arturo Torres title and All/count control above loaded four-column masonry proof. Bottom Work/Bio/Contact toolbar; later images initially flat color placeholders. Bio click did not show readable text in screenshot.", "responsive": "Not inspected.", "action": "Artist index and actual named work route opened; Bio action attempted, no visible completed biography state claimed." }, "observedRelationships": [ "Unequal work images surround the identity instead of a split explanatory hero.", "Large names and a floating sample let the directory change the mode of inspection." ], "lessons": [ "Use authentic credited work and meaningful artist distinctions.", "Keep gallery and biography readable without essential hover or delayed-media dependencies." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Agency image-led identity plus giant-name artist index and masonry proof, with explicit full-page/loading limits.", "views": [ { "id": "viv-wide-home", "route": "https://vivmgmt.com/", "resolvedUrl": "https://vivmgmt.com/", "inspectedAt": "2026-10-05T20:50:37.680Z", "viewport": { "width": 1280, "height": 720 }, "scope": "opening", "state": "loaded opening", "observation": "Actual screenshot was 1280x720: geometric ViV name, unequal campaign images and small chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:50:37.680Z; viv-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "viv-wide-index", "route": "https://vivmgmt.com/artists", "resolvedUrl": "https://vivmgmt.com/artists", "inspectedAt": "2026-10-05T20:50:50.944Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded name index", "observation": "Peach field with giant centered serif names, central floating photographic preview and left discipline selector.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:50:50.944Z; viv-wide-index; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "viv-wide-work", "route": "https://vivmgmt.com/artist/arturo-torres", "resolvedUrl": "https://vivmgmt.com/artist/arturo-torres", "inspectedAt": "2026-10-05T20:51:03.674Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded first proof; later placeholders", "observation": "Large title/count and four-column unequal loaded photographs with bottom toolbar. Full-page API captured inner scrolled viewport; Bio click produced blank area rather than readable biography.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:51:03.674Z; viv-wide-work; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Home full-page API captured only viewport of internal scroller; no complete home organization or narrow inspection.", "Later masonry images were colored placeholders; attempted Bio action did not verify readable content.", "No contact/download/load-more submitted. Creator discovery attribution Lundqvist & Dallyn not independently publisher-verified. No external assets/code retained." ], "relatedExamples": [ "mara-specimen", "hearth-plane" ], "lessonIds": [ "cmp-image-art-direction", "cmp-unequal-emphasis", "cmp-navigation" ] }, { "id": "iwonderu-studios", "revision": 1, "title": "IWONDERU Studios", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "professional-service" ], "requestedUrl": "https://iwonderu.se/", "resolvedUrl": "https://www.iwonderu.se/", "inspectedAt": "2026-10-05T20:52:40.478Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/fashion" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "professional-service", "multiple-images", "approved-image", "collection", "inspect-work", "identity" ], "visitorTasks": [ "inspect-work", "explore-collection" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Oversized blackletter symbol, broad light field and thin metadata/navigation strip before asymmetric close photographic work.", "navigation": "Small name/established date/role/work/about/contact row; narrow retains name/date and menu. Persistent symbol changes scale with scroll.", "sequence": [ "symbol and slim practice strip", "unequal left/right campaign photographs with small ruled client/photographer credits", "black client-name/count/date collection breaks", "paired image/colored field", "further work portrait", "utility strip ending" ], "evidence": "Loaded credited campaign photography with distinct close/object/editorial scenes. Counts/date claims not independently verified.", "density": "Large uneven blank fields frame individual images, then black full-field client names pause sequence; work detail provides concentrated image viewing.", "imageTypeRelationship": "Blackletter identity, small serif credits and photographic/object images have separate scales. Image size/alignment varies; not uniform cards.", "interior": "Fenty Beauty/photographer/category metadata above three wide image columns; Show Overview actually opens a dark scrollable thumbnail panel with credits. Fresh narrow replaces overview control with a long single-column image sequence, followed by Next/Previous and All Projects region.", "responsive": "Home retains unequal image alignments while making portraits larger relative to width; metadata wraps and menu replaces links. Wide three-column project becomes single-column images on fresh narrow navigation. Resized overview fits nearly full narrow width; fresh narrow route omits the overview button.", "action": "Observed campaign route opened at both sizes. Wide Show Overview clicked and visible thumbnail/credit modal inspected; same modal resized narrow. Fresh narrow overview attempt correctly failed because that control is absent; static image sequence and next/all-projects route choices inspected." }, "observedRelationships": [ "Unequal photography with compact adjacent credits uses negative space as pacing, while black client-name fields interrupt the rhythm.", "Wide overview condenses a large campaign into credited thumbnails; narrow uses a straightforward stacked sequence.", "The symbol and utility strip persist at a smaller scale instead of repeating a large marketing header." ], "lessons": [ "Use actual cleared work images and credits; retain meaningful size variation and collection breaks.", "Adapt a large proof sequence to readable narrow document flow; keep essential navigation visible.", "Treat overview as optional enhancement and preserve static task access." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Independent retouch practice with unequal credited campaign sequencing, client-name pauses and actual both-size project task/overview behavior.", "views": [ { "id": "iwonderu-wide-opening", "route": "https://www.iwonderu.se/", "resolvedUrl": "https://www.iwonderu.se/", "inspectedAt": "2026-10-05T20:51:20.976Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded symbol and close work", "observation": "Large blackletter symbol, practice strip and right-half face with left small credits.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:51:20.976Z; iwonderu-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "iwonderu-wide-whole-loaded", "route": "https://www.iwonderu.se/", "resolvedUrl": "https://www.iwonderu.se/", "inspectedAt": "2026-10-05T20:52:13.156Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "organization loaded after native revisits", "observation": "Unequal jewellery/portrait/editorial/beauty work, black client/count/date pauses, paired red-field image and ending strip. Fixed symbol/chrome displaced; some credits unrevealed in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:52:13.156Z; iwonderu-wide-whole-loaded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "iwonderu-wide-project", "route": "https://www.iwonderu.se/work/fenty-beauty-lets-souffle-marcus-ohlsson", "resolvedUrl": "https://www.iwonderu.se/work/fenty-beauty-lets-souffle-marcus-ohlsson", "inspectedAt": "2026-10-05T20:51:35.923Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded project and actual overview", "observation": "Client/photographer/category above three loaded photographic columns; Show Overview clicked, dark panel of loaded small portraits and credits visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:51:35.923Z; iwonderu-wide-project; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "iwonderu-narrow-overview", "route": "https://www.iwonderu.se/work/fenty-beauty-lets-souffle-marcus-ohlsson", "resolvedUrl": "https://www.iwonderu.se/work/fenty-beauty-lets-souffle-marcus-ohlsson", "inspectedAt": "2026-10-05T20:51:42.787Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "retained modal resized", "observation": "Overview panel expands nearly viewport width with three thumbnail columns and fixed credit/category bars.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:51:42.787Z; iwonderu-narrow-overview; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "iwonderu-narrow-opening", "route": "https://www.iwonderu.se/", "resolvedUrl": "https://www.iwonderu.se/", "inspectedAt": "2026-10-05T20:51:49.808Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded narrow home", "observation": "Large symbol, name/date/menu and full-width face close crop.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:51:49.808Z; iwonderu-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "iwonderu-narrow-whole", "route": "https://www.iwonderu.se/", "resolvedUrl": "https://www.iwonderu.se/", "inspectedAt": "2026-10-05T20:51:57.142Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded sequence with capture artifacts", "observation": "Unequal portrait/object work, two black client breaks, red paired field and pink final portrait through ending observed. Native intermediate V Magazine and Swarovski states confirm initially blank images loaded. Full capture includes hidden menu panel and displaced symbol/chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:51:57.142Z; iwonderu-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "iwonderu-narrow-project", "route": "https://www.iwonderu.se/work/fenty-beauty-lets-souffle-marcus-ohlsson", "resolvedUrl": "https://www.iwonderu.se/work/fenty-beauty-lets-souffle-marcus-ohlsson", "inspectedAt": "2026-10-05T20:52:40.478Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "fresh static narrow sequence", "observation": "Project metadata, first four loaded portrait details, later loaded portraits, next/all-projects ending; several intervening image placeholders remain. Fresh narrow control absent, so overview click failure is recorded.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:52:40.478Z; iwonderu-narrow-project; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Delayed images and viewport reveals mean initial blank screenshots are not evidence of intended whitespace. Wide/narrow native revisits confirm meaningful work content; some full-page credits/media remain omitted.", "Fresh narrow project has no Show Overview button; failed click was not treated as working control. Resized retained modal differs from fresh narrow route.", "Narrow full API includes hidden menu/displaced symbol artifacts and five later image placeholders; not a complete image-by-image campaign audit.", "Keyboard/focus/reduced-motion/menu/a11y audit not performed. No inquiry, external assets/code or copied publisher facts. Edvard Scott discovery attribution remains unverified on publisher." ], "relatedExamples": [ "mara-specimen", "sundial-goods", "hearth-plane" ], "lessonIds": [ "cmp-image-art-direction", "cmp-image-sequence", "cmp-unequal-emphasis", "cmp-responsive-recomposition" ] }, { "id": "town-ai", "revision": 1, "title": "Town", "lifecycle": "active", "primaryFamily": "handmade", "tags": [ "handmade", "publication" ], "requestedUrl": "https://town.com/", "resolvedUrl": "https://www.town.com/", "inspectedAt": "2026-10-05T20:53:58.418Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "approved-image", "process", "state-change", "explore-product" ], "visitorTasks": [ "explore-product", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Very large serif statement split between opposite corners, portrait embedded in its line and hand-drawn character across white field; center explanation/action.", "navigation": "Announcement strip and boxed brand/features/solutions/routines/integrations/pricing/signin/signup row.", "sequence": [ "type/portrait/character opening", "unequal people/character task examples", "five bordered workflow demonstration sections with changing character/side explanation", "routine and integration filter/card decks", "black security explanation with four promises", "large utility footer", "black character-credit ending" ], "evidence": "Visible illustrative product UI and named testimonials; publisher capability/security/results claims unverified.", "density": "Sparse uneven opening changes into consistent workflow boards, compact routine/integration decks and trust/utility ending.", "imageTypeRelationship": "Hand-drawn characters accompany actual-looking workflow UI and small serif explanations; warm editorial type contrasts with boxed product chrome.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Signup/feature/catalog links observed; no forms, assistant prompts or account actions used." }, "observedRelationships": [ "Uneven type/portrait/character opening introduces an illustrated software identity.", "Demonstration boards use character, interface and side narrative as different explanatory roles." ], "lessons": [ "Use original illustration where tone and genuine product tasks support it.", "Keep demonstrations clearly labeled and actual capability claims supported; avoid decorative mascots substituting for proof." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Illustrated workflow software with uneven editorial opening and task-specific interface boards.", "views": [ { "id": "town-wide-opening", "route": "https://www.town.com/", "resolvedUrl": "https://www.town.com/", "inspectedAt": "2026-10-05T20:53:58.418Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded illustrated opening", "observation": "Large serif statement, inline portrait, dog character and center action.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:53:58.418Z; town-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "town-wide-whole", "route": "https://www.town.com/", "resolvedUrl": "https://www.town.com/", "inspectedAt": "2026-10-05T20:53:58.418Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded organization with partial reveals", "observation": "Workflow boards, routine/integration decks, trust and utility/character-credit ending; some character transitions pixelated and demo text/footer action unrevealed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:53:58.418Z; town-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop only; interior/mobile/custom controls remain untested.", "Illustration transitions and demonstration text partially unrevealed; no claims of real account interaction or tested capability.", "No external images/code or publisher/customer facts copied." ], "relatedExamples": [ "relay-workflow", "thread-mender" ], "lessonIds": [ "cmp-evidence-form", "cmp-image-art-direction", "cmp-page-rhythm" ] }, { "id": "hedroom", "revision": 1, "title": "HEDROOM", "lifecycle": "active", "primaryFamily": "spatial", "tags": [ "spatial", "publication" ], "requestedUrl": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:55:18.205Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/website/3102-teenage-engineering-od-11" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": true }, "fitSignals": [ "spatial", "immersive", "collection", "state-change", "explore-product" ], "visitorTasks": [ "explore-product", "listen-audio" ], "assetMinimum": "multiple-images", "complexity": "high", "lowComplexityAlternative": "Original static playlist with native labeled audio play/pause, creator/title/time and readable introduction; omit spatial rendering.", "structure": { "opening": "White single-screen field with compact brand/login/join at corners and floating blurred green/blue shapes and pixelated black-white sphere.", "navigation": "Named artifact buttons exposed in accessibility tree; selected artifact opens listening state with creator link, title, time, play/pause/stop and close. No authentication used.", "sequence": [ "single-screen artifact field", "selected dark listening state", "pause/stop return to artifact field" ], "evidence": "Interactive artifact itself is product demonstration. Counter advanced and Play/Pause label changed at both sizes; audio quality not assessed.", "density": "Large object field with very small chrome; narrow adds visible short explanatory paragraph above object and bottom task controls.", "imageTypeRelationship": "Simple sans utility contrasts with abstract pixelated/blurred artifacts; object scales with viewport and selected state becomes dark.", "interior": "Genuinely one-screen product: selected MOTE002 artifact shows focused sphere, creator/title/time and pause/stop/close; wide creator/title occupy opposite bottom regions. Narrow places creator/title/time in compact bottom row.", "responsive": "Narrow presents readable explanatory paragraph at top and login/join below object; listening state keeps paragraph and bottom controls. Wide retains corner brand/auth links and large object. Full-page API is viewport-sized but omits chrome/paragraph; native images are authoritative.", "action": "MOTE002 artifact clicked at both sizes; wide counter reached 00:06 then actual pause changed control to Play. Narrow reached 00:07/00:08 then actual pause changed control to Play; Stop clicked. No copy link/login/join/profile navigation." }, "observedRelationships": [ "The selected artifact becomes a focused listening scene with explicit task controls and elapsed time.", "Narrow translates large spatial field into explanation/object/control stack while retaining object identity." ], "lessons": [ "Use only for an explicit experimental media product with suitable capacity.", "Provide named native task controls and an accessible static playlist/player as a low-complexity alternative.", "Explain the product without requiring users to infer it from a rendered object." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Compact audio-reactive artifact product with consequential both-size play/pause/stop evidence; third primary spatial dossier without another driving portfolio.", "views": [ { "id": "hedroom-wide-opening", "route": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:54:15.651Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded artifact field", "observation": "Brand/auth corners and blurred colored forms with pixel sphere; scroll exposes named artifacts in AX.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:54:15.651Z; hedroom-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hedroom-wide-whole", "route": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:55:18.205Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-screen whole product", "observation": "Entire object field/native chrome observed; full-page API omits chrome, not a long document.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:55:18.205Z; hedroom-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hedroom-wide-listening", "route": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:54:28.841Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "actual playback then pause", "observation": "Dark object scene, creator, MOTE002, time 00:06, play/pause/stop/close; actual pause changed label/icon to Play.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:54:28.841Z; hedroom-wide-listening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hedroom-narrow-opening", "route": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:54:58.510Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded narrow explanation", "observation": "Short explanation above object, login/join lower left and pixel/colored artifacts.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:54:58.510Z; hedroom-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hedroom-narrow-whole", "route": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:54:58.510Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "single-screen organization", "observation": "Native explanation/object/auth organization complete; full API omits text/chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:54:58.510Z; hedroom-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "hedroom-narrow-listening", "route": "https://hedroom.fm/", "resolvedUrl": "https://hedroom.fm/", "inspectedAt": "2026-10-05T20:55:06.858Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "actual playback then pause and stop", "observation": "Counter advances to 00:07/00:08; explicit bottom row with creator/title/time, pause changes to Play and Stop exercised.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:55:06.858Z; hedroom-narrow-listening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Full-page API omits text/chrome although native viewport shows it. Scroll effect limited; no whole-world traversal or creator room audit claimed.", "Audio elapsed/control state verified, audio quality not assessed. No keyboard/focus/reduced-motion/full accessibility audit.", "No login/signup/public activity or downloaded/copied sound/models/assets/code." ], "relatedExamples": [ "dock-radio", "loop-room" ], "lessonIds": [ "cmp-contextual-action", "cmp-responsive-recomposition", "cmp-image-art-direction" ] }, { "id": "syntetica", "revision": 1, "title": "Syntetica", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "publication" ], "requestedUrl": "https://www.syntetica.co/", "resolvedUrl": "https://www.syntetica.co/", "inspectedAt": "2026-10-05T20:57:26.056Z", "version": "current", "creator": { "name": "GRANDst (site design/development); Omoi (creative)", "attributionUrl": "https://www.syntetica.co/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/industry" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "approved-image", "process", "product", "compare-options", "action" ], "visitorTasks": [ "explore-product", "compare-options", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Colorful extreme-close material imagery behind centered proposition mixing bold sans keywords and large serif statement; small serif navigation.", "navigation": "Brand/topic links over opening become rounded cream strip after scroll; narrow brand/Menu bar.", "sequence": [ "material proposition", "product explanation/material detail pair", "chemistry photo with repeating small type field", "colored movie-poster explanation and sponsor strip", "three dated press items", "team/moss paired careers section", "huge serif name and useful/contact footer" ], "evidence": "Actual material/lab/team images, product-grade explanations and application categories. Sustainability/performance/press claims unverified.", "density": "Large atmospheric material fields develop into compact press items and practical product explanations.", "imageTypeRelationship": "Serif explanation with bold sans emphasis contrasts with saturated material closeups and small utility sans controls.", "interior": "Material/lab opening, centered proposition/action, two grade comparison cards, six application tabs with image and concise use description, three supply/quality explanation boxes, blurred request-only specs preview, contextual inquiry and common footer.", "responsive": "Home explanation/photo pairs and press items stack; team/moss split stacks. Product grade cards stack. Desktop application tabs become narrow carousel rather than surviving tab controls; narrow cards also gain material images. Native narrow loaded apparel image inspected. Footer links stack.", "action": "Observed product route opened both sizes; wide Construction tab selected and actual matching building photo/use label displayed. Narrow tab lookup failed because carousel replaces it; first loaded apparel state inspected, carousel advance not tested. No request/contact submitted or movie played." }, "observedRelationships": [ "Expressive material identity develops into grade/application/supply explanations before inquiry.", "Comparison cards, application selector and request-only specification affordance perform different roles rather than repeating home sections.", "Narrow changes application navigation and adds image-backed supply cards." ], "lessons": [ "Use real supported material properties and application evidence; separate identity imagery from technical proof.", "Put concise grade differences and application tasks before a contextual data request.", "Preserve usable static categories and readable widths on narrow screens." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Soft expressive industrial material identity with genuine comparison/application interior and observed desktop-to-carousel narrow transformation.", "views": [ { "id": "syntetica-wide-opening", "route": "https://www.syntetica.co/", "resolvedUrl": "https://www.syntetica.co/", "inspectedAt": "2026-10-05T20:55:29.050Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded material image", "observation": "Extreme close colorful material, mixed serif/sans centered proposition and small top links.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:55:29.050Z; syntetica-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-wide-whole", "route": "https://www.syntetica.co/", "resolvedUrl": "https://www.syntetica.co/", "inspectedAt": "2026-10-05T20:55:29.050Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded organization", "observation": "Product/material, chemistry, movie poster/sponsors, press, team/moss careers and name/utility footer inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:55:29.050Z; syntetica-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-wide-product", "route": "https://www.syntetica.co/product", "resolvedUrl": "https://www.syntetica.co/product", "inspectedAt": "2026-10-05T20:56:21.023Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded full product and selected construction", "observation": "Grade cards, six application tabs, supply notes, blurred request-only specs, inquiry/footer; Construction click visibly selects matching building photo and use label.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:56:21.023Z; syntetica-wide-product; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-narrow-product", "route": "https://www.syntetica.co/product", "resolvedUrl": "https://www.syntetica.co/product", "inspectedAt": "2026-10-05T20:56:53.105Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded narrow product organization", "observation": "Stacked material proposition and grade cards, carousel region, image-backed supply cards, request-only data/inquiry/footer; first carousel image initially absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:56:53.105Z; syntetica-narrow-product; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-narrow-apparel-loaded", "route": "https://www.syntetica.co/product", "resolvedUrl": "https://www.syntetica.co/product", "inspectedAt": "2026-10-05T20:57:11.195Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native loaded first carousel state", "observation": "Apparel label, hanging jackets and short technical-fiber use label visible; advance not activated.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:57:11.195Z; syntetica-narrow-apparel-loaded; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-narrow-opening", "route": "https://www.syntetica.co/", "resolvedUrl": "https://www.syntetica.co/", "inspectedAt": "2026-10-05T20:57:16.721Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded material", "observation": "Centered wrapped mixed-type proposition over material crop and brand/menu.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:57:16.721Z; syntetica-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-narrow-whole", "route": "https://www.syntetica.co/", "resolvedUrl": "https://www.syntetica.co/", "inspectedAt": "2026-10-05T20:57:16.721Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "loaded organization; ending separately inspected", "observation": "Stacked product explanation, chemistry, poster/sponsors, press items and team/moss through footer name; later ending captured separately.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:57:16.721Z; syntetica-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "syntetica-narrow-ending", "route": "https://www.syntetica.co/", "resolvedUrl": "https://www.syntetica.co/", "inspectedAt": "2026-10-05T20:57:26.056Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "native complete footer", "observation": "Large name, prominent contact action, stacked useful links/legal and creator credits visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:57:26.056Z; syntetica-narrow-ending; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Full capture displaces fixed chrome and initially omits narrow carousel photo; native loaded apparel state separately inspected.", "Wide upper-case tab locator initially failed; actual DOM-cased control worked. Narrow tab lookup failed because carousel replaces tabs; no advance claimed.", "Request-only technical table is blurred by publisher, not independently inspected specifications. Material/sustainability/results claims unverified.", "No inquiry/request/video played; keyboard/focus/reduced-motion/a11y audit pending. No external assets/code copied." ], "relatedExamples": [ "rivet-components", "sundial-goods" ], "lessonIds": [ "cmp-evidence-form", "cmp-type-roles", "cmp-responsive-recomposition", "cmp-contextual-action" ] }, { "id": "field-energy", "revision": 1, "title": "Field", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "publication" ], "requestedUrl": "https://www.field.energy/", "resolvedUrl": "https://www.field.energy/", "inspectedAt": "2026-10-05T20:59:25.388Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/industry" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "process", "compare-options", "action" ], "visitorTasks": [ "compare-options", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Huge italic black sans proposition inside straight inset border over orange/pink/gray gradient; small mission and black action at bottom.", "navigation": "Brand and seven topic links with active dot, then common footer links.", "sequence": [ "gradient infrastructure proposition", "three parallel mission/service columns with actions", "three unloaded black image fields", "repeating net-zero gradient banner", "brand/mission/contact/legal footer" ], "evidence": "Project register supplies status, country, capacity and location links. Publisher claims unverified.", "density": "Sparse proposition moves into large explanation columns; project interior is a compact three-column register.", "imageTypeRelationship": "Extreme italic type contrasts with tiny utility labels and straight grid; missing photo fields are not an intentional sparse-media strategy.", "interior": "Gradient Projects title and introduction, filter/grid/list affordances, six ruled project cards plus orange development-pipeline card, unloaded image field, development explanation, banner and footer.", "responsive": "Not inspected.", "action": "Cookie Decline worked. Observed Projects route inspected; filters/layout toggles/location links not activated." }, "observedRelationships": [ "Gradient identity and extreme italic type accompany an explicit project-status register.", "Operational/development statuses, capacities and location links use a different task structure from the promotional opening." ], "lessons": [ "Translate the project register using supported statuses and useful task fields.", "Preserve technical proof independent of decorative imagery; provide loading fallbacks." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Energy infrastructure identity and operational project register, with explicit missing-photo limitations.", "views": [ { "id": "field-wide-home", "route": "https://www.field.energy/", "resolvedUrl": "https://www.field.energy/", "inspectedAt": "2026-10-05T20:59:16.257Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded gradient opening after Decline", "observation": "Italic proposition, border, mission/action and utility navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:59:16.257Z; field-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "field-wide-home-whole", "route": "https://www.field.energy/", "resolvedUrl": "https://www.field.energy/", "inspectedAt": "2026-10-05T20:59:16.257Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "organization with unloaded imagery", "observation": "Mission columns, black photo placeholders, repeated banner and useful footer; fixed strip displaced in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:59:16.257Z; field-wide-home-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "field-wide-projects", "route": "https://www.field.energy/projects", "resolvedUrl": "https://www.field.energy/projects", "inspectedAt": "2026-10-05T20:59:25.388Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded project register", "observation": "Six status/country/capacity/location cards and pipeline card, development explanation/footer; lower photo absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:59:25.388Z; field-wide-projects; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop only; filter/layout/location controls untested.", "Home/lower project photo fields remain unloaded; do not reproduce them or classify them as deliberate sparse design.", "No external imagery/code copied or claims verified." ], "relatedExamples": [ "rivet-components", "clearwell-directory" ], "lessonIds": [ "cmp-type-roles", "cmp-evidence-form", "cmp-contextual-action" ] }, { "id": "pocket-engineering", "revision": 1, "title": "Pocket Structural Engineers", "lifecycle": "active", "primaryFamily": "technical", "tags": [ "technical", "professional-service" ], "requestedUrl": "https://pocketeng.co.nz/", "resolvedUrl": "https://pocketeng.co.nz/", "inspectedAt": "2026-10-05T21:03:29.061Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/industry" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": true, "sparseMedia": true, "informationDense": true, "immersive": false }, "fitSignals": [ "professional-service", "sparse-media", "process", "type-content", "action" ], "visitorTasks": [ "evaluate-service", "understand-process" ], "assetMinimum": "none", "complexity": "low", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Oversized black sans wordmark and one annotated engineering sketch on white; numbered six-topic pale green index with large U-shaped mark.", "navigation": "Wide pale green index remains as a narrow visible rail behind the black Method panel. Narrow home places index below sketch; interior uses menu icon.", "sequence": [ "wordmark/sketch cover", "numbered Thinking/Method/Drawings/Work/Resources/Contact index and service descriptor", "large U mark" ], "evidence": "Hand-drawn section diagrams express engineering process without a hero photograph. Service promises are publisher assertions, unverified.", "density": "Sparse graphic index changes to two prose columns and six-step process; narrow stacks prose and presents one carousel step.", "imageTypeRelationship": "Plain large sans labels and numbered process rail accompany modest annotated technical drawings, with white/green/black fields.", "interior": "Black Method panel with huge white name, two ruled introduction columns, six horizontally expanding process steps/sketch, white line grid and studio/contact footer. Actual desktop step 2 click reveals Concept Design and matching bullet explanation.", "responsive": "Narrow removes the side rail, stacks prose, exposes one Proposal step and six dots; method full capture omits dots and lower mark/footer, native shows dots/U. Dot click produced no visible state change. Home sketch above green index; scroll separately reveals service descriptor and all links.", "action": "Method route inspected both sizes. Desktop numbered 2 clicked and Concept Design visibly appeared. Narrow dot click failed to advance; no form or contact sent." }, "observedRelationships": [ "The numbered topic index is the homepage journey, rather than a promotional hero and generic cards.", "Method develops the index into a ruled process with diagram evidence and step-specific obligations.", "Narrow replaces horizontal steps with one visible panel/dots and moves index below the cover." ], "lessons": [ "Use authentic domain sketches as modest evidence where photographs add little.", "Keep all process stages readable in a static low-complexity alternative.", "Ensure mobile carousel controls advance and have meaningful accessible names." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Sparse-media engineering index with substantive process interior and an actually exercised desktop expanding step.", "views": [ { "id": "pocket-wide-home", "route": "https://pocketeng.co.nz/", "resolvedUrl": "https://pocketeng.co.nz/", "inspectedAt": "2026-10-05T20:59:36.273Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "wordmark sketch and index", "observation": "Green topic rail and large U partially cover the index; white sketch/wordmark cover.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:59:36.273Z; pocket-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-wide-home-whole", "route": "https://pocketeng.co.nz/", "resolvedUrl": "https://pocketeng.co.nz/", "inspectedAt": "2026-10-05T20:59:36.273Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "single-view index/cover organization", "observation": "Full API remains viewport-sized; index is partially covered by large mark.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:59:36.273Z; pocket-wide-home-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-wide-method", "route": "https://pocketeng.co.nz/method/", "resolvedUrl": "https://pocketeng.co.nz/method/", "inspectedAt": "2026-10-05T20:59:45.450Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "organization observed with transition overlaps", "observation": "Black method panel, ruled prose/process/sketch/grid/footer; full API overlaps process texts.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T20:59:45.450Z; pocket-wide-method; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-wide-method-ending", "route": "https://pocketeng.co.nz/method/", "resolvedUrl": "https://pocketeng.co.nz/method/", "inspectedAt": "2026-10-05T21:02:38.288Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "native loaded ending", "observation": "Line grid and two studios/contact footer visible.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:02:38.288Z; pocket-wide-method-ending; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-wide-method-step2", "route": "https://pocketeng.co.nz/method/", "resolvedUrl": "https://pocketeng.co.nz/method/", "inspectedAt": "2026-10-05T21:02:51.667Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "actual step 2 expansion", "observation": "Concept Design heading, bullet obligations and sketch visible after click.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:02:51.667Z; pocket-wide-method-step2; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-narrow-method", "route": "https://pocketeng.co.nz/method/", "resolvedUrl": "https://pocketeng.co.nz/method/", "inspectedAt": "2026-10-05T21:02:57.438Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded narrow organization", "observation": "White wordmark, Method heading, stacked ruled prose and Proposal/sketch in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:02:57.438Z; pocket-narrow-method; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-narrow-method-dots", "route": "https://pocketeng.co.nz/method/", "resolvedUrl": "https://pocketeng.co.nz/method/", "inspectedAt": "2026-10-05T21:03:04.230Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "native lower process", "observation": "Six dots and lower U visible; subsequent second-dot click at 21:03:09.603Z produced no visible change.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:03:04.230Z; pocket-narrow-method-dots; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-narrow-opening", "route": "https://pocketeng.co.nz/", "resolvedUrl": "https://pocketeng.co.nz/", "inspectedAt": "2026-10-05T21:03:16.688Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "wordmark and sketch", "observation": "Large black name, sparse white field and annotated foundation sketch; full capture lower black field unrevealed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:03:16.688Z; pocket-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "pocket-narrow-whole", "route": "https://pocketeng.co.nz/", "resolvedUrl": "https://pocketeng.co.nz/", "inspectedAt": "2026-10-05T21:03:29.061Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "native revealed index after scroll", "observation": "Service descriptor, six numbered navigation links and U mark separately revealed; full capture had blank lower field.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:03:29.061Z; pocket-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Desktop mark partially obscures index; full process capture overlaps transitions. Native selected step and footer separately observed.", "Narrow full captures omit native reveals and method ending; carousel dot did not advance. No mobile carousel success claimed.", "No keyboard/focus/reduced-motion audit, contact submitted, or external sketch/code copied." ], "relatedExamples": [ "rivet-components", "fen-repair" ], "lessonIds": [ "cmp-evidence-form", "cmp-responsive-recomposition", "cmp-page-rhythm" ] }, { "id": "center-fiction", "revision": 1, "title": "The Center for Fiction", "lifecycle": "active", "primaryFamily": "editorial", "tags": [ "editorial", "publication" ], "requestedUrl": "https://centerforfiction.org/", "resolvedUrl": "https://centerforfiction.org/", "inspectedAt": "2026-10-05T21:05:09.426Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "type-content", "action" ], "visitorTasks": [ "explore-events", "plan-visit", "read-deeply" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Tall centered literary logo/navigation on subtle line-drawing field above off-grid large book-cover slide with serif explanation and four labelled pagination tiles.", "navigation": "Dark icon/utility strip above topic navigation; Visit opens useful six-topic submenu. Narrow logo/cart/menu and fixed bottom utility icons.", "sequence": [ "cover-led editorial carousel", "unequal three-column featured events", "dark date/event register beside orange workshop/date/price panels", "membership invitation", "unequal workshop features", "visit image/text panel", "book recommendations carousel", "donation panel", "membership and newsletter/address/hours/contact footer" ], "evidence": "Book covers, dated event registers, session prices and photographed visitor facilities; institutional claims unverified.", "density": "Offset featured entries alternate with compact coloured date/task registers, explanatory panels and dense practical footer.", "imageTypeRelationship": "Serif editorial titles/prose contrast with small uppercase sans utilities; book covers at unequal scale, fine linework and modest terracotta/navy fields.", "interior": "Wide visit submenu and muted facade opening, prose beside contact card, six photographed facility/use entries, three audience-specific hours blocks, building-photo strip and membership/footer.", "responsive": "Narrow stacks unequal features, preserves horizontal cover/recommendation carousel peeks, places fixed utility icons at bottom and facility cards in one column; contact card follows prose and hours stay grouped by audience.", "action": "Visit opened both sizes; desktop View Our Hours link actually scrolled to Hours, photographed native result. No purchases, membership, login, or signup used." }, "observedRelationships": [ "Home juxtaposes feature-scale covers with compact event/workshop registers and useful actions.", "Visit distinguishes facilities and audience-specific hours before repeated membership/footer utility.", "Narrow converts unequal columns to readable single-column order while retaining carousel peek cues." ], "lessons": [ "Use editorial roles, dates and practical distinctions to vary page density.", "Separate event discovery, visitor logistics and membership tasks.", "Provide readable carousel controls and loading fallbacks without hiding practical information." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Literary institution with unequal editorial features, compact coloured schedules and a complete practical visit interior.", "views": [ { "id": "fiction-wide-opening", "route": "https://centerforfiction.org/", "resolvedUrl": "https://centerforfiction.org/", "inspectedAt": "2026-10-05T21:04:36.123Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded cover-led opening", "observation": "Tall name/navigation, unequal carousel cover/title and explanatory action.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:36.123Z; fiction-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fiction-wide-whole", "route": "https://centerforfiction.org/", "resolvedUrl": "https://centerforfiction.org/", "inspectedAt": "2026-10-05T21:04:36.123Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "complete organization with partial lazy images", "observation": "Featured events, compact schedules, workshops, visit/recommendation/donation/membership/footer; lower images partly absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:36.123Z; fiction-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fiction-wide-visit", "route": "https://centerforfiction.org/visit/", "resolvedUrl": "https://centerforfiction.org/visit/", "inspectedAt": "2026-10-05T21:04:44.904Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded visit organization", "observation": "Six facility photos, prose/contact, audience hours and footer; lower strip initially blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:44.904Z; fiction-wide-visit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fiction-wide-hours", "route": "https://centerforfiction.org/visit/", "resolvedUrl": "https://centerforfiction.org/visit/", "inspectedAt": "2026-10-05T21:04:55.681Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "actual hours anchor result", "observation": "Audience-specific Hours section visible after View Our Hours click.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:55.681Z; fiction-wide-hours; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fiction-narrow-visit", "route": "https://centerforfiction.org/visit/", "resolvedUrl": "https://centerforfiction.org/visit/", "inspectedAt": "2026-10-05T21:05:00.282Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded narrow whole visit", "observation": "Facade opening, prose/contact, six photographed facilities, hours, building strip and membership/footer; fixed icons displace in full capture.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:05:00.282Z; fiction-narrow-visit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fiction-narrow-opening", "route": "https://centerforfiction.org/", "resolvedUrl": "https://centerforfiction.org/", "inspectedAt": "2026-10-05T21:05:09.011Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded cover opening", "observation": "Compact logo/cart/menu above wrapped serif cover-led statement and horizontal pagination.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:05:09.011Z; fiction-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "fiction-narrow-whole", "route": "https://centerforfiction.org/", "resolvedUrl": "https://centerforfiction.org/", "inspectedAt": "2026-10-05T21:05:09.426Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "organization after native scroll", "observation": "Stacked features, schedules/workshops, visit/recommendations/donation and footer inspected; some featured/visit images remain absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:05:09.426Z; fiction-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Lower homepage feature/visit media remain unloaded in full captures. Native wide Hours and loaded both-size Visit photos inspected separately.", "Fixed bottom utility strip displaces in narrow full capture; carousel/search/menu controls not tested.", "No publisher claims verified, membership/payment/signup performed, or external imagery/code copied." ], "relatedExamples": [ "margin-journal", "loop-room" ], "lessonIds": [ "cmp-page-rhythm", "cmp-type-roles", "cmp-responsive-recomposition", "cmp-contextual-action" ] }, { "id": "imal", "revision": 2, "title": "iMAL", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "publication" ], "requestedUrl": "https://imal.org/", "resolvedUrl": "https://www.imal.org/en", "inspectedAt": "2026-10-05T21:04:26.942Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "type-content", "action" ], "visitorTasks": [ "explore-events", "plan-visit" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Geometric symbol/name masthead with address/mission, thin-rule topic/language strip, huge event title/date alongside artwork.", "navigation": "Programme/Visit/Fablab/Residencies/News/About and three languages; narrow Menu/languages. Visit has horizontal task anchors.", "sequence": [ "four alternating image/title/date programme rows", "three-column dated residency deck", "community-lab deck", "four-column dated news deck", "utility/social footer" ], "evidence": "Dated programme and residency entries, artwork/people/lab images, visit access/transit/rate explanations; claims not independently verified.", "density": "Large event names/dates become compact three/four-column decks, while Visit presents factual ruled rows.", "imageTypeRelationship": "Geometric category symbols and large thin sans dates identify content roles; artwork blocks vary width rather than using one card format.", "interior": "Location-photo/opening-hours pair, practical address/contact, transit table/accessibility prose, rate list, groups/schools explanation and photo/footer.", "responsive": "Home events become image-first single-column entries; residencies stack and news is two-column. Visit stacks labelled sections, retains a transit label/value table and horizontally scrollable anchors/footer. Native Tickets click scrolls to the rate section.", "action": "Visit inspected both sizes; narrow Tickets anchor clicked and rate/group section visually reached. No ticket, rental, email, or newsletter sent." }, "observedRelationships": [ "Event dates and geometric category symbols do useful work at display scale.", "Visit develops the institution identity into practical access/transit/rate information, not another promotion page.", "Narrow keeps the compact table relationship while stacking event imagery/text." ], "lessons": [ "Use supported programme dates and practical visitor information as the organising material.", "Provide readable fallbacks for lazy-loaded images and horizontal task navigation." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Geometric culture programme and contrasting visit-information interior with observed mobile anchor result.", "views": [ { "id": "imal-wide-opening", "route": "https://www.imal.org/en", "resolvedUrl": "https://www.imal.org/en", "inspectedAt": "2026-10-05T21:03:50.994Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded artwork/date opening", "observation": "Geometric name, topics/languages, title/date/artwork pair.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:03:50.994Z; imal-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "imal-wide-whole", "route": "https://www.imal.org/en", "resolvedUrl": "https://www.imal.org/en", "inspectedAt": "2026-10-05T21:03:50.994Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "complete organization with missing lazy media", "observation": "Alternating programme, residency/lab/news decks and footer; many lower images initially absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:03:50.994Z; imal-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "imal-wide-visit", "route": "https://www.imal.org/en/visit", "resolvedUrl": "https://www.imal.org/en/visit", "inspectedAt": "2026-10-05T21:03:59.050Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded visit organization", "observation": "Photo/hours, practical contacts, transit/accessibility, rates, groups/footer; ending photo initially absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:03:59.050Z; imal-wide-visit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "imal-narrow-visit", "route": "https://www.imal.org/en/visit", "resolvedUrl": "https://www.imal.org/en/visit", "inspectedAt": "2026-10-05T21:04:08.758Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "loaded narrow visit organization", "observation": "Stacked practical information, label/value transit table, rates/groups and horizontal task/footer links; image mid-fade.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:08.758Z; imal-narrow-visit; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "imal-narrow-tickets", "route": "https://www.imal.org/en/visit", "resolvedUrl": "https://www.imal.org/en/visit", "inspectedAt": "2026-10-05T21:04:14.231Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "actual anchor result", "observation": "Tickets rate list and Groups & Schools visible after anchor click.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:14.231Z; imal-narrow-tickets; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "imal-narrow-opening", "route": "https://www.imal.org/en", "resolvedUrl": "https://www.imal.org/en", "inspectedAt": "2026-10-05T21:04:20.014Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "loaded artwork opening", "observation": "Menu/languages and image-first title/date entries.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:20.014Z; imal-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "imal-narrow-whole", "route": "https://www.imal.org/en", "resolvedUrl": "https://www.imal.org/en", "inspectedAt": "2026-10-05T21:04:26.942Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "native ending and full organization", "observation": "Programme/residencies/lab/news/footer organization inspected; some later images load after scroll, many remain absent.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:04:26.942Z; imal-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Several residency/news thumbnails remain unloaded; no claim that absent media was visually inspected.", "Fixed chrome displaces in full capture, horizontal links clip and photo carousel mid-fade. No carousel/lang/search/keyboard audit.", "No external assets/code retained or transactions/messages sent." ], "relatedExamples": [ "loop-room", "signal-fair" ], "lessonIds": [ "cmp-evidence-form", "cmp-responsive-recomposition", "cmp-type-roles" ] }, { "id": "nospr", "revision": 1, "title": "NOSPR", "lifecycle": "active", "primaryFamily": "campaign", "tags": [ "campaign", "publication" ], "requestedUrl": "https://nospr.org.pl/en", "resolvedUrl": "https://nospr.org.pl/en", "inspectedAt": "2026-10-05T21:08:22.626Z", "version": "current", "creator": { "name": "Huncwot", "attributionUrl": "https://huncwot.com/", "verified": true }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "type-content", "action" ], "visitorTasks": [ "explore-events", "plan-visit" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "White institutional header above photograph, red rectangle and overlapping large white italic serif concert title/date; red vertical utility strip.", "navigation": "Topics and red tickets/cart/profile/search rail; narrow funding logos, Menu and horizontal red utilities.", "sequence": [ "photographic concert carousel", "upcoming ticker", "season poster", "staggered two-column concert/date/ticket register", "season features", "black orchestra panel", "venue/virtual-tour panel", "news", "newsletter conductor photograph and tan form", "Instagram/footer" ], "evidence": "Event-specific dates, times, venue, ticket availability and performer roles accompany ensemble and institution photographs. Claims not verified.", "density": "Large italic announcement changes to repeated compact metadata/date rails beside unequal images, then institutional explanations and practical footer.", "imageTypeRelationship": "Italic serif event names, bold sans dates and geometric orchestra heading identify different roles; red availability tabs are local to concerts.", "interior": "Large italic name; left date/time/venue/ticket and seat buttons beside blue ensemble photograph; performer list beside review prose, duration/practical advice; upcoming concerts, newsletter and institutional footer.", "responsive": "Narrow home places image before black italic title and dates, stacks concert cards; detail image precedes date/venue/actions, performer list then prose. Two ticket/seat actions remain side by side; upcoming cards have horizontal peeks.", "action": "Concert route actually inspected both sizes. Accept cookie button worked on wide detail. Ticket/seat/share/newsletter controls not activated." }, "observedRelationships": [ "Concert identity combines display expression with event-specific availability, date and performer detail.", "The interior transforms display-scale promotion into performer/prose and practical ticket information.", "Narrow reorders image and metadata rather than simply shrinking the wide overlapping cover." ], "lessons": [ "Use supported event dates and availability as useful organizing material.", "Keep ticket actions next to practical information and offer a static poster alternative.", "Retain readable content without scroll-dependent image reveals." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Orchestra campaign expression with staggered concert register and practical performer/ticket interior.", "views": [ { "id": "nospr-wide-opening", "route": "https://nospr.org.pl/en", "resolvedUrl": "https://nospr.org.pl/en", "inspectedAt": "2026-10-05T21:07:37.729Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "photograph title and cookie notice", "observation": "Red rectangle and italic white concert title overlap image; utility rail.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:07:37.729Z; nospr-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nospr-wide-whole", "route": "https://nospr.org.pl/en", "resolvedUrl": "https://nospr.org.pl/en", "inspectedAt": "2026-10-05T21:07:37.729Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "whole organization; partial lazy media", "observation": "Concert register, season/orchestra/venue/news/newsletter/footer observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:07:37.729Z; nospr-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nospr-wide-concert", "route": "https://nospr.org.pl/en/kalendarz/jazzklub-emil-miszk-modulaire", "resolvedUrl": "https://nospr.org.pl/en/kalendarz/jazzklub-emil-miszk-modulaire", "inspectedAt": "2026-10-05T21:08:00.245Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded whole concert after consent", "observation": "Blue ensemble image, ticket/date/seat panel, performers/review, practical advice, upcoming events and credited footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:08:00.245Z; nospr-wide-concert; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nospr-narrow-concert", "route": "https://nospr.org.pl/en/kalendarz/jazzklub-emil-miszk-modulaire", "resolvedUrl": "https://nospr.org.pl/en/kalendarz/jazzklub-emil-miszk-modulaire", "inspectedAt": "2026-10-05T21:08:12.377Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "whole narrow concert", "observation": "Image-first date/actions, stacked performers/prose/practical links, upcoming carousel and form/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:08:12.377Z; nospr-narrow-concert; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nospr-narrow-opening", "route": "https://nospr.org.pl/en", "resolvedUrl": "https://nospr.org.pl/en", "inspectedAt": "2026-10-05T21:08:22.626Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "image before title", "observation": "Funding/logo utilities, photo and wrapped black italic title/date.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:08:22.626Z; nospr-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "nospr-narrow-whole", "route": "https://nospr.org.pl/en", "resolvedUrl": "https://nospr.org.pl/en", "inspectedAt": "2026-10-05T21:08:22.626Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "whole organization; partial lazy media", "observation": "Single-column concert register, season/orchestra/venue/news/newsletter/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:08:22.626Z; nospr-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Several home season/venue/Instagram photographs remain unloaded; no claim to have inspected absent pixels.", "Wide full capture exceeds viewport width; overflow not independently audited. Narrow has large gaps and carousel peeks.", "Ticket/seat/share/carousels, focus and reduced motion untested; no transaction or signup, no external media/code retained." ], "relatedExamples": [ "signal-fair", "loop-room" ], "lessonIds": [ "cmp-type-roles", "cmp-evidence-form", "cmp-responsive-recomposition", "cmp-contextual-action" ] }, { "id": "coco-hotel", "revision": 1, "title": "Coco Hotel", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "publication" ], "requestedUrl": "https://coco-hotel.com/", "resolvedUrl": "https://coco-hotel.com/", "inspectedAt": "2026-10-05T21:09:22.324Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/hotels-and-venues" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "approved-image", "action" ], "visitorTasks": [ "compare-options", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full courtyard moving photograph behind very wide bold sans centered statement; small thin serif COCO and Menu/Book at top.", "navigation": "Small Menu/brand/Book chrome and language selector; actual room route reached from homepage links.", "sequence": [ "courtyard opening", "large cream/red/blue fields mostly unrevealed", "cafe/bar photograph beside red heading/prose", "cream utility/footer" ], "evidence": "Room detail shows room area/occupancy and actual furnished room photograph; amenities and other-room options provide comparison. Claims not verified.", "density": "Broad immersive opening contrasts with small room metadata and compact amenity descriptions.", "imageTypeRelationship": "Very wide bold sans room titles with thin serif name and blue/red utilities on cream; hand-drawn red face/lips punctuate hospitality photos.", "interior": "Single room photo cover/title/description, amenity text and red face sketch beside unloaded image field, other-room cards with area/occupancy/view/book and mostly missing photos, utility footer.", "responsive": "Not visually inspected.", "action": "Decline all consent worked on room route. Room route inspected; Book/other-room arrows not activated." }, "observedRelationships": [ "Expressive wide sans and red/blue graphic details accompany warm furnished-place imagery.", "Room area/occupancy and amenity detail separate evaluation from the atmospheric opening." ], "lessons": [ "Use actual accommodation evidence and practical room fields to support comparison.", "Ensure essential room detail is readable without delayed reveals." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Graphic hospitality expression with practical room detail, limited to wide opening and a loaded room route.", "views": [ { "id": "coco-wide-room", "route": "https://coco-hotel.com/rooms/single-room/", "resolvedUrl": "https://coco-hotel.com/rooms/single-room/", "inspectedAt": "2026-10-05T21:09:06.905Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "whole room after Decline all", "observation": "Photo cover, area/occupancy/name, amenity text/red sketch, other-room cards/footer; most lower photos missing.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:06.905Z; coco-wide-room; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coco-wide-home", "route": "https://coco-hotel.com/", "resolvedUrl": "https://coco-hotel.com/", "inspectedAt": "2026-10-05T21:09:22.324Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded courtyard moving image", "observation": "Wide centered statement and thin brand/Book chrome.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:22.324Z; coco-wide-home; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "coco-wide-cafe", "route": "https://coco-hotel.com/", "resolvedUrl": "https://coco-hotel.com/", "inspectedAt": "2026-10-05T21:09:22.682Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "partial reveal after scroll", "observation": "Cafe/bar red heading/prose beside actual bar portrait photograph; cream/red/blue fields otherwise unrevealed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:22.682Z; coco-wide-cafe; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Most home content beyond opening/cafe is unrevealed; complete home organization not claimed.", "Narrow viewport was briefly set but no narrow pixels inspected; not a deep dossier.", "No booking/signup/action arrows, keyboard or reduced motion audit; no external media/code copied." ], "relatedExamples": [ "night-orchard", "sundial-goods" ], "lessonIds": [ "cmp-type-roles", "cmp-image-art-direction", "cmp-contextual-action" ] }, { "id": "thyme", "revision": 1, "title": "Thyme", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "publication" ], "requestedUrl": "https://thyme.co.uk/", "resolvedUrl": "https://www.thyme.co.uk/", "inspectedAt": "2026-10-05T21:09:44.991Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/hotels-and-venues" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "approved-image", "action" ], "visitorTasks": [ "find-location", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Cream compact branch-logo navigation over full garden moving image with white tall serif name and small place subtitle.", "navigation": "Thyme/Bertioli/Stories/Offers/Book/Shop in cream strip; Find Us actual observed route.", "sequence": [ "garden opening", "cream/pale-green unrevealed fields; later organization unknown" ], "evidence": "Place-specific photographic atmosphere and Find Us address presentation; directions below opening were read in DOM but not visually inspected.", "density": "Very sparse name/place cover and compact branch navigation; later rhythm cannot be assessed.", "imageTypeRelationship": "Tall fine white serif name over foliage with small sans subtitle and cream navigation.", "interior": "Find Us opens with estate/sheep photograph and white serif title/address; lower directions not visually inspected.", "responsive": "Not inspected.", "action": "Find Us route reached. Book/Shop/map/taxi links not activated." }, "observedRelationships": [ "A place photograph supports the identity while practical address has a separate route." ], "lessons": [ "Use real place imagery with enough contrast and immediate location access.", "Do not make essential directions depend on motion or reveal loading." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Quiet place-led opening and address cover; explicit incomplete reveal limits.", "views": [ { "id": "thyme-wide-opening", "route": "https://www.thyme.co.uk/", "resolvedUrl": "https://www.thyme.co.uk/", "inspectedAt": "2026-10-05T21:09:32.993Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded garden with cookie notice", "observation": "Bouquet carrier in moving garden image, tall serif name and cream topic strip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:32.993Z; thyme-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "thyme-wide-full-limited", "route": "https://www.thyme.co.uk/", "resolvedUrl": "https://www.thyme.co.uk/", "inspectedAt": "2026-10-05T21:09:32.993Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "mostly unrevealed", "observation": "Opening followed by huge cream/pale-green blank regions; no complete organization claimed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:32.993Z; thyme-wide-full-limited; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "thyme-wide-location", "route": "https://www.thyme.co.uk/find-us", "resolvedUrl": "https://www.thyme.co.uk/find-us", "inspectedAt": "2026-10-05T21:09:44.991Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "location opening only", "observation": "Estate/sheep cover, white serif Find Us and address with common cream navigation.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:44.991Z; thyme-wide-location; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Wide opening and location cover only; body directions, narrow, interaction/focus/motion remain uninspected.", "Cookie notice unresolved; missing reveals do not count as deliberate sparse strategy.", "No claims verified, forms sent or external assets/code retained." ], "relatedExamples": [ "night-orchard", "hearth-plane" ], "lessonIds": [ "cmp-image-art-direction", "cmp-contextual-action" ] }, { "id": "the-moth", "revision": 1, "title": "The Moth", "lifecycle": "active", "primaryFamily": "documentary", "tags": [ "documentary", "publication" ], "requestedUrl": "https://themoth.org/", "resolvedUrl": "https://www.themoth.org/", "inspectedAt": "2026-10-05T21:14:21.816Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "real-copy", "action" ], "visitorTasks": [ "read-deeply", "explore-events" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Condensed name/topic chrome above audience/storyteller photography with large white italic-wide sans short statement and yellow-green slide dots/pause.", "navigation": "Stories/Tickets/Tell Your Story/Workshops/Support and Donate/Search; narrow menu/search.", "sequence": [ "photographic cover carousel", "dark journal image and condensed title/prose", "pale Stories/Events/Workshops photo-peek selector", "ruled recent episode register", "large membership photograph", "red shop and olive history panels", "newsletter", "yellow-green moth utility footer" ], "evidence": "Actual storytellers/audience and journal images, episode summaries/durations/attributions and explicit listen actions. Publisher claims unverified.", "density": "Full-photo expression becomes book promotion, explanatory carousel and dense ruled episodes, then broad support panels/footer.", "imageTypeRelationship": "Condensed utility/headline sans contrasts with serif explanation/section titles; distinctive moth illustration is footer-scale identity, not a repeated generic card.", "interior": "Episode title and controls beside illustrated thumbnail; summary beside storyteller/host attribution, ruled related-episode register, newsletter and useful footer.", "responsive": "Narrow thumbnail precedes title, control row compresses queue to icon, attribution follows summary; related episodes become stacked prose with listen/time row. Home stacks journal and support panels while retaining image peeks and grouped episode rows.", "action": "Actual episode route inspected both sizes. Reject All consent worked. Listen/queue/share/follow, donation, subscriptions and carousel tabs not activated; visible player remained 0:00/0:00." }, "observedRelationships": [ "People/place imagery leads into substantive episode summaries and attributed storyteller content.", "Episode interior adds attribution and repeated listening decisions rather than simply repeating the homepage hero.", "Narrow swaps image/title order and stacks attributed content while preserving episode/time/action relationships." ], "lessons": [ "Use real available documentary evidence and attributable content.", "Preserve practical episode summaries and durations without requiring full motion imagery.", "Keep essential content visible before scroll reveals; give player controls explicit names." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Documentary storytelling institution with an episode register and complete attributed listening interior.", "views": [ { "id": "moth-wide-opening", "route": "https://www.themoth.org/", "resolvedUrl": "https://www.themoth.org/", "inspectedAt": "2026-10-05T21:09:52.906Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "audience cover with consent", "observation": "Audience photograph, wide white proposition, condensed navigation and consent overlay.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:09:52.906Z; moth-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "moth-wide-whole", "route": "https://www.themoth.org/", "resolvedUrl": "https://www.themoth.org/", "inspectedAt": "2026-10-05T21:14:21.816Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "revealed by native stepwise scroll", "observation": "Journal, experience photo selector, episode register, member/shop/history panels and newsletter/footer inspected.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:14:21.816Z; moth-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "moth-wide-episode", "route": "https://www.themoth.org/stories/episodes/secondhand-embarrassment", "resolvedUrl": "https://www.themoth.org/stories/episodes/secondhand-embarrassment", "inspectedAt": "2026-10-05T21:13:29.534Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "loaded opening after Reject All", "observation": "White title/control/thumbnail panel on pale yellow-green with summary/attribution.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:13:29.534Z; moth-wide-episode; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "moth-wide-episode-related", "route": "https://www.themoth.org/stories/episodes/secondhand-embarrassment", "resolvedUrl": "https://www.themoth.org/stories/episodes/secondhand-embarrassment", "inspectedAt": "2026-10-05T21:13:38.861Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "revealed related register and footer", "observation": "Four related episodes with summary/duration/Listen rows; full capture after scroll shows organization.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:13:38.861Z; moth-wide-episode-related; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "moth-narrow-episode", "route": "https://www.themoth.org/stories/episodes/secondhand-embarrassment", "resolvedUrl": "https://www.themoth.org/stories/episodes/secondhand-embarrassment", "inspectedAt": "2026-10-05T21:13:49.957Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "whole episode", "observation": "Thumbnail/title/controls then summary/attribution and related rows/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:13:49.957Z; moth-narrow-episode; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "moth-narrow-opening", "route": "https://www.themoth.org/", "resolvedUrl": "https://www.themoth.org/", "inspectedAt": "2026-10-05T21:13:59.521Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "storyteller photo cover", "observation": "Compact menu/search, short wide statement and journal image/title beneath.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:13:59.521Z; moth-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "moth-narrow-whole", "route": "https://www.themoth.org/", "resolvedUrl": "https://www.themoth.org/", "inspectedAt": "2026-10-05T21:14:08.990Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "revealed by three native scroll steps", "observation": "Journal, image-peek selector, three episode rows, member/shop/history, newsletter/footer organization.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:14:08.990Z; moth-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Initial full captures had unrevealed blank fields; native scroll revealed content. Mid-scroll screenshots are partly faded; later full organization observed.", "Fixed header/player displace into full captures and obscure some lines; player not activated and audio quality not assessed.", "No keyboard, reduced motion or full accessibility audit; no transactions/signup or external assets/code retained." ], "relatedExamples": [ "dock-radio", "margin-journal" ], "lessonIds": [ "cmp-evidence-form", "cmp-responsive-recomposition", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "te-oro", "revision": 1, "title": "Te Oro", "lifecycle": "active", "primaryFamily": "civic", "tags": [ "civic", "publication" ], "requestedUrl": "https://teoro.org.nz/", "resolvedUrl": "https://teoro.org.nz/", "inspectedAt": "2026-10-05T21:15:28.728Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "deep-reviewed", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "action", "real-copy" ], "visitorTasks": [ "explore-events", "find-location" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Huge white triangular-pattern name on black with topic columns and music/arts descriptor; red vertical Whats On band beside photographic event/date panel.", "navigation": "Wide topic columns for programme/art forms/building/hire/story/contact; narrow menu above stacked name.", "sequence": [ "large patterned name and topics", "event carousel/photo/metadata", "unequal photo/event panels", "View All Events arrow band", "building photograph field (unloaded wide)", "institution story/contact/local-board identity", "email signup band", "large red arrow ending" ], "evidence": "Each event pairs category/name/organiser with date/period/ages/cost and contextual image; course interior adds registration and venue information. Publisher claims unverified.", "density": "Large graphic name changes into dense ruled event metadata and uneven photo panels; story/footer returns to prose/contact with ample space.", "imageTypeRelationship": "Triangular-pattern letters and bold black/red bands coexist with plain readable sans titles and monospaced metadata. Actual activity photos are distinct evidence.", "interior": "Black title/proposition beside large activity photo; ruled date/period/age/free and registration/date links, about/venue prose, venue photograph, red share box, board identity and signup/arrow footer.", "responsive": "Narrow name wraps into TE/ORO, event panels become one stack with red vertical band at right. Course title/proposition then metadata/register, activity photo, prose/venue photo/share/board/footer; action precedes explanatory prose.", "action": "Art & Tea route actually inspected both sizes. Registration/date/share/menu/signup controls not activated; no forms submitted." }, "observedRelationships": [ "Graphic identity is tied to a practical community programme with distinct date, age and cost fields.", "Course detail preserves task metadata and adds purpose/venue context beside image evidence.", "Narrow changes the name and event-panel order while preserving practical age/cost/action proximity." ], "lessons": [ "Use supported audience eligibility/date/cost fields to guide decisions.", "Create original graphic motifs without copying culturally specific naming or claims.", "Preserve practical reading order and visible actions; repair clipping and missing loading fallbacks." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Civic programme with patterned typographic identity, practical event register and full course interior.", "views": [ { "id": "teoro-wide-opening", "route": "https://teoro.org.nz/", "resolvedUrl": "https://teoro.org.nz/", "inspectedAt": "2026-10-05T21:15:05.913Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded name/events", "observation": "Large patterned name, topic columns and event photo/date panel.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:15:05.913Z; teoro-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "teoro-wide-whole", "route": "https://teoro.org.nz/", "resolvedUrl": "https://teoro.org.nz/", "inspectedAt": "2026-10-05T21:15:05.913Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "whole organization with missing building image", "observation": "Unequal event/photo register, View All band, blank building field, story/contact/board/signup/arrow observed.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:15:05.913Z; teoro-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "teoro-wide-course", "route": "https://teoro.org.nz/art/art-and-tea", "resolvedUrl": "https://teoro.org.nz/art/art-and-tea", "inspectedAt": "2026-10-05T21:15:14.918Z", "viewport": { "width": 1440, "height": 900 }, "scope": "task", "state": "whole course", "observation": "Title/activity photo, date/ages/cost/register, about/venue prose/photo/share/board/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:15:14.918Z; teoro-wide-course; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "teoro-narrow-course", "route": "https://teoro.org.nz/art/art-and-tea", "resolvedUrl": "https://teoro.org.nz/art/art-and-tea", "inspectedAt": "2026-10-05T21:15:22.151Z", "viewport": { "width": 390, "height": 844 }, "scope": "task", "state": "whole course stacked", "observation": "Title/proposition then metadata/register, activity photo, prose/venue photo/share/footer.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:15:22.151Z; teoro-narrow-course; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "teoro-narrow-opening", "route": "https://teoro.org.nz/", "resolvedUrl": "https://teoro.org.nz/", "inspectedAt": "2026-10-05T21:15:28.728Z", "viewport": { "width": 390, "height": 844 }, "scope": "opening", "state": "name and event", "observation": "TE/ORO stacked name and activity photo above event metadata/red side band.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:15:28.728Z; teoro-narrow-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "teoro-narrow-whole", "route": "https://teoro.org.nz/", "resolvedUrl": "https://teoro.org.nz/", "inspectedAt": "2026-10-05T21:15:28.728Z", "viewport": { "width": 390, "height": 844 }, "scope": "whole-page", "state": "whole single-column organization", "observation": "Seven activity-photo/event blocks, View All, loaded building photograph, story/contact/board/signup/arrow.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:15:28.728Z; teoro-narrow-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Wide building image remains absent; narrow building image loaded. Full capture clips some patterned name/metadata at right; screenshot-only overflow not audited.", "Autoplay event carousel changes photo between native and full capture; controls, date links, focus and motion untested.", "No registrations, inquiries/signup or external asset/code retention." ], "relatedExamples": [ "signal-fair", "loop-room" ], "lessonIds": [ "cmp-type-roles", "cmp-evidence-form", "cmp-responsive-recomposition", "cmp-contextual-action" ] }, { "id": "peak-energy", "revision": 1, "title": "Peak Energy", "lifecycle": "active", "primaryFamily": "industrial", "tags": [ "industrial", "publication" ], "requestedUrl": "https://peakenergy.com/", "resolvedUrl": "https://peakenergy.com/", "inspectedAt": "2026-10-05T21:16:10.706Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/industry" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "process", "type-content", "action" ], "visitorTasks": [ "explore-product", "understand-process" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "White simple brand/topics/contact strip over moving industrial close-up with left multiline thin white sans proposition, orange phrase and lower-right orange application pill.", "navigation": "Brand/Home/Product/Company/News/contact; later topic anchors read but not exercised.", "sequence": [ "industrial moving cover", "four ruled numeric proof columns", "large explanatory statement with orange phrases", "three-column what-we-do explanation", "trust/press logo strips", "later sections not visually inspected" ], "evidence": "Numeric claims and industrial manufacturing footage precede longer subject explanation; all claims unverified.", "density": "Sparse photo-led proposition changes to compact numeric strip and dense multi-column prose/logos.", "imageTypeRelationship": "Thin sans and orange inline emphasis accompany industrial footage rather than repeated product cards.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Explore grid-scale applications visible; not activated." }, "observedRelationships": [ "Industrial footage leads into compact measurements and a differentiated explanation grid." ], "lessons": [ "Use only supported measurements as proof and keep them separate from the visual teaching corpus.", "Prefer static cleared industrial photography when video is unnecessary." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Industrial moving cover with measurement and explanatory proof sequence; partial wide screen.", "views": [ { "id": "peak-wide-opening", "route": "https://peakenergy.com/", "resolvedUrl": "https://peakenergy.com/", "inspectedAt": "2026-10-05T21:16:10.706Z", "viewport": { "width": 1280, "height": 720 }, "scope": "opening", "state": "loaded industrial moving image", "observation": "White navigation, orange-accent multiline statement and application pill.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:16:10.706Z; peak-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "peak-wide-partial-full", "route": "https://peakenergy.com/", "resolvedUrl": "https://peakenergy.com/", "inspectedAt": "2026-10-05T21:16:10.706Z", "viewport": { "width": 1280, "height": 720 }, "scope": "whole-page", "state": "partial organization; capture distortion", "observation": "Stretched moving image followed by four metrics, explanatory statement, three columns and logo strips; later page omitted.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:16:10.706Z; peak-wide-partial-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "New tab default was 1280x720, explicitly recorded. Wide only; interior/narrow not inspected.", "Previous batched capture/navigation failed and discarded images; only successful fresh-tab screenshot counted. Full capture stretched video and omitted lower organization.", "No claims verified, interaction audit or external assets/code copied." ], "relatedExamples": [ "rivet-components", "relay-workflow" ], "lessonIds": [ "cmp-evidence-form", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "brooklyn-storehouse", "revision": 1, "title": "Brooklyn Storehouse", "lifecycle": "active", "primaryFamily": "hospitality", "tags": [ "hospitality", "publication" ], "requestedUrl": "https://brooklynstorehouse.com/", "resolvedUrl": "https://brooklynstorehouse.com/", "inspectedAt": "2026-10-05T21:16:31.534Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/hotels-and-venues" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "approved-image", "action" ], "visitorTasks": [ "find-location", "book-inquiry" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Full sunset industrial-waterfront photograph with large upper-right outlined address/name block and lime circular topic links across top.", "navigation": "Menu/Home/About/Whats On/Rental/NYFW/FAQs across image; signup close strip at bottom.", "sequence": [ "single photographic opening with venue/address identity and bottom newsletter strip; later journey uninspected" ], "evidence": "Actual waterfront venue photograph and address block support place identity. Venue claims not verified.", "density": "Sparse full-image field with compact topic chrome and unusually prominent address.", "imageTypeRelationship": "Plain large sans address inside geometric border leaves the documentary place image legible.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Decline All cookie action worked. Newsletter/Inquire/menu not activated." }, "observedRelationships": [ "Address is a display-scale part of the venue opening, not only footer detail." ], "lessons": [ "Make real location useful without subordinating it to an abstract slogan.", "Use cleared venue imagery with readable topic/action contrast." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Venue address-first outlined identity over documentary waterfront image.", "views": [ { "id": "brooklyn-wide-opening", "route": "https://brooklynstorehouse.com/", "resolvedUrl": "https://brooklynstorehouse.com/", "inspectedAt": "2026-10-05T21:16:31.534Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "settled after cookie decline", "observation": "Waterfront photograph, framed venue/address, lime topic links and signup/close strip.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:16:31.534Z; brooklyn-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Wide opening only; no full journey/interior/narrow inspection.", "Media initially reported unable to play but settled photograph visible; no motion quality assessment.", "No newsletter/inquiry sent, focus/motion audit or external asset/code copying." ], "relatedExamples": [ "night-orchard", "hearth-plane" ], "lessonIds": [ "cmp-image-art-direction", "cmp-contextual-action" ] }, { "id": "ruadh", "revision": 1, "title": "RÙADH", "lifecycle": "active", "primaryFamily": "quiet-luxury", "tags": [ "quiet-luxury", "retail" ], "requestedUrl": "https://ruadh.com/", "resolvedUrl": "https://www.ruadh.com/", "inspectedAt": "2026-10-05T21:16:42.232Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/fashion" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": false, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "approved-image", "action" ], "visitorTasks": [ "shop-collection", "compare-options" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "Huge fine serif brand between compact split topic/utility rows over full fashion moving image; centered small collection title/Shop Now.", "navigation": "Shop/Denim/New Arrivals left; Search/Impact/Visit/Bag right; branded center.", "sequence": [ "fashion collection video cover", "four-column isolated product/photos with tiny title/colour/price", "two large paired category fashion photos", "three-column product strip", "wide sweater photograph/action", "ending unrevealed" ], "evidence": "Isolated garment photos with product-specific colour/name/price contrast with styled category photos; claims/prices not verified.", "density": "Broad moving cover alternates with compact product captions and large category images with generous white intervals.", "imageTypeRelationship": "Fine serif brand/collection expression and very small sans product labels let isolated garment photography supply comparative detail.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Shop/category/product links visible, not activated. Newsletter popup present in full capture; no signup or cart modification." }, "observedRelationships": [ "Editorial model photographs and isolated product comparisons have distinct roles in the shopping sequence." ], "lessons": [ "Use cleared product photography and supported product labels/prices to vary density.", "Keep category pathways direct and avoid making signup overlays cover shopping evidence." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Quiet garment-led retail sequence alternating editorial category imagery and product comparison strips.", "views": [ { "id": "ruadh-wide-opening", "route": "https://www.ruadh.com/", "resolvedUrl": "https://www.ruadh.com/", "inspectedAt": "2026-10-05T21:16:42.232Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded collection moving image", "observation": "Fine serif brand and small collection/action over model in industrial interior.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:16:42.232Z; ruadh-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "ruadh-wide-partial-full", "route": "https://www.ruadh.com/", "resolvedUrl": "https://www.ruadh.com/", "inspectedAt": "2026-10-05T21:16:42.232Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "merchandising sequence; ending absent", "observation": "Product strips, paired category photos and sweater field; newsletter popup overlays first strip and ending stays blank.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:16:42.232Z; ruadh-wide-partial-full; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Wide only; product/task interior and narrow pending. Full ending unrevealed and signup popup unresolved.", "Browser advertised storefront tools; none called, no cart/signup/payment action. No accessibility/motion audit or external assets/code retained." ], "relatedExamples": [ "sundial-goods", "lacuna-objects" ], "lessonIds": [ "cmp-image-art-direction", "cmp-page-rhythm", "cmp-contextual-action" ] }, { "id": "oslo-philharmonic", "revision": 1, "title": "Oslo Philharmonic", "lifecycle": "active", "primaryFamily": "swiss", "tags": [ "swiss", "publication" ], "requestedUrl": "https://ofo.no/", "resolvedUrl": "https://ofo.no/en/", "inspectedAt": "2026-10-05T21:20:39.388Z", "version": "current", "creator": { "name": null, "attributionUrl": null, "verified": false }, "discovery": { "source": "Siteinspire publisher discovery; actual publisher inspection", "url": "https://www.siteinspire.com/websites/category/event-calendar" }, "sourceStatus": "live", "evidenceLevel": "live-screened", "sourcing": { "researchRetention": "Original written observations and source links only; session screenshot viewed without a redistributed capture", "redistribution": "External screenshots, code, fonts and assets not cleared or bundled", "generationUse": "abstract-lessons-only", "basis": "Original assistant-authored relationship lessons derived from actual live viewing. Public access supplies no asset permission." }, "eligible": { "metadata": true, "images": false, "code": false }, "coverage": { "localProfessional": false, "sparseMedia": false, "informationDense": true, "immersive": false }, "fitSignals": [ "multiple-images", "collection", "type-content", "action" ], "visitorTasks": [ "explore-events", "find-location" ], "assetMinimum": "multiple-images", "complexity": "medium", "lowComplexityAlternative": "Preserve the observed content hierarchy and direct task links using static document flow; omit ornamental motion and retain readable widths.", "structure": { "opening": "White concert/subscription/search/menu strip, huge variable Of symbol crossing blush name band, then dark green concert proposition beside pianist photograph.", "navigation": "Two practical outlined topic pills and search/menu; later Upcoming Concerts link and footer concert/about/contact routes.", "sequence": [ "large variable symbol/name band", "one concert feature with date, participants, repertoire and paired ticket/read actions", "three differently coloured concert cards with photos and role-specific titles", "ruled three-column shortcut/ticket/admin contacts", "red newsletter form" ], "evidence": "Dates, participants and repertoire are distinct typographic roles; actual musician/room photographs and ticket/location contacts support programme evaluation. Claims not independently verified.", "density": "Spacious institutional mark becomes substantial feature metadata, compact upcoming deck, practical contacts and signup.", "imageTypeRelationship": "Participants in bold sans versus repertoire in fine serif, plain date above; differently coloured panels keep one shared readable metadata structure.", "interior": "Not inspected.", "responsive": "Not inspected.", "action": "Use necessary cookies only worked. Buy ticket/read/subscription/menu/signup controls not activated." }, "observedRelationships": [ "Participant names and repertoire have distinct type roles within each concert, rather than one generic title.", "An oversized variable institution symbol is followed by a restrained three-concert programme and useful contact groups." ], "lessons": [ "Use real participant/repertoire distinctions to guide reading and event selection.", "Translate the mark into an original static identity and preserve practical ticket/date/contact access." ], "useWhen": [ "The established visitor task and real content support these relationships." ], "avoidWhen": [ "Do not copy publisher claims, branding, photographs, type assets or customer evidence.", "Do not reproduce the recorded loading or clipping limitations." ], "adds": "Compact systematic concert programme with differentiated participant/repertoire roles; contrasting organization to staggered NOSPR campaign register.", "views": [ { "id": "oslo-wide-opening", "route": "https://ofo.no/en/", "resolvedUrl": "https://ofo.no/en/", "inspectedAt": "2026-10-05T21:20:39.388Z", "viewport": { "width": 1440, "height": 900 }, "scope": "opening", "state": "loaded after necessary-only consent", "observation": "Variable symbol crossing name band and two-column green feature/pianist image.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:20:39.388Z; oslo-wide-opening; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] }, { "id": "oslo-wide-whole", "route": "https://ofo.no/en/", "resolvedUrl": "https://ofo.no/en/", "inspectedAt": "2026-10-05T21:20:39.388Z", "viewport": { "width": 1440, "height": 900 }, "scope": "whole-page", "state": "loaded whole homepage", "observation": "Feature date/participant/repertoire/ticket-read actions, three coloured concert cards, contacts and red signup.", "evidencePointer": "CUA live publisher screenshot 2026-10-05T21:20:39.388Z; oslo-wide-whole; original written record in artifacts/reference-library-expansion-20261005", "limitations": [] } ], "limitations": [ "Wide homepage only; interior and narrow remain uninspected, not a deep dossier.", "Variable mark changes between captures; reduced motion/focus/contrast/control behavior not audited.", "No tickets/signup/contact sent, claims verified or external assets/code retained." ], "relatedExamples": [ "loop-room", "signal-fair" ], "lessonIds": [ "cmp-type-roles", "cmp-evidence-form", "cmp-contextual-action" ] } ] }