{ "codeComparisons": [ { "id": "cta-destination", "title": "The same CTA label. Different destinations.", "takeaway": "The manual page opens a local concept preview. The connected page links to the real AWS Preview onboarding route. This is a concrete implementation difference, not a quality score.", "manual": { "file": "index.html · lines 30–34", "language": "html", "code": " \n Explore the demo\n \"\"\n \n Interactive concept preview" }, "connected": { "file": "index.html · line 21", "language": "html", "code": " Explore the demo" } }, { "id": "responsive-recipe", "title": "From an inferred layout to an explicit responsive recipe.", "takeaway": "The manual CSS defines a two-column split and switches to a block layout at 980 px. The connected CSS implements the retrieved four-track compact and eight-track regular recipe, with its transition at 640 px.", "manual": { "file": "styles.css · selected original lines", "language": "css", "code": ".hero{min-height:calc(100vh - 103px);max-width:1440px;margin:auto;padding:46px 72px 66px;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:44px;align-items:center}\n\n@media(max-width:980px){.site-header{height:84px}.hero{min-height:auto;display:block;padding-top:73px;padding-bottom:70px}.hero-copy{max-width:710px}.hero-description{max-width:640px}.hero-footnote{margin-top:55px}.hero-art{max-width:720px;margin:22px auto 0}.window-body{grid-template-columns:127px minmax(0,1fr)}.window-content{padding-inline:25px}.context-card{padding:14px}}" }, "connected": { "file": "styles.css · lines 17–26", "language": "css", "code": ".composition { --perture-logo-base-height: 20px; grid-template-columns: repeat(4, minmax(50px, 1fr)); column-gap: 12px; row-gap: 40px; padding: 40px 40px; max-width: none; }\n.identity { grid-column: 1 / span 4; }\n.message-column { grid-column: 1 / span 4; grid-row: 2; order: 1; }\n.art-column { grid-column: 1 / span 4; grid-row: 3; order: 2; justify-content: center; }\n.art-column img { max-height: 320px; }\n@container brand-space (min-width: 640px) {\n.composition { --perture-logo-base-height: 24px; grid-template-columns: repeat(8, minmax(48px, 1fr)); column-gap: 16px; row-gap: 48px; padding: 48px 64px; max-width: 1320px; }\n.identity { grid-column: 1 / span 4; }\n.message-column { grid-column: 1 / span 4; grid-row: 2; order: 1; }\n.art-column { grid-column: 5 / span 4; grid-row: 2; order: 2; justify-content: flex-start; }" } } ], "responseComparisons": [ { "condition": "Manual assets", "source": "Original delivery report · October 16", "language": "text", "excerpt": "It uses the supplied logo, Rethink Sans, icons, and brand colors.\n\nI checked the live page at desktop and mobile sizes, including the CTA, loaded assets, and horizontal fit.", "interpretation": "The report describes the supplied ingredients and the two rendered views. Its later audit explicitly records that the CTA is a concept preview and that no official Brand Page contract validation was performed." }, { "condition": "Connected brand context", "source": "Recorded final verification result · October 27", "language": "json", "excerpt": " \"source_passed\": true,\n \"traceability_passed\": true,\n \"geometry_passed\": true,", "interpretation": "The fresh run records source, asset traceability, and geometry as separate results. These checks passed after a filename correction; they do not establish artistic or executable Figma component fidelity." } ], "methodRows": [ { "point": "Brand input", "manual": "Supplied logo files, Rethink Sans, four colors, and selected icons.", "connected": "Selected brand, published context, output references, and an interface plan retrieved through Preview MCP." }, { "point": "Composition", "manual": "The agent inferred the headline, two-column layout, background effects, and concept illustration.", "connected": "The plan supplied responsive layout regions, alignment and gap limits, official assets, and illustration references." }, { "point": "Implementation", "manual": "HTML, CSS, and JavaScript, including an interactive concept preview.", "connected": "Fresh HTML, CSS, copy, and original artwork; no previous output source or generated image reused." }, { "point": "Review", "manual": "Owner-authenticated browser review at desktop and mobile sizes; no official Brand Page contract validation.", "connected": "Source and traceability checks, ten local responsive widths, served-source binding, and owner-authenticated browser review." } ], "resultRows": [ { "point": "Working output", "manual": "A responsive, functioning landing-page hero.", "connected": "A responsive, functioning landing-page hero." }, { "point": "CTA behavior", "manual": "Opens the local Agent handoff concept panel.", "connected": "Links to AWS Preview onboarding." }, { "point": "Recorded responsive evidence", "manual": "Desktop 1440 × 900 and mobile 390 × 844; no horizontal overflow reported.", "connected": "Ten widths from 320 to 3200 px passed the initial layout checks; zero layout adjustments recorded." }, { "point": "Source check", "manual": "No official Brand Page contract validation recorded.", "connected": "First source check rejected the font filename; the final source and traceability checks passed." }, { "point": "Recorded task time", "manual": "13m 47s.", "connected": "25m 08s for the fresh repeat. These runs include different work and cannot establish a speedup." } ], "brandPageEvidence": { "caption": "Perture T2 Brand Page · AWS Preview · captured October 27, 2026.", "scope": "Current product view for orientation. The execution evidence above records the exact earlier published brand snapshot used by the fresh run; this screenshot is not presented as that historical snapshot." }, "display_note": "Code in the article has common leading indentation removed for readability. These downloadable excerpts preserve the original whitespace.", "brand_page_captures": [ { "file": "brand-page-overview.jpg", "sha256": "a170dba901271e5435b43ee3d0255382410d967148aebb8959eb1cf392da4ce3", "capture_date": "2026-10-27", "timezone": "America/Bogota", "environment": "AWS Preview", "historical_run_screenshot": false }, { "file": "brand-page-rules.jpg", "sha256": "da123af3205a3dc6db4ae6506b1ce353bd116ba0a93d0bbbb949d754924cac91", "capture_date": "2026-10-27", "timezone": "America/Bogota", "environment": "AWS Preview", "historical_run_screenshot": false } ] }