{ "schemaVersion": "1.0", "kind": "comparison", "generatedAt": "2026-10-27T13:59:16.149Z", "host": "claude-code", "writtenBy": { "name": "mousa", "version": "0.7.1" }, "medium": "web", "title": "For an audience that loves This Week in Startups, The Original Kings of Comedy, Los Angeles Dodgers, Chelsea F.C. and Live Nation", "audience": { "references": [ { "name": "This Week in Startups", "found": true }, { "name": "The Original Kings of Comedy", "found": true }, { "name": "Los Angeles Dodgers", "found": true }, { "name": "Chelsea F.C.", "found": true }, { "name": "Live Nation", "found": true } ] }, "headline": { "value": "0.63", "text": "heuristic distance between the two designs, from 0 (alike) to 1", "sentence": "10 of 10 devices rest on what the prediction did not contain." }, "arms": [ { "label": "With Qloo", "folder": "compare/with-qloo", "taste": "qloo", "kind": "session", "headline": { "value": "10 of 10", "text": "design devices rest on what the model did not predict", "sentence": "10 of 10 devices rest on what the prediction did not contain." }, "link": "/gallery/showcase-claude-code/arms/with-qloo/" }, { "label": "Without Qloo", "folder": "compare/without-qloo", "taste": "own prediction", "kind": "baseline", "headline": { "value": "10", "text": "design devices rest on the model's own prediction, with no Qloo data", "sentence": "10 devices rest on the prediction alone; no Qloo data was used." }, "link": "/gallery/showcase-claude-code/arms/without-qloo/" } ], "samePrediction": true, "measure": "design", "distance": { "overall": 0.626, "palette": 0.579, "typography": 0.417, "structure": 1, "features": 0.451, "method": "Weighted heuristic: palette CIE76 color distance (35%), font family/class difference (20%), landmark section ID difference (25%), CSS property and signature-feature difference (20%)." }, "prediction": { "frozenAt": "2026-10-24T09:16:25.936Z", "sha256": "bf3eb5e97d28a261993738fefffb0193ac08f6c60e9b641718787ccb4493937d", "sealHolds": true, "summary": "Founder- and investor-minded media people who also live for live events: big-market sports fandom (Dodgers, Chelsea), arena concerts and Black stand-up comedy. They value hustle, scoreboard results and a crowd's energy.", "groups": [ { "domain": "brand", "label": "Brands", "quality": false, "entries": [ { "name": "Nike", "measured": false }, { "name": "ESPN", "measured": true }, { "name": "Ticketmaster", "measured": false }, { "name": "Spotify", "measured": false }, { "name": "Apple", "measured": true, "as": "After Steve: How Apple Became a Trillion-Dollar Company and Lost Its Soul (book)" }, { "name": "Tesla", "measured": false } ] }, { "domain": "movie", "label": "Films", "quality": false, "entries": [ { "name": "Friday", "measured": false }, { "name": "Bad Boys", "measured": false }, { "name": "The Social Network", "measured": false }, { "name": "Moneyball", "measured": false }, { "name": "Coming to America", "measured": false } ] }, { "domain": "artist", "label": "Music", "quality": false, "entries": [ { "name": "Jay-Z", "measured": false }, { "name": "Drake", "measured": true, "as": "Drake&Orson" }, { "name": "Kendrick Lamar", "measured": false }, { "name": "Beyoncé", "measured": false }, { "name": "Kanye West", "measured": false } ] }, { "domain": "book", "label": "Books", "quality": false, "entries": [ { "name": "The Hard Thing About Hard Things", "measured": false }, { "name": "Zero to One", "measured": false }, { "name": "Shoe Dog", "measured": false }, { "name": "The Lean Startup", "measured": false } ] }, { "domain": "tv_show", "label": "TV", "quality": false, "entries": [ { "name": "Silicon Valley", "measured": false }, { "name": "Shark Tank", "measured": false }, { "name": "Ted Lasso", "measured": false }, { "name": "Martin", "measured": false }, { "name": "The Bernie Mac Show", "measured": false } ] }, { "domain": "style", "label": "Pacing", "quality": true, "entries": [ { "name": "fast-paced", "measured": false }, { "name": "punchy cuts", "measured": false }, { "name": "live broadcast energy", "measured": true, "as": "Energetic (look quality)" }, { "name": "conversational", "measured": false } ] }, { "domain": "aesthetic", "label": "Surfaces", "quality": true, "entries": [ { "name": "stadium lights", "measured": false }, { "name": "bold scoreboard type", "measured": false }, { "name": "glossy arena staging", "measured": false }, { "name": "team colors", "measured": false } ] }, { "domain": "tone", "label": "Tone", "quality": true, "entries": [ { "name": "confident", "measured": false }, { "name": "irreverent", "measured": false }, { "name": "competitive", "measured": false }, { "name": "celebratory", "measured": true } ] }, { "domain": "qualities", "label": "Shared qualities", "quality": true, "entries": [ { "name": "underdog hustle", "measured": false }, { "name": "big-stage spectacle", "measured": false }, { "name": "banter and roast humour", "measured": false }, { "name": "winning as proof", "measured": false } ] } ], "sketch": { "summary": "A dark, stadium-scoreboard landing page in Dodger and Chelsea blues with heavy condensed broadcast headlines, the evidence as a stat scoreboard and the five steps as a game-day lineup card.", "palette": [ "#0a1a3f", "#005a9c", "#ffffff", "#ef3e42", "#f5c518" ], "fonts": [ "Anton", "Barlow Condensed" ], "sections": [ "hero", "problem", "scoreboard", "how-it-works", "evidence", "agents", "try-it", "built" ], "motifs": [ "stadium scoreboard numbers", "lineup card", "ticket stub", "broadcast lower-third" ] } }, "measured": { "counts": { "works": 68, "worksPredicted": 3, "worksNew": 65, "qualities": 18, "qualitiesPredicted": 1, "tags": 24, "tagsPredicted": 1, "predictions": 25, "predictionsMeasured": 3, "requests": 15, "fromCache": 0 }, "qualities": { "look": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new", "works": [ "National Football League", "ESPN", "Gatorade G2" ], "domains": [ "brand" ], "lift": 2.73 }, { "name": "Intimate", "kind": "look quality", "mark": "new", "works": [ "Jeremih", "Men of a Certain Age", "Family Tree" ], "domains": [ "music", "TV", "film" ], "lift": 1.55 }, { "name": "Realistic", "kind": "look quality", "mark": "new", "works": [ "Camping", "Breeders", "Froning: The Fittest Man in History" ], "domains": [ "TV", "film" ], "lift": 2.27 }, { "name": "Engaging", "kind": "look quality", "mark": "new", "works": [ "Jeremih", "2 Chainz", "J. Cole" ], "domains": [ "music" ], "lift": 2.23 }, { "name": "Energetic", "kind": "look quality", "mark": "predicted", "works": [ "2 Chainz", "J. Cole", "Trey Songz" ], "domains": [ "music" ], "lift": 1.67 } ], "mood": [ { "name": "Determined", "kind": "mood quality", "mark": "new", "works": [ "I'll Sleep When I'm Dead", "Born Strong", "Eddie - Strongman" ], "domains": [ "film" ], "lift": 2.91 }, { "name": "Resilient", "kind": "mood quality", "mark": "new", "works": [ "Loudermilk", "Roadies", "Iverson" ], "domains": [ "TV", "film" ], "lift": 2.66 }, { "name": "Emotional", "kind": "mood quality", "mark": "new", "works": [ "Drake&Orson", "Coach Carter", "Glory Road" ], "domains": [ "music", "film" ], "lift": 1.85 }, { "name": "Melodic", "kind": "mood quality", "mark": "new", "works": [ "Jeremih", "Drake&Orson", "Trey Songz" ], "domains": [ "music" ], "lift": 2.27 }, { "name": "Complex", "kind": "mood quality", "mark": "new", "works": [ "Men of a Certain Age", "Loudermilk", "Whites" ], "domains": [ "TV", "film" ], "lift": 2.2 } ], "meaning": [ { "name": "Resilience", "kind": "meaning quality", "mark": "new", "works": [ "Mo", "Born Strong", "KidPoker" ], "domains": [ "TV", "film" ], "lift": 3.25 }, { "name": "Relationships", "kind": "meaning quality", "mark": "new", "works": [ "Jeremih", "Big Sean", "Trey Songz" ], "domains": [ "music" ], "lift": 3.1 }, { "name": "Diverse", "kind": "meaning quality", "mark": "new", "works": [ "2 Chainz", "Trey Songz", "T-Pain" ], "domains": [ "music" ], "lift": 2.89 }, { "name": "Perseverance", "kind": "meaning quality", "mark": "new", "works": [ "Meek Mill", "Creed", "Froning: The Fittest Man in History" ], "domains": [ "music", "film" ], "lift": 2.85 }, { "name": "Professional Athletic Achievement", "kind": "meaning quality", "mark": "new", "works": [ "Gatorade G2", "National Basketball Association", "New York Yankees" ], "domains": [ "brand" ], "lift": 2.7 } ] }, "tags": { "pacing": [ { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Kid-Friendly", "kind": "pacing", "mark": "new" }, { "name": "Spiritual", "kind": "pacing", "mark": "new" }, { "name": "Urban", "kind": "pacing", "mark": "new" }, { "name": "Meta Humorous", "kind": "pacing", "mark": "new" }, { "name": "Quick-Paced", "kind": "pacing", "mark": "new" } ], "surfaces": [ { "name": "Tailored Fit", "kind": "surface", "mark": "new" }, { "name": "Versatile Styles", "kind": "surface", "mark": "new" }, { "name": "Feminine Silhouettes", "kind": "surface", "mark": "new" }, { "name": "versatile pieces", "kind": "surface", "mark": "new" }, { "name": "Clean", "kind": "surface", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" } ], "tone": [ { "name": "Modern", "kind": "tone", "mark": "new" }, { "name": "Celebratory", "kind": "tone", "mark": "predicted" }, { "name": "Reliability", "kind": "tone", "mark": "new" }, { "name": "Elegant", "kind": "tone", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" }, { "name": "Passion", "kind": "tone", "mark": "new" } ] }, "worlds": [ { "label": "Brands", "works": [ { "name": "LA Kings", "kind": "brand", "mark": "new", "tags": [ "Black And Silver Palette", "Minimalist Logo Design", "Iconic Visual Branding" ] }, { "name": "National Football League", "kind": "brand", "mark": "new", "tags": [ "Bold Typography", "Shield Insignia", "Red White And Blue Color Palette" ] }, { "name": "Pandora", "kind": "brand", "mark": "new", "tags": [ "Minimalist", "Clean Typography", "Function-First Design" ] }, { "name": "ESPN", "kind": "brand", "mark": "predicted", "tags": [ "Bold Typography", "High-Contrast Graphics", "Dynamic Motion Design" ] } ] }, { "label": "Brands, lesser known", "works": [ { "name": "Gatorade Zero", "kind": "brand", "mark": "new", "tags": [ "Bold Typography", "Vibrant Color Palette", "High-Contrast Branding" ] }, { "name": "New York Yankees", "kind": "brand", "mark": "new", "tags": [ "Pinstripe Uniforms", "Interlocking Lettering", "Classic Navy And White Palette" ] } ] }, { "label": "Films", "works": [ { "name": "War Dogs", "kind": "film", "mark": "new", "tags": [ "Death threat", "Iwi jericho 941", "Sportscar" ] }, { "name": "Iverson", "kind": "film", "mark": "new", "tags": [ "Rebellious", "Resilient", "Cultural impact" ] }, { "name": "Straight Outta Compton", "kind": "film", "mark": "new", "tags": [ "Pragmatic", "Conflicted", "The fall" ] }, { "name": "The Founder", "kind": "film", "mark": "new", "tags": [ "Complex", "The self made man", "American midwest" ] } ] }, { "label": "Films, lesser known", "works": [ { "name": "A Kid from Coney Island", "kind": "film", "mark": "new", "tags": [ "Community focused", "Interview centric", "Intimate" ] }, { "name": "I'll Sleep When I'm Dead", "kind": "film", "mark": "new", "tags": [ "Observational", "Stage backstage juxtaposition", "Emotional" ] } ] }, { "label": "Music", "works": [ { "name": "Jeremih", "kind": "music", "mark": "new", "tags": [ "Intimate", "Engaging", "Melodic" ] }, { "name": "2 Chainz", "kind": "music", "mark": "new", "tags": [ "Energetic", "Engaging", "Bass Heavy" ] }, { "name": "Big Sean", "kind": "music", "mark": "new", "tags": [ "Mainstream Rap", "Lyrical Hip Hop", "Confident" ] }, { "name": "Drake&Orson", "kind": "music", "mark": "predicted", "tags": [ "Dynamic", "Emotional R&B", "Melodic" ] } ] }, { "label": "Books", "works": [ { "name": "After Steve: How Apple Became a Trillion-Dollar Company and Lost Its Soul", "kind": "book", "mark": "predicted", "tags": [ "Biography Memoir", "Nonfiction", "Technology" ] }, { "name": "Bruce Lee: A Life", "kind": "book", "mark": "new", "tags": [ "Biography Memoir", "Audiobook", "Film" ] }, { "name": "Kamala's Way: An American Life", "kind": "book", "mark": "new", "tags": [ "Audiobook", "Politics", "Womens" ] }, { "name": "Der Sinnreiche Junker Don Quixote Von La Mancha ...... (German Edition)", "kind": "book", "mark": "new" } ] }, { "label": "TV", "works": [ { "name": "Men of a Certain Age", "kind": "TV", "mark": "new", "tags": [ "Breakfast table intimacy", "Intimate", "Flawed" ] }, { "name": "Camping", "kind": "TV", "mark": "new", "tags": [ "Unvarnished close ups", "Improvisational energy", "Observational" ] }, { "name": "Crashing", "kind": "TV", "mark": "new", "tags": [ "Cameo heavy realism", "Improvisational tone", "Ambitious" ] }, { "name": "Breeders", "kind": "TV", "mark": "new", "tags": [ "Kitchen sink realism", "Realistic", "Mundane intimacy" ] } ] } ], "required": [ { "name": "Gatorade G2", "kind": "brand", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" }, { "name": "Men of a Certain Age", "kind": "TV", "mark": "new" }, { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Determined", "kind": "mood quality", "mark": "new" }, { "name": "Resilience", "kind": "meaning quality", "mark": "new" } ], "cautions": [ "Bold Typography is carried mostly by brands (National Football League, ESPN, Gatorade G2): it is the design this audience sees every day. Translate the genre of that design, such as broadcast graphics, packaging type or signage, never a brand's logo, mascot, exact colours or products." ] }, "views": [ { "key": "desktop", "label": "desktop", "a": { "id": "r2-desktop", "round": 2, "view": "desktop", "width": 1440, "height": 900, "label": "desktop", "cited": true, "source": ".mousa/captures/r2-desktop.png", "file": "assets/captures/a-r2-desktop.png" }, "b": { "id": "r2-desktop", "round": 2, "view": "desktop", "width": 1440, "height": 900, "label": "desktop", "cited": false, "source": ".mousa/captures/r2-desktop.png", "file": "assets/captures/b-r2-desktop.png" } }, { "key": "mobile", "label": "mobile", "a": { "id": "r2-mobile", "round": 2, "view": "mobile", "width": 390, "height": 844, "label": "mobile", "cited": false, "source": ".mousa/captures/r2-mobile.png", "file": "assets/captures/a-r2-mobile.png" }, "b": { "id": "r2-mobile", "round": 2, "view": "mobile", "width": 390, "height": 844, "label": "mobile", "cited": true, "source": ".mousa/captures/r2-mobile.png", "file": "assets/captures/b-r2-mobile.png" } }, { "key": "mobile-cold-open", "label": "mobile · cold-open", "a": { "id": "r2-mobile-cold-open", "round": 2, "view": "mobile", "target": "cold-open", "width": 390, "height": 844, "label": "mobile · cold-open", "cited": true, "source": ".mousa/captures/r2-mobile-cold-open.png", "file": "assets/captures/a-r2-mobile-cold-open.png" }, "b": null }, { "key": "desktop-evidence-facts", "label": "desktop · evidence-facts", "a": { "id": "r2-desktop-evidence-facts", "round": 2, "view": "desktop", "target": "evidence-facts", "width": 1440, "height": 900, "label": "desktop · evidence-facts", "cited": true, "source": ".mousa/captures/r2-desktop-evidence-facts.png", "file": "assets/captures/a-r2-desktop-evidence-facts.png" }, "b": null }, { "key": "mobile-training-log", "label": "mobile · training-log", "a": { "id": "r2-mobile-training-log", "round": 2, "view": "mobile", "target": "training-log", "width": 390, "height": 844, "label": "mobile · training-log", "cited": true, "source": ".mousa/captures/r2-mobile-training-log.png", "file": "assets/captures/a-r2-mobile-training-log.png" }, "b": null }, { "key": "desktop-ensemble", "label": "desktop · ensemble", "a": { "id": "r2-desktop-ensemble", "round": 2, "view": "desktop", "target": "ensemble", "width": 1440, "height": 900, "label": "desktop · ensemble", "cited": false, "source": ".mousa/captures/r2-desktop-ensemble.png", "file": "assets/captures/a-r2-desktop-ensemble.png" }, "b": null }, { "key": "desktop-top-full", "label": "desktop · top · full page", "a": null, "b": { "id": "r2-desktop-top-full", "round": 2, "view": "desktop", "target": "top", "full": true, "width": 1440, "height": 3200, "label": "desktop · top · full page", "cited": true, "source": ".mousa/captures/r2-desktop-top-full.png", "file": "assets/captures/b-r2-desktop-top-full.png" } }, { "key": "mobile-tickets-full", "label": "mobile · tickets · full page", "a": null, "b": { "id": "r2-mobile-tickets-full", "round": 2, "view": "mobile", "target": "tickets", "full": true, "width": 390, "height": 3200, "label": "mobile · tickets · full page", "cited": false, "source": ".mousa/captures/r2-mobile-tickets-full.png", "file": "assets/captures/b-r2-mobile-tickets-full.png" } }, { "key": "mobile-tickets", "label": "mobile · tickets", "a": null, "b": { "id": "r2-mobile-tickets", "round": 2, "view": "mobile", "target": "tickets", "width": 390, "height": 844, "label": "mobile · tickets", "cited": true, "source": ".mousa/captures/r2-mobile-tickets.png", "file": "assets/captures/b-r2-mobile-tickets.png" } } ], "layers": [ { "layer": "palette", "arms": [ [ { "id": "dna1", "layer": "palette", "device": "Flavour colour on plain cloth", "anchors": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Gatorade G2", "kind": "brand", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" } ], "qualities": [ "Bold Typography", "Vibrant Colors", "Neutral Palettes" ], "translation": "Packaging draws Bold Typography as heavy ink on a plain field with one vibrant flavour colour. Here the field is a cool, clean cloth grey, the ink a near-black, and the single flavour colour an electric chartreuse used only behind the loudest words and numbers. A dark olive-black is the documentary frame and a tungsten amber the one lamp inside it. No brand's own colours: the chartreuse is a genre's vibrancy, not a bottle's.", "convention": "sports-drink packaging: oversized heavy grotesque capitals stacked edge to edge, one vibrant flavour colour on a plain neutral field", "tokens": { "colors": [ "#e2e3de", "#121312", "#d6ff2e", "#23241f", "#c8793f", "#8c8f87" ] }, "surprise": true, "moved": { "colors": [ "#121312", "#d6ff2e", "#23241f", "#c8793f", "#8c8f87" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Six custom properties on :root carry the cloth, ink, flavour, frame, lamp and steel values used everywhere through var().", "cluster": "The label on the bottle", "check": "present" } ], [ { "id": "dna1", "layer": "palette", "device": "Night game under the lights", "anchors": [ { "name": "big-stage spectacle", "kind": "quality", "mark": "own" }, { "name": "stadium lights", "kind": "surface", "mark": "own" } ], "qualities": [ "big-stage spectacle", "stadium lights" ], "translation": "Big-stage spectacle drawn the way light-tower photographs draw it: a near-black night sky, a deep stand blue, cones of hard white light, scoreboard-bulb amber for every number and one tally red for what the guess missed. An electric royal blue nods to a ballpark night without copying any club's colour.", "convention": "light-tower silhouettes cutting cones of white light into a night sky", "tokens": { "colors": [ "#080b17", "#131a33", "#2c55f0", "#ffb320", "#ff4b36", "#eef1f8" ] }, "surprise": false, "moved": { "colors": [ "#080b17", "#2c55f0" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Six custom properties on :root hold the night-game palette so every section draws from the same lights.", "cluster": "The big stage", "check": "present" } ] ] }, { "layer": "typography", "arms": [ [ { "id": "dna2", "layer": "typography", "device": "Stacked label capitals over a plain humanist text", "anchors": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Gatorade G2", "kind": "brand", "mark": "new" } ], "qualities": [ "Bold Typography", "Athletic Branding" ], "translation": "Bold Typography set the way sports-drink labels set it: a heavy, wide grotesque in capitals, stacked with tight leading so words run edge to edge, against a quiet humanist sans for the reading text and the subtitles. Not the condensed scoreboard faces I would have chosen.", "convention": "sports-drink packaging: oversized heavy grotesque capitals stacked edge to edge, one vibrant flavour colour on a plain neutral field", "tokens": { "fonts": [ "Archivo Black", "Cabin" ], "css": [ "line-height: .86", "letter-spacing: -.02em" ] }, "surprise": true, "moved": { "colors": [], "fonts": [ "Archivo Black", "Cabin" ], "ids": [] }, "method": "library-font", "why": "Archivo Black and Cabin fetched into fonts/ and loaded with @font-face; heading rules set the tight label leading and tracking.", "cluster": "The label on the bottle", "check": "present" } ], [ { "id": "dna2", "layer": "typography", "device": "Score-bug capitals over stat-sheet figures", "anchors": [ { "name": "bold scoreboard type", "kind": "surface", "mark": "own" }, { "name": "winning as proof", "kind": "quality", "mark": "own" }, { "name": "ESPN", "kind": "brand", "mark": "own" } ], "qualities": [ "bold scoreboard type", "winning as proof" ], "translation": "Bold scoreboard type set the way broadcast score bugs set it: boxed heavy condensed capitals in Anton on a dark bar, with Barlow Condensed for body and every figure in tabular numerals, so the numbers line up like a stat sheet.", "convention": "broadcast score bugs: boxed condensed capitals on a dark bar", "tokens": { "fonts": [ "Anton", "Barlow Condensed" ], "css": [ "font-variant-numeric: tabular-nums" ] }, "surprise": false, "method": "library-font", "why": "Anton and Barlow Condensed fetched from the library and loaded with @font-face carry the score-bug capitals and the stat-sheet figures.", "cluster": "Game-day broadcast", "check": "present" }, { "id": "dna10", "layer": "typography", "device": "Marquee letters for the comedy stage", "anchors": [ { "name": "banter and roast humour", "kind": "quality", "mark": "own" }, { "name": "Martin", "kind": "TV", "mark": "own" }, { "name": "Coming to America", "kind": "film", "mark": "own" } ], "qualities": [ "banter and roast humour", "irreverent" ], "translation": "The roast and the ticket fields set in Bungee, the chunky signage capitals of stand-up marquees and 90s sitcom title cards, so the comedy sections speak in a different, louder voice than the broadcast.", "convention": "90s sitcom title cards: chunky, bouncy lettering on one flat bright colour", "tokens": { "fonts": [ "Bungee" ] }, "surprise": false, "moved": { "colors": [], "fonts": [ "Bungee" ], "ids": [] }, "method": "library-font", "why": "Bungee fetched from the library sets the roast heading and the ticket fields.", "cluster": "Couch banter", "check": "present" } ] ] }, { "layer": "imagery", "arms": [ [ { "id": "dna5", "layer": "imagery", "device": "The kitchen table with the sealed guess", "anchors": [ { "name": "Men of a Certain Age", "kind": "TV", "mark": "new" }, { "name": "Intimate", "kind": "look quality", "mark": "new" } ], "qualities": [ "Breakfast table intimacy", "Intimate" ], "translation": "Breakfast-table intimacy drawn as a flat inline SVG inside the cold open: a table edge, a mug, a lamp's warm pool, a notebook and a sealed envelope that stands for the frozen guess. Muted, one tungsten light, nothing staged.", "convention": "kitchen-sink television: a domestic table under one tungsten lamp, muted colour, nothing styled", "tokens": { "svg": [ "kitchen-table" ] }, "surprise": true, "method": "inline-svg", "why": "A flat drawing of the table scene lives inside the cold open, so it can push in and needs no picture generator.", "cluster": "Close and unvarnished", "check": "present" }, { "id": "dna6", "layer": "imagery", "device": "Tape measure and pattern pieces", "anchors": [ { "name": "Tailored Fit", "kind": "surface", "mark": "new" }, { "name": "Clean", "kind": "surface", "mark": "new" } ], "qualities": [ "Tailored Fit", "Clean" ], "translation": "Tailored Fit becomes the page's emblem: an inline SVG tape measure unrolling across paper pattern pieces with chalk marks, drawn in clean single-weight lines on the cloth grey. Made to measure is what the product does.", "convention": "tailoring: chalk marks, a tape measure and paper pattern pieces laid on plain cloth", "tokens": { "keyframes": [ "tape-unroll" ], "svg": [ "tape-measure" ] }, "surprise": true, "method": "inline-svg", "why": "A line drawing whose tape path unrolls with stroke-dashoffset when it enters the view: the signature moment.", "cluster": "Made to measure", "check": "present" } ], [ { "id": "dna6", "layer": "imagery", "device": "Light towers over the stand, a lone mic on the stage", "anchors": [ { "name": "glossy arena staging", "kind": "surface", "mark": "own" }, { "name": "stadium lights", "kind": "surface", "mark": "own" }, { "name": "banter and roast humour", "kind": "quality", "mark": "own" } ], "qualities": [ "glossy arena staging", "stadium lights" ], "translation": "Original line drawings: two stadium light towers with banks of lamps throwing cones over a stand silhouette in the hero, and a mic stand under a single spotlight on a curtain for the roast of the problem.", "convention": "stand-up special posters: a lone mic stand under one spotlight on a dark curtain, the title in tall marquee letters", "tokens": { "ids": [ "roast" ], "svg": [ "light-towers", "mic-stage" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "roast" ] }, "method": "inline-svg", "why": "Light towers and the mic stand are simple geometric silhouettes that read best as crisp inline SVG and can be animated.", "cluster": "The big stage", "check": "present" } ] ] }, { "layer": "motion", "arms": [ [ { "id": "dna7", "layer": "motion", "device": "Slow subtitle rise and a long push-in", "anchors": [ { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" } ], "qualities": [ "Hauntingly Intimate", "Melodic" ], "translation": "Hauntingly Intimate pacing: subtitles fade up slowly one line after another with a soft ease and no overshoot, and the cold-open drawing pushes in over fourteen seconds, once. Melodic, not punchy; no tickers.", "tokens": { "css": [ "animation: push-in 14s cubic-bezier(.25,.1,.25,1) both" ], "keyframes": [ "subtitle-rise", "push-in" ] }, "surprise": true, "method": "css-motion", "why": "Keyframes for the subtitle rise with staggered delays and a single long push-in on the drawing, both removed under reduced motion.", "cluster": "Close and unvarnished", "check": "present" } ], [ { "id": "dna7", "layer": "motion", "device": "Broadcast crawl and beam sweep", "anchors": [ { "name": "live broadcast energy", "kind": "pacing", "mark": "own" }, { "name": "fast-paced", "kind": "pacing", "mark": "own" } ], "qualities": [ "live broadcast energy", "fast-paced" ], "translation": "Live broadcast energy as a news crawl that runs the facts along a lower-third bar, and light beams that sweep slowly over the hero; quick, punchy entrances for each section; all paused by a control and stopped for reduced motion.", "tokens": { "css": [ "animation: ticker-crawl 42s linear infinite" ], "keyframes": [ "ticker-crawl", "beam-sweep" ] }, "surprise": false, "method": "css-motion", "why": "The crawl and the beam sweep are transform and opacity keyframes with a pause control and a reduced-motion rule.", "cluster": "Game-day broadcast", "check": "present" } ] ] }, { "layer": "voice", "arms": [ [ { "id": "dna10", "layer": "voice", "device": "Training-day lines, short and determined", "anchors": [ { "name": "Determined", "kind": "mood quality", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" }, { "name": "Reliability", "kind": "tone", "mark": "new" } ], "qualities": [ "Determined", "Determination", "Reliability" ], "translation": "Determined and reliable: short declarative lines that sound like a coach before a session, with the facts left exactly as they are.", "tokens": { "copy": [ "Made to measure. Not off the rack.", "Guess first. Then measure. Then design from the difference.", "The guess is sealed before the tape comes out." ] }, "surprise": true, "method": "copy", "why": "The headline, the cold open's last subtitle and section intros carry the lines; every fact keeps its number and name.", "cluster": "The long road", "check": "present" } ], [ { "id": "dna8", "layer": "voice", "device": "Roast-night banter with a closer's confidence", "anchors": [ { "name": "banter and roast humour", "kind": "quality", "mark": "own" }, { "name": "Friday", "kind": "film", "mark": "own" }, { "name": "Jay-Z", "kind": "music", "mark": "own" } ], "qualities": [ "banter and roast humour", "confident" ], "translation": "The copy talks straight to the jury, ribs the overconfident guess like a roast and closes like a headliner, while every number and name stays exactly as the facts give it.", "tokens": { "copy": [ "Your agent thinks it knows the crowd. It named 22 of 714.", "Nice guess. Now check the scoreboard.", "Pick your seat." ] }, "surprise": false, "method": "copy", "why": "The banter lives in the headings and intros written around the fixed facts.", "cluster": "Couch banter", "check": "present" } ] ] }, { "layer": "layout", "arms": [ [ { "id": "dna4", "layer": "layout", "device": "Letterboxed cold open with burned-in subtitles", "anchors": [ { "name": "Camping", "kind": "TV", "mark": "new" }, { "name": "Intimate", "kind": "look quality", "mark": "new" } ], "qualities": [ "Unvarnished close ups", "Intimate" ], "translation": "The problem opens like an observational documentary: a dark 2.39:1 frame, tight on a table, with the facts arriving as white subtitles at the bottom rather than as a headline. Unvarnished close-ups become a frame with no chrome.", "convention": "observational documentary: tight handheld frames, letterboxed, with burned-in white subtitles at the bottom", "tokens": { "css": [ "aspect-ratio: 2.39 / 1" ], "ids": [ "cold-open" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "cold-open" ] }, "method": "css-layout", "why": "A dark frame with a 2.39 / 1 aspect ratio on desktop, the drawing behind and subtitles absolutely placed at the bottom.", "cluster": "Close and unvarnished", "check": "present" } ], [ { "id": "dna3", "layer": "layout", "device": "Campaign slogan stacked edge to edge", "anchors": [ { "name": "underdog hustle", "kind": "quality", "mark": "own" }, { "name": "Nike", "kind": "brand", "mark": "own" }, { "name": "Shoe Dog", "kind": "book", "mark": "own" } ], "qualities": [ "underdog hustle" ], "translation": "Underdog hustle as athletic campaign posters state it: the one-line promise stacked in three heavy lines that run nearly edge to edge of the first screen, imperative and unhedged.", "convention": "athletic campaign posters: one imperative slogan stacked edge to edge in heavy condensed capitals", "tokens": { "css": [ "font-size: clamp(3.4rem, 10.5vw, 10.5rem)" ], "ids": [ "hero-slogan" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "hero-slogan" ] }, "method": "css-layout", "why": "The slogan stack is a sizing and line-break decision on the hero headline, done in CSS with clamp().", "cluster": "Underdog hustle", "check": "present" }, { "id": "dna5", "layer": "layout", "device": "Bulb-dot scoreboard numerals", "anchors": [ { "name": "live broadcast energy", "kind": "pacing", "mark": "own" }, { "name": "punchy cuts", "kind": "pacing", "mark": "own" } ], "qualities": [ "live broadcast energy" ], "translation": "The blind-spot figures shown as a ballpark board lights them: giant numerals masked into a grid of round bulbs, amber on black, the guess's score beside the measured total like home and away.", "convention": "ballpark scoreboards: bulb-dot numerals glowing on black and a line score of innings across the top", "tokens": { "css": [ "mask-size: 6px 6px" ], "ids": [ "scoreboard" ] }, "surprise": false, "method": "css-art", "why": "A radial-gradient mask turns heavy numerals into bulb dots without any image.", "cluster": "Game-day broadcast", "check": "present" } ] ] }, { "layer": "structure", "arms": [ [ { "id": "dna3", "layer": "structure", "device": "The evidence as a nutrition-facts label", "anchors": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Realistic", "kind": "look quality", "mark": "new" } ], "qualities": [ "Bold Typography", "Realistic" ], "translation": "Each kind of evidence becomes a row of a boxed facts panel with thick bars between groups; the line about what it does not show is printed as the label's fine print, so the honesty is part of the package. Realistic: plain numbers, nothing dramatized.", "convention": "nutrition-facts panels: a boxed table of heavy rows and thick bars, with the fine print set small underneath", "tokens": { "css": [ "border: 4px solid var(--ink)" ], "ids": [ "evidence-facts" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "evidence-facts" ] }, "method": "css-layout", "why": "A boxed facts panel built from a definition list with thick group bars, fine print under each row, styled in CSS grid.", "cluster": "The label on the bottle", "check": "present" }, { "id": "dna8", "layer": "structure", "device": "The five steps as a training log", "anchors": [ { "name": "Resilience", "kind": "meaning quality", "mark": "new" }, { "name": "Perseverance", "kind": "meaning quality", "mark": "new" } ], "qualities": [ "Resilience", "Perseverance" ], "translation": "Resilience and perseverance become the spine of how it works: the five steps as entries in a training log, each a session ticked off with a short note in the margin, read in order like days of a programme.", "convention": "training logs: day-by-day entries, sets ticked off, notes in the margin", "tokens": { "ids": [ "training-log" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "training-log" ] }, "method": "css-layout", "why": "An ordered list styled as log entries with a session column, a tick box and a margin note.", "cluster": "The long road", "check": "present" }, { "id": "dna9", "layer": "structure", "device": "Three agents as an ensemble of lower-thirds", "anchors": [ { "name": "Relationships", "kind": "meaning quality", "mark": "new" }, { "name": "Iverson", "kind": "film", "mark": "new" } ], "qualities": [ "Relationships", "Resilient" ], "translation": "Relationships become the ensemble: Claude Code, Codex and Kiro each introduced as a documentary interview lower-third, a name bar and a role line, with the install commands beneath. One engine, three voices.", "tokens": { "ids": [ "ensemble" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "ensemble" ] }, "method": "css-layout", "why": "Three lower-third bars, a heavy name bar in flavour colour with a role line under it, and the commands in a plain code block.", "cluster": "The long road", "check": "present" } ], [ { "id": "dna4", "layer": "structure", "device": "The five steps as a line score of five innings", "anchors": [ { "name": "Moneyball", "kind": "film", "mark": "own" }, { "name": "competitive", "kind": "tone", "mark": "own" } ], "qualities": [ "competitive" ], "translation": "The method read as a game: a ballpark line score with five inning columns (1st to 5th), each column one step, so the jury reads the process left to right like a scoreboard instead of a numbered list.", "convention": "ballpark scoreboards: bulb-dot numerals glowing on black and a line score of innings across the top", "tokens": { "css": [ "grid-template-columns: repeat(5, minmax(0, 1fr))" ], "ids": [ "line-score" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "line-score" ] }, "method": "css-layout", "why": "A CSS grid of five inning columns under a header row reproduces a line score and collapses to stacked innings on a phone.", "cluster": "Game-day broadcast", "check": "present" } ] ] }, { "layer": "interaction", "arms": [ [], [ { "id": "dna9", "layer": "interaction", "device": "Ticket stubs for the ways in", "anchors": [ { "name": "Ticketmaster", "kind": "brand", "mark": "own" }, { "name": "celebratory", "kind": "tone", "mark": "own" } ], "qualities": [ "celebratory" ], "translation": "The live try, the gallery and the blind vote as concert ticket stubs with a perforated edge and section, row and seat style fields; each stub lifts and tilts on hover or focus like a ticket pulled from a pocket.", "convention": "concert ticket stubs: a perforated edge and section, row and seat fields", "tokens": { "css": [ "transition: transform .2s cubic-bezier(.2, .9, .3, 1.4)" ], "ids": [ "tickets" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "tickets" ] }, "method": "css-motion", "why": "The stub's perforation is CSS and its lift is a springy transform transition on hover and focus.", "cluster": "The big stage", "check": "present" } ] ] } ], "limits": [ "One pair is one sample. Model variance alone makes two designs differ, so one distance does not isolate what Qloo changed; repeat the pair before calling a difference the data's effect.", "The distance is a heuristic over palettes, type classes, landmark sections and CSS features. It does not measure quality or what people prefer.", "The headline counts devices anchored to what the prediction did not contain. It shows that the data changed the specification, not that the result is better." ], "records": [ { "schemaVersion": "1.0", "kind": "session", "generatedAt": "2026-10-27T13:59:16.140Z", "host": "claude-code", "writtenBy": { "name": "mousa", "version": "0.7.1" }, "medium": "web", "taste": "qloo", "title": "For an audience that loves This Week in Startups, The Original Kings of Comedy, Los Angeles Dodgers, Chelsea F.C. and Live Nation", "audience": { "references": [ { "name": "This Week in Startups", "found": true }, { "name": "The Original Kings of Comedy", "found": true }, { "name": "Los Angeles Dodgers", "found": true }, { "name": "Chelsea F.C.", "found": true }, { "name": "Live Nation", "found": true } ] }, "headline": { "value": "10 of 10", "text": "design devices rest on what the model did not predict", "sentence": "10 of 10 devices rest on what the prediction did not contain." }, "numbers": [ { "value": 68, "label": "works measured, 3 of them predicted" }, { "value": 18, "label": "shared qualities, 1 predicted" }, { "value": 24, "label": "pacing, surface and tone tags, 1 predicted" }, { "value": 15, "label": "Qloo requests" } ], "prediction": { "frozenAt": "2026-10-24T09:16:25.936Z", "sha256": "bf3eb5e97d28a261993738fefffb0193ac08f6c60e9b641718787ccb4493937d", "sealHolds": true, "summary": "Founder- and investor-minded media people who also live for live events: big-market sports fandom (Dodgers, Chelsea), arena concerts and Black stand-up comedy. They value hustle, scoreboard results and a crowd's energy.", "groups": [ { "domain": "brand", "label": "Brands", "quality": false, "entries": [ { "name": "Nike", "measured": false }, { "name": "ESPN", "measured": true }, { "name": "Ticketmaster", "measured": false }, { "name": "Spotify", "measured": false }, { "name": "Apple", "measured": true, "as": "After Steve: How Apple Became a Trillion-Dollar Company and Lost Its Soul (book)" }, { "name": "Tesla", "measured": false } ] }, { "domain": "movie", "label": "Films", "quality": false, "entries": [ { "name": "Friday", "measured": false }, { "name": "Bad Boys", "measured": false }, { "name": "The Social Network", "measured": false }, { "name": "Moneyball", "measured": false }, { "name": "Coming to America", "measured": false } ] }, { "domain": "artist", "label": "Music", "quality": false, "entries": [ { "name": "Jay-Z", "measured": false }, { "name": "Drake", "measured": true, "as": "Drake&Orson" }, { "name": "Kendrick Lamar", "measured": false }, { "name": "Beyoncé", "measured": false }, { "name": "Kanye West", "measured": false } ] }, { "domain": "book", "label": "Books", "quality": false, "entries": [ { "name": "The Hard Thing About Hard Things", "measured": false }, { "name": "Zero to One", "measured": false }, { "name": "Shoe Dog", "measured": false }, { "name": "The Lean Startup", "measured": false } ] }, { "domain": "tv_show", "label": "TV", "quality": false, "entries": [ { "name": "Silicon Valley", "measured": false }, { "name": "Shark Tank", "measured": false }, { "name": "Ted Lasso", "measured": false }, { "name": "Martin", "measured": false }, { "name": "The Bernie Mac Show", "measured": false } ] }, { "domain": "style", "label": "Pacing", "quality": true, "entries": [ { "name": "fast-paced", "measured": false }, { "name": "punchy cuts", "measured": false }, { "name": "live broadcast energy", "measured": true, "as": "Energetic (look quality)" }, { "name": "conversational", "measured": false } ] }, { "domain": "aesthetic", "label": "Surfaces", "quality": true, "entries": [ { "name": "stadium lights", "measured": false }, { "name": "bold scoreboard type", "measured": false }, { "name": "glossy arena staging", "measured": false }, { "name": "team colors", "measured": false } ] }, { "domain": "tone", "label": "Tone", "quality": true, "entries": [ { "name": "confident", "measured": false }, { "name": "irreverent", "measured": false }, { "name": "competitive", "measured": false }, { "name": "celebratory", "measured": true } ] }, { "domain": "qualities", "label": "Shared qualities", "quality": true, "entries": [ { "name": "underdog hustle", "measured": false }, { "name": "big-stage spectacle", "measured": false }, { "name": "banter and roast humour", "measured": false }, { "name": "winning as proof", "measured": false } ] } ], "sketch": { "summary": "A dark, stadium-scoreboard landing page in Dodger and Chelsea blues with heavy condensed broadcast headlines, the evidence as a stat scoreboard and the five steps as a game-day lineup card.", "palette": [ "#0a1a3f", "#005a9c", "#ffffff", "#ef3e42", "#f5c518" ], "fonts": [ "Anton", "Barlow Condensed" ], "sections": [ "hero", "problem", "scoreboard", "how-it-works", "evidence", "agents", "try-it", "built" ], "motifs": [ "stadium scoreboard numbers", "lineup card", "ticket stub", "broadcast lower-third" ] } }, "measured": { "counts": { "works": 68, "worksPredicted": 3, "worksNew": 65, "qualities": 18, "qualitiesPredicted": 1, "tags": 24, "tagsPredicted": 1, "predictions": 25, "predictionsMeasured": 3, "requests": 15, "fromCache": 0 }, "qualities": { "look": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new", "works": [ "National Football League", "ESPN", "Gatorade G2" ], "domains": [ "brand" ], "lift": 2.73 }, { "name": "Intimate", "kind": "look quality", "mark": "new", "works": [ "Jeremih", "Men of a Certain Age", "Family Tree" ], "domains": [ "music", "TV", "film" ], "lift": 1.55 }, { "name": "Realistic", "kind": "look quality", "mark": "new", "works": [ "Camping", "Breeders", "Froning: The Fittest Man in History" ], "domains": [ "TV", "film" ], "lift": 2.27 }, { "name": "Engaging", "kind": "look quality", "mark": "new", "works": [ "Jeremih", "2 Chainz", "J. Cole" ], "domains": [ "music" ], "lift": 2.23 }, { "name": "Energetic", "kind": "look quality", "mark": "predicted", "works": [ "2 Chainz", "J. Cole", "Trey Songz" ], "domains": [ "music" ], "lift": 1.67 } ], "mood": [ { "name": "Determined", "kind": "mood quality", "mark": "new", "works": [ "I'll Sleep When I'm Dead", "Born Strong", "Eddie - Strongman" ], "domains": [ "film" ], "lift": 2.91 }, { "name": "Resilient", "kind": "mood quality", "mark": "new", "works": [ "Loudermilk", "Roadies", "Iverson" ], "domains": [ "TV", "film" ], "lift": 2.66 }, { "name": "Emotional", "kind": "mood quality", "mark": "new", "works": [ "Drake&Orson", "Coach Carter", "Glory Road" ], "domains": [ "music", "film" ], "lift": 1.85 }, { "name": "Melodic", "kind": "mood quality", "mark": "new", "works": [ "Jeremih", "Drake&Orson", "Trey Songz" ], "domains": [ "music" ], "lift": 2.27 }, { "name": "Complex", "kind": "mood quality", "mark": "new", "works": [ "Men of a Certain Age", "Loudermilk", "Whites" ], "domains": [ "TV", "film" ], "lift": 2.2 } ], "meaning": [ { "name": "Resilience", "kind": "meaning quality", "mark": "new", "works": [ "Mo", "Born Strong", "KidPoker" ], "domains": [ "TV", "film" ], "lift": 3.25 }, { "name": "Relationships", "kind": "meaning quality", "mark": "new", "works": [ "Jeremih", "Big Sean", "Trey Songz" ], "domains": [ "music" ], "lift": 3.1 }, { "name": "Diverse", "kind": "meaning quality", "mark": "new", "works": [ "2 Chainz", "Trey Songz", "T-Pain" ], "domains": [ "music" ], "lift": 2.89 }, { "name": "Perseverance", "kind": "meaning quality", "mark": "new", "works": [ "Meek Mill", "Creed", "Froning: The Fittest Man in History" ], "domains": [ "music", "film" ], "lift": 2.85 }, { "name": "Professional Athletic Achievement", "kind": "meaning quality", "mark": "new", "works": [ "Gatorade G2", "National Basketball Association", "New York Yankees" ], "domains": [ "brand" ], "lift": 2.7 } ] }, "tags": { "pacing": [ { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Kid-Friendly", "kind": "pacing", "mark": "new" }, { "name": "Spiritual", "kind": "pacing", "mark": "new" }, { "name": "Urban", "kind": "pacing", "mark": "new" }, { "name": "Meta Humorous", "kind": "pacing", "mark": "new" }, { "name": "Quick-Paced", "kind": "pacing", "mark": "new" } ], "surfaces": [ { "name": "Tailored Fit", "kind": "surface", "mark": "new" }, { "name": "Versatile Styles", "kind": "surface", "mark": "new" }, { "name": "Feminine Silhouettes", "kind": "surface", "mark": "new" }, { "name": "versatile pieces", "kind": "surface", "mark": "new" }, { "name": "Clean", "kind": "surface", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" } ], "tone": [ { "name": "Modern", "kind": "tone", "mark": "new" }, { "name": "Celebratory", "kind": "tone", "mark": "predicted" }, { "name": "Reliability", "kind": "tone", "mark": "new" }, { "name": "Elegant", "kind": "tone", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" }, { "name": "Passion", "kind": "tone", "mark": "new" } ] }, "worlds": [ { "label": "Brands", "works": [ { "name": "LA Kings", "kind": "brand", "mark": "new", "tags": [ "Black And Silver Palette", "Minimalist Logo Design", "Iconic Visual Branding" ] }, { "name": "National Football League", "kind": "brand", "mark": "new", "tags": [ "Bold Typography", "Shield Insignia", "Red White And Blue Color Palette" ] }, { "name": "Pandora", "kind": "brand", "mark": "new", "tags": [ "Minimalist", "Clean Typography", "Function-First Design" ] }, { "name": "ESPN", "kind": "brand", "mark": "predicted", "tags": [ "Bold Typography", "High-Contrast Graphics", "Dynamic Motion Design" ] } ] }, { "label": "Brands, lesser known", "works": [ { "name": "Gatorade Zero", "kind": "brand", "mark": "new", "tags": [ "Bold Typography", "Vibrant Color Palette", "High-Contrast Branding" ] }, { "name": "New York Yankees", "kind": "brand", "mark": "new", "tags": [ "Pinstripe Uniforms", "Interlocking Lettering", "Classic Navy And White Palette" ] } ] }, { "label": "Films", "works": [ { "name": "War Dogs", "kind": "film", "mark": "new", "tags": [ "Death threat", "Iwi jericho 941", "Sportscar" ] }, { "name": "Iverson", "kind": "film", "mark": "new", "tags": [ "Rebellious", "Resilient", "Cultural impact" ] }, { "name": "Straight Outta Compton", "kind": "film", "mark": "new", "tags": [ "Pragmatic", "Conflicted", "The fall" ] }, { "name": "The Founder", "kind": "film", "mark": "new", "tags": [ "Complex", "The self made man", "American midwest" ] } ] }, { "label": "Films, lesser known", "works": [ { "name": "A Kid from Coney Island", "kind": "film", "mark": "new", "tags": [ "Community focused", "Interview centric", "Intimate" ] }, { "name": "I'll Sleep When I'm Dead", "kind": "film", "mark": "new", "tags": [ "Observational", "Stage backstage juxtaposition", "Emotional" ] } ] }, { "label": "Music", "works": [ { "name": "Jeremih", "kind": "music", "mark": "new", "tags": [ "Intimate", "Engaging", "Melodic" ] }, { "name": "2 Chainz", "kind": "music", "mark": "new", "tags": [ "Energetic", "Engaging", "Bass Heavy" ] }, { "name": "Big Sean", "kind": "music", "mark": "new", "tags": [ "Mainstream Rap", "Lyrical Hip Hop", "Confident" ] }, { "name": "Drake&Orson", "kind": "music", "mark": "predicted", "tags": [ "Dynamic", "Emotional R&B", "Melodic" ] } ] }, { "label": "Books", "works": [ { "name": "After Steve: How Apple Became a Trillion-Dollar Company and Lost Its Soul", "kind": "book", "mark": "predicted", "tags": [ "Biography Memoir", "Nonfiction", "Technology" ] }, { "name": "Bruce Lee: A Life", "kind": "book", "mark": "new", "tags": [ "Biography Memoir", "Audiobook", "Film" ] }, { "name": "Kamala's Way: An American Life", "kind": "book", "mark": "new", "tags": [ "Audiobook", "Politics", "Womens" ] }, { "name": "Der Sinnreiche Junker Don Quixote Von La Mancha ...... (German Edition)", "kind": "book", "mark": "new" } ] }, { "label": "TV", "works": [ { "name": "Men of a Certain Age", "kind": "TV", "mark": "new", "tags": [ "Breakfast table intimacy", "Intimate", "Flawed" ] }, { "name": "Camping", "kind": "TV", "mark": "new", "tags": [ "Unvarnished close ups", "Improvisational energy", "Observational" ] }, { "name": "Crashing", "kind": "TV", "mark": "new", "tags": [ "Cameo heavy realism", "Improvisational tone", "Ambitious" ] }, { "name": "Breeders", "kind": "TV", "mark": "new", "tags": [ "Kitchen sink realism", "Realistic", "Mundane intimacy" ] } ] } ], "required": [ { "name": "Gatorade G2", "kind": "brand", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" }, { "name": "Men of a Certain Age", "kind": "TV", "mark": "new" }, { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Determined", "kind": "mood quality", "mark": "new" }, { "name": "Resilience", "kind": "meaning quality", "mark": "new" } ], "cautions": [ "Bold Typography is carried mostly by brands (National Football League, ESPN, Gatorade G2): it is the design this audience sees every day. Translate the genre of that design, such as broadcast graphics, packaging type or signage, never a brand's logo, mascot, exact colours or products." ] }, "reading": { "clusters": [ { "id": "c1", "name": "The label on the bottle", "reading": "The brands this audience lives with every day speak in oversized, heavy type and one loud colour on a plain field: Bold Typography carries the highest look lift and it comes from athletic packaging and broadcast graphics, not from arenas at night.", "layers": [ "palette", "typography" ], "conventions": [ "sports-drink packaging: oversized heavy grotesque capitals stacked edge to edge, one vibrant flavour colour on a plain neutral field", "nutrition-facts panels: a boxed table of heavy rows and thick bars, with the fine print set small underneath" ], "refs": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Gatorade G2", "kind": "brand", "mark": "new" }, { "name": "Gatorade Zero", "kind": "brand", "mark": "new" }, { "name": "National Football League", "kind": "brand", "mark": "new" }, { "name": "ESPN", "kind": "brand", "mark": "predicted" }, { "name": "Engaging", "kind": "look quality", "mark": "new" } ], "surprise": true }, { "id": "c2", "name": "Close and unvarnished", "reading": "The TV and music are not spectacle: breakfast-table intimacy, unvarnished close-ups, kitchen-sink realism and slow melodic R&B. The audience trusts what looks unstaged and close.", "layers": [ "imagery", "motion", "layout" ], "conventions": [ "observational documentary: tight handheld frames, letterboxed, with burned-in white subtitles at the bottom", "kitchen-sink television: a domestic table under one tungsten lamp, muted colour, nothing styled" ], "refs": [ { "name": "Intimate", "kind": "look quality", "mark": "new" }, { "name": "Realistic", "kind": "look quality", "mark": "new" }, { "name": "Men of a Certain Age", "kind": "TV", "mark": "new" }, { "name": "Camping", "kind": "TV", "mark": "new" }, { "name": "Breeders", "kind": "TV", "mark": "new" }, { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" }, { "name": "Melodic", "kind": "mood quality", "mark": "new" } ], "surprise": true }, { "id": "c3", "name": "Made to measure", "reading": "The surfaces they favour are tailored and clean in neutral cloth colours; reliability is a tone. A fit is something measured, which is exactly what this product does.", "layers": [ "imagery", "palette" ], "conventions": [ "tailoring: chalk marks, a tape measure and paper pattern pieces laid on plain cloth" ], "refs": [ { "name": "Tailored Fit", "kind": "surface", "mark": "new" }, { "name": "Clean", "kind": "surface", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" }, { "name": "Reliability", "kind": "tone", "mark": "new" }, { "name": "Modern", "kind": "tone", "mark": "new" } ], "surprise": true }, { "id": "c4", "name": "The long road", "reading": "The films that rise highest are sports and strength documentaries about grinding through: determination and resilience carry the largest mood and meaning lifts. Relationships carry the music.", "layers": [ "voice", "structure" ], "conventions": [ "sports documentary title cards: one heavy word over a dark frame, with a small date and place under it", "training logs: day-by-day entries, sets ticked off, notes in the margin" ], "refs": [ { "name": "Determined", "kind": "mood quality", "mark": "new" }, { "name": "Resilience", "kind": "meaning quality", "mark": "new" }, { "name": "Perseverance", "kind": "meaning quality", "mark": "new" }, { "name": "Resilient", "kind": "mood quality", "mark": "new" }, { "name": "Iverson", "kind": "film", "mark": "new" }, { "name": "Born Strong", "kind": "film", "mark": "new" }, { "name": "Relationships", "kind": "meaning quality", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" } ], "surprise": true } ], "setAside": [ { "name": "War Dogs", "kind": "film", "mark": "new", "reason": "Its leading tags (death threat, a rifle model, sportscar) are plot props, not a look or mood this page could carry for a jury." }, { "name": "Der Sinnreiche Junker Don Quixote Von La Mancha ...... (German Edition)", "kind": "book", "mark": "new", "reason": "A catalogue edition with no tags, outside what the rest of the books share (biography and memoir)." } ], "approach": "A clean, neutral, made-to-measure web page. The facts are printed like athletic packaging: heavy grotesque capitals and one vibrant colour, with the evidence as a nutrition-facts label whose fine print says what each kind of evidence does not show. Between the labels the story is told in documentary frames: a dark letterboxed close-up of a kitchen table with a sealed guess on it, with subtitles that rise slowly. The five steps run as a training log, the three agents as an ensemble of interview lower-thirds, and a tape measure drawing ties the idea together: made to measure, not off the rack." }, "dna": { "thesis": "A made-to-measure page: clean neutral cloth printed like athletic packaging in heavy grotesque capitals and one electric colour, with the story told between the labels in close, subtitled documentary frames and the work laid out as a training log.", "devices": [ { "id": "dna1", "layer": "palette", "device": "Flavour colour on plain cloth", "anchors": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Gatorade G2", "kind": "brand", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" } ], "qualities": [ "Bold Typography", "Vibrant Colors", "Neutral Palettes" ], "translation": "Packaging draws Bold Typography as heavy ink on a plain field with one vibrant flavour colour. Here the field is a cool, clean cloth grey, the ink a near-black, and the single flavour colour an electric chartreuse used only behind the loudest words and numbers. A dark olive-black is the documentary frame and a tungsten amber the one lamp inside it. No brand's own colours: the chartreuse is a genre's vibrancy, not a bottle's.", "convention": "sports-drink packaging: oversized heavy grotesque capitals stacked edge to edge, one vibrant flavour colour on a plain neutral field", "tokens": { "colors": [ "#e2e3de", "#121312", "#d6ff2e", "#23241f", "#c8793f", "#8c8f87" ] }, "surprise": true, "moved": { "colors": [ "#121312", "#d6ff2e", "#23241f", "#c8793f", "#8c8f87" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Six custom properties on :root carry the cloth, ink, flavour, frame, lamp and steel values used everywhere through var().", "cluster": "The label on the bottle", "check": "present" }, { "id": "dna2", "layer": "typography", "device": "Stacked label capitals over a plain humanist text", "anchors": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Gatorade G2", "kind": "brand", "mark": "new" } ], "qualities": [ "Bold Typography", "Athletic Branding" ], "translation": "Bold Typography set the way sports-drink labels set it: a heavy, wide grotesque in capitals, stacked with tight leading so words run edge to edge, against a quiet humanist sans for the reading text and the subtitles. Not the condensed scoreboard faces I would have chosen.", "convention": "sports-drink packaging: oversized heavy grotesque capitals stacked edge to edge, one vibrant flavour colour on a plain neutral field", "tokens": { "fonts": [ "Archivo Black", "Cabin" ], "css": [ "line-height: .86", "letter-spacing: -.02em" ] }, "surprise": true, "moved": { "colors": [], "fonts": [ "Archivo Black", "Cabin" ], "ids": [] }, "method": "library-font", "why": "Archivo Black and Cabin fetched into fonts/ and loaded with @font-face; heading rules set the tight label leading and tracking.", "cluster": "The label on the bottle", "check": "present" }, { "id": "dna3", "layer": "structure", "device": "The evidence as a nutrition-facts label", "anchors": [ { "name": "Bold Typography", "kind": "look quality", "mark": "new" }, { "name": "Realistic", "kind": "look quality", "mark": "new" } ], "qualities": [ "Bold Typography", "Realistic" ], "translation": "Each kind of evidence becomes a row of a boxed facts panel with thick bars between groups; the line about what it does not show is printed as the label's fine print, so the honesty is part of the package. Realistic: plain numbers, nothing dramatized.", "convention": "nutrition-facts panels: a boxed table of heavy rows and thick bars, with the fine print set small underneath", "tokens": { "css": [ "border: 4px solid var(--ink)" ], "ids": [ "evidence-facts" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "evidence-facts" ] }, "method": "css-layout", "why": "A boxed facts panel built from a definition list with thick group bars, fine print under each row, styled in CSS grid.", "cluster": "The label on the bottle", "check": "present" }, { "id": "dna4", "layer": "layout", "device": "Letterboxed cold open with burned-in subtitles", "anchors": [ { "name": "Camping", "kind": "TV", "mark": "new" }, { "name": "Intimate", "kind": "look quality", "mark": "new" } ], "qualities": [ "Unvarnished close ups", "Intimate" ], "translation": "The problem opens like an observational documentary: a dark 2.39:1 frame, tight on a table, with the facts arriving as white subtitles at the bottom rather than as a headline. Unvarnished close-ups become a frame with no chrome.", "convention": "observational documentary: tight handheld frames, letterboxed, with burned-in white subtitles at the bottom", "tokens": { "css": [ "aspect-ratio: 2.39 / 1" ], "ids": [ "cold-open" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "cold-open" ] }, "method": "css-layout", "why": "A dark frame with a 2.39 / 1 aspect ratio on desktop, the drawing behind and subtitles absolutely placed at the bottom.", "cluster": "Close and unvarnished", "check": "present" }, { "id": "dna5", "layer": "imagery", "device": "The kitchen table with the sealed guess", "anchors": [ { "name": "Men of a Certain Age", "kind": "TV", "mark": "new" }, { "name": "Intimate", "kind": "look quality", "mark": "new" } ], "qualities": [ "Breakfast table intimacy", "Intimate" ], "translation": "Breakfast-table intimacy drawn as a flat inline SVG inside the cold open: a table edge, a mug, a lamp's warm pool, a notebook and a sealed envelope that stands for the frozen guess. Muted, one tungsten light, nothing staged.", "convention": "kitchen-sink television: a domestic table under one tungsten lamp, muted colour, nothing styled", "tokens": { "svg": [ "kitchen-table" ] }, "surprise": true, "method": "inline-svg", "why": "A flat drawing of the table scene lives inside the cold open, so it can push in and needs no picture generator.", "cluster": "Close and unvarnished", "check": "present" }, { "id": "dna6", "layer": "imagery", "device": "Tape measure and pattern pieces", "anchors": [ { "name": "Tailored Fit", "kind": "surface", "mark": "new" }, { "name": "Clean", "kind": "surface", "mark": "new" } ], "qualities": [ "Tailored Fit", "Clean" ], "translation": "Tailored Fit becomes the page's emblem: an inline SVG tape measure unrolling across paper pattern pieces with chalk marks, drawn in clean single-weight lines on the cloth grey. Made to measure is what the product does.", "convention": "tailoring: chalk marks, a tape measure and paper pattern pieces laid on plain cloth", "tokens": { "keyframes": [ "tape-unroll" ], "svg": [ "tape-measure" ] }, "surprise": true, "method": "inline-svg", "why": "A line drawing whose tape path unrolls with stroke-dashoffset when it enters the view: the signature moment.", "cluster": "Made to measure", "check": "present" }, { "id": "dna7", "layer": "motion", "device": "Slow subtitle rise and a long push-in", "anchors": [ { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" } ], "qualities": [ "Hauntingly Intimate", "Melodic" ], "translation": "Hauntingly Intimate pacing: subtitles fade up slowly one line after another with a soft ease and no overshoot, and the cold-open drawing pushes in over fourteen seconds, once. Melodic, not punchy; no tickers.", "tokens": { "css": [ "animation: push-in 14s cubic-bezier(.25,.1,.25,1) both" ], "keyframes": [ "subtitle-rise", "push-in" ] }, "surprise": true, "method": "css-motion", "why": "Keyframes for the subtitle rise with staggered delays and a single long push-in on the drawing, both removed under reduced motion.", "cluster": "Close and unvarnished", "check": "present" }, { "id": "dna8", "layer": "structure", "device": "The five steps as a training log", "anchors": [ { "name": "Resilience", "kind": "meaning quality", "mark": "new" }, { "name": "Perseverance", "kind": "meaning quality", "mark": "new" } ], "qualities": [ "Resilience", "Perseverance" ], "translation": "Resilience and perseverance become the spine of how it works: the five steps as entries in a training log, each a session ticked off with a short note in the margin, read in order like days of a programme.", "convention": "training logs: day-by-day entries, sets ticked off, notes in the margin", "tokens": { "ids": [ "training-log" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "training-log" ] }, "method": "css-layout", "why": "An ordered list styled as log entries with a session column, a tick box and a margin note.", "cluster": "The long road", "check": "present" }, { "id": "dna9", "layer": "structure", "device": "Three agents as an ensemble of lower-thirds", "anchors": [ { "name": "Relationships", "kind": "meaning quality", "mark": "new" }, { "name": "Iverson", "kind": "film", "mark": "new" } ], "qualities": [ "Relationships", "Resilient" ], "translation": "Relationships become the ensemble: Claude Code, Codex and Kiro each introduced as a documentary interview lower-third, a name bar and a role line, with the install commands beneath. One engine, three voices.", "tokens": { "ids": [ "ensemble" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "ensemble" ] }, "method": "css-layout", "why": "Three lower-third bars, a heavy name bar in flavour colour with a role line under it, and the commands in a plain code block.", "cluster": "The long road", "check": "present" }, { "id": "dna10", "layer": "voice", "device": "Training-day lines, short and determined", "anchors": [ { "name": "Determined", "kind": "mood quality", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" }, { "name": "Reliability", "kind": "tone", "mark": "new" } ], "qualities": [ "Determined", "Determination", "Reliability" ], "translation": "Determined and reliable: short declarative lines that sound like a coach before a session, with the facts left exactly as they are.", "tokens": { "copy": [ "Made to measure. Not off the rack.", "Guess first. Then measure. Then design from the difference.", "The guess is sealed before the tape comes out." ] }, "surprise": true, "method": "copy", "why": "The headline, the cold open's last subtitle and section intros carry the lines; every fact keeps its number and name.", "cluster": "The long road", "check": "present" } ], "stats": { "devices": 10, "layers": [ "palette", "typography", "structure", "layout", "imagery", "motion", "voice" ], "surpriseAnchored": 10, "measuredAnchored": 10, "predictionAnchored": 0, "qualityAnchored": 10 } }, "departure": { "sketch": { "palette": [ "#0a1a3f", "#005a9c", "#ffffff", "#ef3e42", "#f5c518" ], "fonts": [ "Anton", "Barlow Condensed" ], "sections": [ "hero", "problem", "scoreboard", "how-it-works", "evidence", "agents", "try-it", "built" ] }, "palette": [ { "color": "#e2e3de", "nearest": "#ffffff", "delta": 10, "moved": false }, { "color": "#121312", "nearest": "#0a1a3f", "delta": 28, "moved": true }, { "color": "#d6ff2e", "nearest": "#f5c518", "delta": 43, "moved": true }, { "color": "#23241f", "nearest": "#0a1a3f", "delta": 31, "moved": true }, { "color": "#c8793f", "nearest": "#ef3e42", "delta": 41, "moved": true }, { "color": "#8c8f87", "nearest": "#ffffff", "delta": 41, "moved": true } ], "fonts": [ { "name": "Archivo Black", "moved": true }, { "name": "Cabin", "moved": true } ], "ids": [ "evidence-facts", "cold-open", "training-log", "ensemble" ], "threshold": 20 }, "decisions": [ { "question": "surfaces", "ask": "Which surfaces, materials and forms do they favor?", "decision": "Page ground and material: a dark arena/broadcast ground versus a light neutral, tailored ground", "guess": "Dark, glossy, high-contrast surfaces like stadium lights and arena staging; I would pick a near-black navy ground.", "answer": [ { "label": "Surfaces", "names": [ "Tailored Fit (new)", "Versatile Styles (new)", "Feminine Silhouettes (new)", "versatile pieces (new)", "Clean (new)", "Neutral Palettes (new)" ] } ], "requests": 0 }, { "question": "pacing", "ask": "How do the films and series they love move?", "decision": "Motion of the page: fast punchy broadcast cuts versus slow intimate reveals", "guess": "Fast-paced, punchy cuts with live broadcast energy: tickers and scoreboard flips.", "answer": [ { "label": "Pacing", "names": [ "Hauntingly Intimate (new)", "Kid-Friendly (new)", "Spiritual (new)", "Urban (new)", "Meta Humorous (new)", "Quick-Paced (new)" ] } ], "requests": 0 } ], "reviews": [ { "round": 1, "summary": "The departure from the frozen sketch reads: a cool grey cloth page, label capitals and one electric flavour colour instead of a dark blue scoreboard, and a documentary frame instead of a stat ticker. The hero highlight collides with its lines, the cold open crops its sealed envelope on mobile, and the entrances are too slow for the evidence to read.", "met": 1, "partly": 3, "missed": 0, "criteria": [ { "id": "r1", "device": "dna2", "look": "The hero headline reads as stacked heavy grotesque capitals running nearly edge to edge with a chartreuse block behind one line, on a cool grey field, not a dark navy page.", "capture": "r1-desktop", "verdict": "partly", "observed": "Heavy Archivo Black capitals stack on a cool grey field with a chartreuse block behind MEASURE, and the page is clearly not a dark navy scoreboard. But MADE TO breaks onto two lines, and with the .86 leading the chartreuse block rides up over the bottom of TO and down behind NOT OFF THE RACK, so the lines collide instead of stacking edge to edge.", "repair": "Size the headline so MADE TO holds one line, set the highlight as its own inline-block with a line-height of 1 and a small vertical inset, and give the stacked lines a little space so the block sits inside its own line." }, { "id": "r2", "device": "dna4", "look": "The cold open is a dark letterboxed frame with the table drawing and white subtitles centred at its bottom; on mobile the subtitles stay legible and inside the frame.", "capture": "r1-mobile-cold-open", "verdict": "partly", "observed": "A dark letterboxed frame with black bars, the lamp, the table and white burned-in subtitles inside its bottom edge. Only the first subtitle has risen at capture time, it sits over the notebook's ruled lines so it reads busy, and the sealed envelope is cropped off the right edge at the 4:5 crop.", "repair": "Recompose the drawing so the notebook, envelope and mug sit in the centre third that survives the mobile crop, add a dark scrim along the bottom of the picture behind the subtitles, and shorten the gaps between the subtitle lines." }, { "id": "r3", "device": "dna3", "look": "The evidence reads as a boxed nutrition-facts style panel with thick bars between rows and small fine print saying what each kind does not show.", "capture": "r1-desktop-evidence-facts", "verdict": "partly", "observed": "The panel reads as a nutrition-facts style label: a boxed white panel, the heavy Evidence Facts head, a thin rule and a thick black bar, the first row with its value tag and fine print starred underneath. But the section head and the rows are still mid-fade at capture, so the rows read pale grey and barely legible.", "repair": "Shorten the entrance transitions to well under a second and start them earlier, keeping the slow pacing for the subtitles and the push-in only." }, { "id": "r4", "device": "dna8", "look": "The five steps read as a training log: rows with a tick box, a session label and a margin note, not as a numbered card grid.", "capture": "r1-mobile-training-log", "verdict": "met", "observed": "The steps read as a log: a thick rule, a ticked box, Step one in small bold, PLAN. in label capitals, the text, and an italic margin note with an amber rule. The second entry is mid-fade, which the shorter entrance repair also covers." } ], "critique": { "generic": [ { "choice": "A top bar with a wordmark left and a row of section links right, over a full-width rule.", "capture": "r1-desktop", "action": "replaced" }, { "choice": "A hero with a filled and an outlined button side by side.", "capture": "r1-mobile", "action": "replaced" }, { "choice": "Section heads as a big title on the left and an intro paragraph on the right, the same in every section.", "capture": "r1-desktop-evidence-facts", "action": "replaced" } ], "fan": { "works": [ "Jeremih", "J. Cole", "Men of a Certain Age", "Iverson", "Gatorade G2" ], "verdict": "partly", "why": "A Men of a Certain Age or Iverson fan would know the unstaged kitchen-table frame and the grind of the log, and the label capitals with one loud colour read like their athletic packaging. But the top bar, button pair and repeated title-left heads are any startup page, the hero collision looks unfinished, and the flat cold-open drawing is too schematic to feel lived-in." } }, "houseStyle": 0 }, { "round": 2, "summary": "The hero repair and the generic replacements landed: one-line stacked label capitals, a tape-measure top bar, one CTA with a plain text link, and documentary chapter bands for section heads. But the entrance animation still hides content at the moment a section is reached: the evidence panel and the ensemble band show blank or faded in the captures, which is the page's most important failure.", "met": 2, "partly": 1, "missed": 1, "criteria": [ { "id": "r1", "device": "dna2", "look": "The hero headline reads as stacked heavy grotesque capitals running nearly edge to edge with a chartreuse block behind one line, on a cool grey field, not a dark navy page.", "capture": "r2-desktop", "verdict": "met", "observed": "MADE TO now holds one line, MEASURE. sits in its own chartreuse block without touching the lines above or below, and NOT OFF THE RACK. stacks under it: heavy grotesque capitals running nearly across the column on the cool grey cloth, with the tape-measure strip as the top bar. One flaw outside the criterion: the yellow tape in the drawing stops short of its end tab, so the tab floats." }, { "id": "r2", "device": "dna4", "look": "The cold open is a dark letterboxed frame with the table drawing and white subtitles centred at its bottom; on mobile the subtitles stay legible and inside the frame.", "capture": "r2-mobile-cold-open", "verdict": "partly", "observed": "The recomposed frame keeps the lamp, the notebook edge, the sealed envelope with its chartreuse seal and the steaming mug inside the 4:5 crop, black letterbox bars above and below, and the scrim makes the white subtitle clean to read. Only the first subtitle line has risen at the moment of capture; the other two are still waiting on their delays.", "repair": "Bring the three subtitle lines in together with a shorter stagger, so the whole sentence is present within about a second, keeping the slow rise itself." }, { "id": "r3", "device": "dna3", "look": "The evidence reads as a boxed nutrition-facts style panel with thick bars between rows and small fine print saying what each kind does not show.", "capture": "r2-desktop-evidence-facts", "verdict": "missed", "observed": "The chapter band THE EVIDENCE and the boxed Evidence Facts head with its rule and thick bar read as a label, but every fact row below the bar is blank: the rows are still at their hidden entrance state when the capture jumps to the section, so the panel shows an empty white box.", "repair": "Stop hiding content for the entrance: rows, entries and cards stay fully opaque and only slide a few pixels into place, so a jump to any section always shows the facts." }, { "id": "r4", "device": "dna8", "look": "The five steps read as a training log: rows with a tick box, a session label and a margin note, not as a numbered card grid.", "capture": "r2-mobile-training-log", "verdict": "met", "observed": "A dark chapter band with a chartreuse edge titles THE PROGRAMME, then the log: ticked boxes, Step one and Step two in small bold, PLAN. and FREEZE THE GUESS. in label capitals, the text, and italic margin notes on an amber rule. It reads as a training log, not a card grid." } ], "critique": { "generic": [ { "choice": "Scroll entrances that fade content in from invisible, so a jump to a section shows blank rows.", "capture": "r2-desktop-evidence-facts", "action": "replaced" }, { "choice": "All-caps heavy headings on every section.", "capture": "r2-mobile-training-log", "action": "kept", "anchor": "Bold Typography" }, { "choice": "A single filled call-to-action box with an offset shadow.", "capture": "r2-desktop", "action": "kept", "anchor": "Gatorade G2" } ], "fan": { "works": [ "Jeremih", "J. Cole", "Men of a Certain Age", "Iverson", "Gatorade G2" ], "verdict": "partly", "why": "The tape-measure bar, label capitals with one loud colour, the lamp-lit kitchen table with a sealed envelope and the training log read as theirs, close and determined rather than arena spectacle. But a blank evidence panel and a faded ensemble band would read as broken to anyone, so the page is not yet theirs." } }, "houseStyle": 0 } ], "captures": [ { "id": "r2-desktop", "round": 2, "view": "desktop", "width": 1440, "height": 900, "label": "desktop", "cited": true, "source": ".mousa/captures/r2-desktop.png", "file": "assets/captures/a-r2-desktop.png" }, { "id": "r2-mobile", "round": 2, "view": "mobile", "width": 390, "height": 844, "label": "mobile", "cited": false, "source": ".mousa/captures/r2-mobile.png", "file": "assets/captures/a-r2-mobile.png" }, { "id": "r2-mobile-cold-open", "round": 2, "view": "mobile", "target": "cold-open", "width": 390, "height": 844, "label": "mobile · cold-open", "cited": true, "source": ".mousa/captures/r2-mobile-cold-open.png", "file": "assets/captures/a-r2-mobile-cold-open.png" }, { "id": "r2-desktop-evidence-facts", "round": 2, "view": "desktop", "target": "evidence-facts", "width": 1440, "height": 900, "label": "desktop · evidence-facts", "cited": true, "source": ".mousa/captures/r2-desktop-evidence-facts.png", "file": "assets/captures/a-r2-desktop-evidence-facts.png" }, { "id": "r2-mobile-training-log", "round": 2, "view": "mobile", "target": "training-log", "width": 390, "height": 844, "label": "mobile · training-log", "cited": true, "source": ".mousa/captures/r2-mobile-training-log.png", "file": "assets/captures/a-r2-mobile-training-log.png" }, { "id": "r2-desktop-ensemble", "round": 2, "view": "desktop", "target": "ensemble", "width": 1440, "height": 900, "label": "desktop · ensemble", "cited": false, "source": ".mousa/captures/r2-desktop-ensemble.png", "file": "assets/captures/a-r2-desktop-ensemble.png" } ], "check": { "score": 1, "system": "css-vars", "present": 10, "devices": [ { "id": "dna1", "status": "present" }, { "id": "dna2", "status": "present" }, { "id": "dna3", "status": "present" }, { "id": "dna4", "status": "present" }, { "id": "dna5", "status": "present" }, { "id": "dna6", "status": "present" }, { "id": "dna7", "status": "present" }, { "id": "dna8", "status": "present" }, { "id": "dna9", "status": "present" }, { "id": "dna10", "status": "present" } ], "style": { "atStart": { "stylesheets": [], "handWritten": 0, "classes": 0 }, "now": { "stylesheets": [ "styles.css" ], "handWritten": 509, "classes": 182 } }, "houseStyle": { "signatures": [], "limit": 2 } }, "houseStyle": { "signatures": [], "count": 0, "of": 12, "limit": 2 }, "limits": [ "Qloo measured the entities, tags and shared qualities named here and how they relate to this audience. Every colour, font, layout, motion and line drawn from them is the agent's interpretation, marked as such.", "A name marked new was not in the prediction the agent froze before any data. Only names are published here: Qloo's ids, affinity scores, popularity and descriptions stay in the project.", "The check shows that the declared tokens are in the files, not that the design is good. The review is the agent's own reading of its captures.", "One session is one sample. It shows where this design's choices came from, not that people prefer it." ] }, { "schemaVersion": "1.0", "kind": "baseline", "generatedAt": "2026-10-27T13:59:16.146Z", "host": "claude-code", "writtenBy": { "name": "mousa", "version": "0.7.1" }, "medium": "web", "taste": "own prediction", "title": "For an audience that loves This Week in Startups, The Original Kings of Comedy, Los Angeles Dodgers, Chelsea F.C. and Live Nation", "audience": { "references": [ { "name": "This Week in Startups" }, { "name": "The Original Kings of Comedy" }, { "name": "Los Angeles Dodgers" }, { "name": "Chelsea F.C." }, { "name": "Live Nation" } ] }, "headline": { "value": "10", "text": "design devices rest on the model's own prediction, with no Qloo data", "sentence": "10 devices rest on the prediction alone; no Qloo data was used." }, "numbers": [ { "value": 41, "label": "entries in the prediction" }, { "value": 0, "label": "Qloo requests" }, { "value": 10, "label": "design devices over 8 layers" } ], "prediction": { "frozenAt": "2026-10-24T09:16:33.279Z", "sha256": "4d11661af8907d035c63f98ecb27e50ed04d60982db836e6aaaaddcf092b8040", "sealHolds": true, "summary": "Founder- and investor-minded media people who also live for live events: big-market sports fandom (Dodgers, Chelsea), arena concerts and Black stand-up comedy. They value hustle, scoreboard results and a crowd's energy.", "groups": [ { "domain": "brand", "label": "Brands", "quality": false, "entries": [ { "name": "Nike" }, { "name": "ESPN" }, { "name": "Ticketmaster" }, { "name": "Spotify" }, { "name": "Apple" }, { "name": "Tesla" } ] }, { "domain": "movie", "label": "Films", "quality": false, "entries": [ { "name": "Friday" }, { "name": "Bad Boys" }, { "name": "The Social Network" }, { "name": "Moneyball" }, { "name": "Coming to America" } ] }, { "domain": "artist", "label": "Music", "quality": false, "entries": [ { "name": "Jay-Z" }, { "name": "Drake" }, { "name": "Kendrick Lamar" }, { "name": "Beyoncé" }, { "name": "Kanye West" } ] }, { "domain": "book", "label": "Books", "quality": false, "entries": [ { "name": "The Hard Thing About Hard Things" }, { "name": "Zero to One" }, { "name": "Shoe Dog" }, { "name": "The Lean Startup" } ] }, { "domain": "tv_show", "label": "TV", "quality": false, "entries": [ { "name": "Silicon Valley" }, { "name": "Shark Tank" }, { "name": "Ted Lasso" }, { "name": "Martin" }, { "name": "The Bernie Mac Show" } ] }, { "domain": "style", "label": "Pacing", "quality": true, "entries": [ { "name": "fast-paced" }, { "name": "punchy cuts" }, { "name": "live broadcast energy" }, { "name": "conversational" } ] }, { "domain": "aesthetic", "label": "Surfaces", "quality": true, "entries": [ { "name": "stadium lights" }, { "name": "bold scoreboard type" }, { "name": "glossy arena staging" }, { "name": "team colors" } ] }, { "domain": "tone", "label": "Tone", "quality": true, "entries": [ { "name": "confident" }, { "name": "irreverent" }, { "name": "competitive" }, { "name": "celebratory" } ] }, { "domain": "qualities", "label": "Shared qualities", "quality": true, "entries": [ { "name": "underdog hustle" }, { "name": "big-stage spectacle" }, { "name": "banter and roast humour" }, { "name": "winning as proof" } ] } ], "sketch": { "summary": "A dark, stadium-scoreboard landing page in Dodger and Chelsea blues with heavy condensed broadcast headlines, the evidence as a stat scoreboard and the five steps as a game-day lineup card.", "palette": [ "#0a1a3f", "#005a9c", "#ffffff", "#ef3e42", "#f5c518" ], "fonts": [ "Anton", "Barlow Condensed" ], "sections": [ "hero", "problem", "scoreboard", "how-it-works", "evidence", "agents", "try-it", "built" ], "motifs": [ "stadium scoreboard numbers", "lineup card", "ticket stub", "broadcast lower-third" ] } }, "reading": { "clusters": [ { "id": "c1", "name": "Game-day broadcast", "reading": "Results are the argument: this audience trusts a number on a board more than a pitch, and reads a game through its box score and its broadcast graphics.", "layers": [ "typography", "structure", "layout", "motion" ], "conventions": [ "broadcast score bugs: boxed condensed capitals on a dark bar", "ballpark scoreboards: bulb-dot numerals glowing on black and a line score of innings across the top", "sabermetric stat sheets: dense tables of decimals set in tabular figures" ], "refs": [ { "name": "winning as proof", "kind": "quality", "mark": "own" }, { "name": "live broadcast energy", "kind": "pacing", "mark": "own" }, { "name": "bold scoreboard type", "kind": "surface", "mark": "own" }, { "name": "punchy cuts", "kind": "pacing", "mark": "own" }, { "name": "ESPN", "kind": "brand", "mark": "own" }, { "name": "Moneyball", "kind": "film", "mark": "own" }, { "name": "competitive", "kind": "tone", "mark": "own" }, { "name": "The Social Network", "kind": "film", "mark": "own" } ] }, { "id": "c2", "name": "The big stage", "reading": "Night under the lights: arena shows and night games where the crowd, the rig and the moment the lights hit are the point.", "layers": [ "palette", "imagery", "motion", "interaction" ], "conventions": [ "light-tower silhouettes cutting cones of white light into a night sky", "concert ticket stubs: a perforated edge and section, row and seat fields", "arena tour posters: one heavy word over a stage washed in beams" ], "refs": [ { "name": "big-stage spectacle", "kind": "quality", "mark": "own" }, { "name": "stadium lights", "kind": "surface", "mark": "own" }, { "name": "glossy arena staging", "kind": "surface", "mark": "own" }, { "name": "Ticketmaster", "kind": "brand", "mark": "own" }, { "name": "Beyoncé", "kind": "music", "mark": "own" }, { "name": "Spotify", "kind": "brand", "mark": "own" }, { "name": "celebratory", "kind": "tone", "mark": "own" }, { "name": "fast-paced", "kind": "pacing", "mark": "own" } ] }, { "id": "c3", "name": "Underdog hustle", "reading": "The founder's come-up: plain-spoken confidence earned by proving people wrong, told in short imperative lines.", "layers": [ "typography", "voice", "layout" ], "conventions": [ "athletic campaign posters: one imperative slogan stacked edge to edge in heavy condensed capitals" ], "refs": [ { "name": "underdog hustle", "kind": "quality", "mark": "own" }, { "name": "Nike", "kind": "brand", "mark": "own" }, { "name": "Shoe Dog", "kind": "book", "mark": "own" }, { "name": "The Hard Thing About Hard Things", "kind": "book", "mark": "own" }, { "name": "Zero to One", "kind": "book", "mark": "own" }, { "name": "Shark Tank", "kind": "TV", "mark": "own" }, { "name": "Jay-Z", "kind": "music", "mark": "own" }, { "name": "confident", "kind": "tone", "mark": "own" } ] }, { "id": "c4", "name": "Couch banter", "reading": "The roast as affection: comedy that talks straight to you, ribs whoever is overconfident, and makes a startup's self-belief the punchline.", "layers": [ "voice", "imagery", "typography" ], "conventions": [ "stand-up special posters: a lone mic stand under one spotlight on a dark curtain, the title in tall marquee letters", "90s sitcom title cards: chunky, bouncy lettering on one flat bright colour" ], "refs": [ { "name": "banter and roast humour", "kind": "quality", "mark": "own" }, { "name": "Friday", "kind": "film", "mark": "own" }, { "name": "Martin", "kind": "TV", "mark": "own" }, { "name": "The Bernie Mac Show", "kind": "TV", "mark": "own" }, { "name": "Silicon Valley", "kind": "TV", "mark": "own" }, { "name": "Coming to America", "kind": "film", "mark": "own" }, { "name": "irreverent", "kind": "tone", "mark": "own" }, { "name": "conversational", "kind": "pacing", "mark": "own" } ] } ], "setAside": [ { "name": "team colors", "kind": "surface", "mark": "own", "reason": "Taken literally it would pull the page to the two clubs' exact blues, which the brief forbids copying; the night-game palette carries the sports feeling without them." }, { "name": "Tesla", "kind": "brand", "mark": "own", "reason": "A product-design brand whose minimal showroom look belongs to every tech page, not to this audience's live-event and comedy taste." }, { "name": "Apple", "kind": "brand", "mark": "own", "reason": "Its white, quiet product staging is the default tech look this page should leave, and it shares nothing with the scoreboard or the comedy stage." }, { "name": "The Lean Startup", "kind": "book", "mark": "own", "reason": "A method manual whose plain business-book cover carries no visual habit; its startup side is already carried by Shoe Dog and Zero to One." } ], "approach": "One page staged as a night game that turns into a show. The hero is a broadcast open under light towers with a score bug that sets the guess against the measurement; the blind spot is a ballpark scoreboard in bulb-dot numerals; the five steps run as a line score of five innings; the evidence is a box score whose every row carries what it does not show; the problem is roasted on a comedy stage under one spotlight; the three plugins are the lineup; the ways to try it are ticket stubs; the build facts are a tour rider. The voice ribs the overconfident guess the way a roast does, and stays inside the facts." }, "dna": { "thesis": "Moûsa explained as a night game that turns into a show: the guess against the measurement on a ballpark scoreboard, the method as a line score, the evidence as a box score with its fine print, the problem roasted under one spotlight and the ways in as ticket stubs.", "devices": [ { "id": "dna1", "layer": "palette", "device": "Night game under the lights", "anchors": [ { "name": "big-stage spectacle", "kind": "quality", "mark": "own" }, { "name": "stadium lights", "kind": "surface", "mark": "own" } ], "qualities": [ "big-stage spectacle", "stadium lights" ], "translation": "Big-stage spectacle drawn the way light-tower photographs draw it: a near-black night sky, a deep stand blue, cones of hard white light, scoreboard-bulb amber for every number and one tally red for what the guess missed. An electric royal blue nods to a ballpark night without copying any club's colour.", "convention": "light-tower silhouettes cutting cones of white light into a night sky", "tokens": { "colors": [ "#080b17", "#131a33", "#2c55f0", "#ffb320", "#ff4b36", "#eef1f8" ] }, "surprise": false, "moved": { "colors": [ "#080b17", "#2c55f0" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Six custom properties on :root hold the night-game palette so every section draws from the same lights.", "cluster": "The big stage", "check": "present" }, { "id": "dna2", "layer": "typography", "device": "Score-bug capitals over stat-sheet figures", "anchors": [ { "name": "bold scoreboard type", "kind": "surface", "mark": "own" }, { "name": "winning as proof", "kind": "quality", "mark": "own" }, { "name": "ESPN", "kind": "brand", "mark": "own" } ], "qualities": [ "bold scoreboard type", "winning as proof" ], "translation": "Bold scoreboard type set the way broadcast score bugs set it: boxed heavy condensed capitals in Anton on a dark bar, with Barlow Condensed for body and every figure in tabular numerals, so the numbers line up like a stat sheet.", "convention": "broadcast score bugs: boxed condensed capitals on a dark bar", "tokens": { "fonts": [ "Anton", "Barlow Condensed" ], "css": [ "font-variant-numeric: tabular-nums" ] }, "surprise": false, "method": "library-font", "why": "Anton and Barlow Condensed fetched from the library and loaded with @font-face carry the score-bug capitals and the stat-sheet figures.", "cluster": "Game-day broadcast", "check": "present" }, { "id": "dna3", "layer": "layout", "device": "Campaign slogan stacked edge to edge", "anchors": [ { "name": "underdog hustle", "kind": "quality", "mark": "own" }, { "name": "Nike", "kind": "brand", "mark": "own" }, { "name": "Shoe Dog", "kind": "book", "mark": "own" } ], "qualities": [ "underdog hustle" ], "translation": "Underdog hustle as athletic campaign posters state it: the one-line promise stacked in three heavy lines that run nearly edge to edge of the first screen, imperative and unhedged.", "convention": "athletic campaign posters: one imperative slogan stacked edge to edge in heavy condensed capitals", "tokens": { "css": [ "font-size: clamp(3.4rem, 10.5vw, 10.5rem)" ], "ids": [ "hero-slogan" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "hero-slogan" ] }, "method": "css-layout", "why": "The slogan stack is a sizing and line-break decision on the hero headline, done in CSS with clamp().", "cluster": "Underdog hustle", "check": "present" }, { "id": "dna4", "layer": "structure", "device": "The five steps as a line score of five innings", "anchors": [ { "name": "Moneyball", "kind": "film", "mark": "own" }, { "name": "competitive", "kind": "tone", "mark": "own" } ], "qualities": [ "competitive" ], "translation": "The method read as a game: a ballpark line score with five inning columns (1st to 5th), each column one step, so the jury reads the process left to right like a scoreboard instead of a numbered list.", "convention": "ballpark scoreboards: bulb-dot numerals glowing on black and a line score of innings across the top", "tokens": { "css": [ "grid-template-columns: repeat(5, minmax(0, 1fr))" ], "ids": [ "line-score" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "line-score" ] }, "method": "css-layout", "why": "A CSS grid of five inning columns under a header row reproduces a line score and collapses to stacked innings on a phone.", "cluster": "Game-day broadcast", "check": "present" }, { "id": "dna5", "layer": "layout", "device": "Bulb-dot scoreboard numerals", "anchors": [ { "name": "live broadcast energy", "kind": "pacing", "mark": "own" }, { "name": "punchy cuts", "kind": "pacing", "mark": "own" } ], "qualities": [ "live broadcast energy" ], "translation": "The blind-spot figures shown as a ballpark board lights them: giant numerals masked into a grid of round bulbs, amber on black, the guess's score beside the measured total like home and away.", "convention": "ballpark scoreboards: bulb-dot numerals glowing on black and a line score of innings across the top", "tokens": { "css": [ "mask-size: 6px 6px" ], "ids": [ "scoreboard" ] }, "surprise": false, "method": "css-art", "why": "A radial-gradient mask turns heavy numerals into bulb dots without any image.", "cluster": "Game-day broadcast", "check": "present" }, { "id": "dna6", "layer": "imagery", "device": "Light towers over the stand, a lone mic on the stage", "anchors": [ { "name": "glossy arena staging", "kind": "surface", "mark": "own" }, { "name": "stadium lights", "kind": "surface", "mark": "own" }, { "name": "banter and roast humour", "kind": "quality", "mark": "own" } ], "qualities": [ "glossy arena staging", "stadium lights" ], "translation": "Original line drawings: two stadium light towers with banks of lamps throwing cones over a stand silhouette in the hero, and a mic stand under a single spotlight on a curtain for the roast of the problem.", "convention": "stand-up special posters: a lone mic stand under one spotlight on a dark curtain, the title in tall marquee letters", "tokens": { "ids": [ "roast" ], "svg": [ "light-towers", "mic-stage" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "roast" ] }, "method": "inline-svg", "why": "Light towers and the mic stand are simple geometric silhouettes that read best as crisp inline SVG and can be animated.", "cluster": "The big stage", "check": "present" }, { "id": "dna7", "layer": "motion", "device": "Broadcast crawl and beam sweep", "anchors": [ { "name": "live broadcast energy", "kind": "pacing", "mark": "own" }, { "name": "fast-paced", "kind": "pacing", "mark": "own" } ], "qualities": [ "live broadcast energy", "fast-paced" ], "translation": "Live broadcast energy as a news crawl that runs the facts along a lower-third bar, and light beams that sweep slowly over the hero; quick, punchy entrances for each section; all paused by a control and stopped for reduced motion.", "tokens": { "css": [ "animation: ticker-crawl 42s linear infinite" ], "keyframes": [ "ticker-crawl", "beam-sweep" ] }, "surprise": false, "method": "css-motion", "why": "The crawl and the beam sweep are transform and opacity keyframes with a pause control and a reduced-motion rule.", "cluster": "Game-day broadcast", "check": "present" }, { "id": "dna8", "layer": "voice", "device": "Roast-night banter with a closer's confidence", "anchors": [ { "name": "banter and roast humour", "kind": "quality", "mark": "own" }, { "name": "Friday", "kind": "film", "mark": "own" }, { "name": "Jay-Z", "kind": "music", "mark": "own" } ], "qualities": [ "banter and roast humour", "confident" ], "translation": "The copy talks straight to the jury, ribs the overconfident guess like a roast and closes like a headliner, while every number and name stays exactly as the facts give it.", "tokens": { "copy": [ "Your agent thinks it knows the crowd. It named 22 of 714.", "Nice guess. Now check the scoreboard.", "Pick your seat." ] }, "surprise": false, "method": "copy", "why": "The banter lives in the headings and intros written around the fixed facts.", "cluster": "Couch banter", "check": "present" }, { "id": "dna9", "layer": "interaction", "device": "Ticket stubs for the ways in", "anchors": [ { "name": "Ticketmaster", "kind": "brand", "mark": "own" }, { "name": "celebratory", "kind": "tone", "mark": "own" } ], "qualities": [ "celebratory" ], "translation": "The live try, the gallery and the blind vote as concert ticket stubs with a perforated edge and section, row and seat style fields; each stub lifts and tilts on hover or focus like a ticket pulled from a pocket.", "convention": "concert ticket stubs: a perforated edge and section, row and seat fields", "tokens": { "css": [ "transition: transform .2s cubic-bezier(.2, .9, .3, 1.4)" ], "ids": [ "tickets" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "tickets" ] }, "method": "css-motion", "why": "The stub's perforation is CSS and its lift is a springy transform transition on hover and focus.", "cluster": "The big stage", "check": "present" }, { "id": "dna10", "layer": "typography", "device": "Marquee letters for the comedy stage", "anchors": [ { "name": "banter and roast humour", "kind": "quality", "mark": "own" }, { "name": "Martin", "kind": "TV", "mark": "own" }, { "name": "Coming to America", "kind": "film", "mark": "own" } ], "qualities": [ "banter and roast humour", "irreverent" ], "translation": "The roast and the ticket fields set in Bungee, the chunky signage capitals of stand-up marquees and 90s sitcom title cards, so the comedy sections speak in a different, louder voice than the broadcast.", "convention": "90s sitcom title cards: chunky, bouncy lettering on one flat bright colour", "tokens": { "fonts": [ "Bungee" ] }, "surprise": false, "moved": { "colors": [], "fonts": [ "Bungee" ], "ids": [] }, "method": "library-font", "why": "Bungee fetched from the library sets the roast heading and the ticket fields.", "cluster": "Couch banter", "check": "present" } ], "stats": { "devices": 10, "layers": [ "palette", "typography", "layout", "structure", "imagery", "motion", "voice", "interaction" ], "surpriseAnchored": 0, "measuredAnchored": 0, "predictionAnchored": 10, "qualityAnchored": 10 } }, "departure": { "sketch": { "palette": [ "#0a1a3f", "#005a9c", "#ffffff", "#ef3e42", "#f5c518" ], "fonts": [ "Anton", "Barlow Condensed" ], "sections": [ "hero", "problem", "scoreboard", "how-it-works", "evidence", "agents", "try-it", "built" ] }, "palette": [ { "color": "#080b17", "nearest": "#0a1a3f", "delta": 21, "moved": true }, { "color": "#131a33", "nearest": "#0a1a3f", "delta": 9, "moved": false }, { "color": "#2c55f0", "nearest": "#005a9c", "delta": 55, "moved": true }, { "color": "#ffb320", "nearest": "#f5c518", "delta": 15, "moved": false }, { "color": "#ff4b36", "nearest": "#ef3e42", "delta": 13, "moved": false }, { "color": "#eef1f8", "nearest": "#ffffff", "delta": 6, "moved": false } ], "fonts": [ { "name": "Anton", "moved": false }, { "name": "Barlow Condensed", "moved": false }, { "name": "Bungee", "moved": true } ], "ids": [ "hero-slogan", "line-score", "roast", "tickets" ], "threshold": 20 }, "reviews": [ { "round": 1, "summary": "The drawn and lettered devices work where they render: the bulb scoreboard and the roast stage read clearly. But a grid sizing bug hid the whole hero copy, and the entrance animation left the line score half-faded and the tickets invisible in capture.", "met": 2, "partly": 1, "missed": 3, "criteria": [ { "id": "r1", "device": "dna3", "look": "On the first desktop screen the headline runs as three heavy condensed capital lines nearly the width of the page, with the light towers and their beams visible behind or beside it.", "capture": "r1-desktop", "verdict": "missed", "observed": "The first desktop screen shows the score bug, the two light towers with their beams and the stand, but no headline, lede or buttons at all, and the crawl is not visible: the hero copy is pushed off-screen.", "repair": "The hero grid's implicit column sized itself to the crawl track's max-content width, so the centred copy landed far off-screen; give the hero grid-template-columns: minmax(0, 1fr)." }, { "id": "r2", "device": "dna5", "look": "The scoreboard section shows 692 and 714 (or 22 and 714) as large amber numerals visibly made of round bulb dots on black.", "capture": "r1-desktop-scoreboard", "verdict": "met", "observed": "22, 714 and 692 stand as huge numerals made of visible round bulb dots, amber and tally red on black inside a framed board, with 96.9% under the missing count." }, { "id": "r3", "device": "dna4", "look": "The five steps read as one line score with five inning columns side by side under a header row from 1st to 5th.", "capture": "r1-desktop-line-score", "verdict": "partly", "observed": "Inning columns 1st to 4th sit side by side under blue header cells, but they are caught mid-entrance at falling opacity and the 5th column is not visible at all.", "repair": "Shorten the staggered entrance and show every section at once when the page opens on a fragment, so the full line score is always readable." }, { "id": "r4", "device": "dna3", "look": "At 390 pixels wide the headline still stacks into heavy lines that fit the width without overflow or clipped words.", "capture": "r1-mobile", "verdict": "missed", "observed": "At 390 pixels the hero shows one light tower and an empty dark field; the slogan is missing, only the crawl at the bottom shows.", "repair": "Same grid column fix as r1, then confirm the four slogan lines fit at 390 pixels." }, { "id": "r5", "device": "dna9", "look": "The ways to try it read as ticket stubs with a dashed perforation and stub fields, stacked one per row on a phone without overflow.", "capture": "r1-mobile-tickets", "verdict": "missed", "observed": "The capture at the tickets section is an empty dark screen: the stubs and heading are still hidden by the entrance state.", "repair": "Reveal sections immediately when the page opens on a fragment and keep the entrance short, so the tickets are never left hidden." }, { "id": "r6", "device": "dna6", "look": "The roast section shows a mic stand under a spotlight cone beside a marquee-lettered heading.", "capture": "r1-desktop-roast", "verdict": "met", "observed": "A mic stand stands under a single spotlight cone on a curtain inside an amber frame, beside the marquee-lettered heading Tonight we roast the guess and the punchline And generic. in tally red." } ], "critique": { "generic": [ { "choice": "The benchmark shown as an ordinary striped data table with a blue header row under the board.", "capture": "r1-desktop-scoreboard", "action": "replaced" }, { "choice": "Every section opens with a plain grey intro paragraph under the heading, the same as any landing page.", "capture": "r1-desktop-line-score", "action": "replaced" }, { "choice": "A dark navy ground with blue accent bars throughout, the colour scheme of many tech landing pages.", "capture": "r1-desktop", "action": "kept", "anchor": "stadium lights" } ], "fan": { "works": [ "Moneyball", "Friday", "Jay-Z", "Nike", "Martin" ], "verdict": "partly", "why": "The bulb scoreboard and the mic under a spotlight would land with someone who loves Moneyball and Martin, but the hero rendered empty so the campaign slogan never hit, and the benchmark table and grey intros read like a report rather than a broadcast." } }, "houseStyle": 0 }, { "round": 2, "summary": "The hero, scoreboard, line score and roast now render as planned on both views, and the benchmark became a second bulb board. The ticket stubs were not captured in this round because the fragment scroll landed short, so that criterion stays unverified.", "met": 5, "partly": 0, "missed": 1, "criteria": [ { "id": "r1", "device": "dna3", "look": "On the first desktop screen the headline runs as three heavy condensed capital lines nearly the width of the page, with the light towers and their beams visible behind or beside it.", "capture": "r2-desktop-top-full", "verdict": "met", "observed": "After a line-height and screen-height fix, the first screen shows the slogan as four heavy condensed capital lines, the last in amber, light towers and beams at right, and lede, banter strap, buttons and crawl above the fold. The earlier r2-desktop showed the lines touching and the buttons below the fold." }, { "id": "r2", "device": "dna5", "look": "The scoreboard section shows 692 and 714 (or 22 and 714) as large amber numerals visibly made of round bulb dots on black.", "capture": "r2-desktop-top-full", "verdict": "met", "observed": "The scoreboard shows 22, 714 and 692 in large bulb-dot numerals, amber and tally red on black, with 96.9% under the miss, and the benchmark now as three more bulb panels: Claude Code 6.8%, Kiro 6.6%, Codex 4.7%." }, { "id": "r3", "device": "dna4", "look": "The five steps read as one line score with five inning columns side by side under a header row from 1st to 5th.", "capture": "r2-desktop-top-full", "verdict": "met", "observed": "The line score shows all five inning columns, 1st to 5th, side by side under blue header cells, each with its step name in amber: Plan, Freeze the guess, Measure, Design from the difference, Report." }, { "id": "r4", "device": "dna3", "look": "At 390 pixels wide the headline still stacks into heavy lines that fit the width without overflow or clipped words.", "capture": "r2-mobile", "verdict": "met", "observed": "At 390 pixels the slogan stacks into four heavy lines that fit the width with no clipping, the last line in amber, followed by the lede, the banter strap, both buttons and the crawl with its Pause control." }, { "id": "r5", "device": "dna9", "look": "The ways to try it read as ticket stubs with a dashed perforation and stub fields, stacked one per row on a phone without overflow.", "capture": "r2-mobile-tickets", "verdict": "missed", "observed": "The capture aimed at the tickets landed higher on the page: it shows the end of the box score and the start of the lineup, so the ticket stubs are not visible in any capture of this round.", "repair": "The fragment scroll likely fires before the web fonts swap in and the page grows; after document.fonts.ready the script now scrolls the targeted section back into view." }, { "id": "r6", "device": "dna6", "look": "The roast section shows a mic stand under a spotlight cone beside a marquee-lettered heading.", "capture": "r2-desktop-top-full", "verdict": "met", "observed": "The roast section shows the mic stand under one spotlight cone on a curtain in an amber frame, beside the Bungee marquee heading Tonight we roast the guess. and the tally-red punchline And generic." } ], "critique": { "generic": [ { "choice": "A dark navy ground with blue accent bars throughout, the colour scheme of many tech landing pages.", "capture": "r2-desktop-top-full", "action": "kept", "anchor": "stadium lights" }, { "choice": "The install commands shown as small inline monospace code chips broken across lines, as on any developer page.", "capture": "r2-mobile-tickets", "action": "replaced" }, { "choice": "The three agents as plain bordered cards with a heading and a line of text, which any product page has.", "capture": "r2-mobile-tickets", "action": "replaced" } ], "fan": { "works": [ "Moneyball", "Friday", "Jay-Z", "Nike", "Martin" ], "verdict": "partly", "why": "The stacked campaign slogan, the bulb scoreboard and the mic under a spotlight would read as theirs to someone who loves Nike's posters, Moneyball and Martin, but the lineup and the evidence rows still look like a product page, and the ticket stubs that carry the live-show side were not seen in capture." } }, "houseStyle": 0 } ], "captures": [ { "id": "r2-desktop", "round": 2, "view": "desktop", "width": 1440, "height": 900, "label": "desktop", "cited": false, "source": ".mousa/captures/r2-desktop.png", "file": "assets/captures/b-r2-desktop.png" }, { "id": "r2-mobile", "round": 2, "view": "mobile", "width": 390, "height": 844, "label": "mobile", "cited": true, "source": ".mousa/captures/r2-mobile.png", "file": "assets/captures/b-r2-mobile.png" }, { "id": "r2-desktop-top-full", "round": 2, "view": "desktop", "target": "top", "full": true, "width": 1440, "height": 3200, "label": "desktop · top · full page", "cited": true, "source": ".mousa/captures/r2-desktop-top-full.png", "file": "assets/captures/b-r2-desktop-top-full.png" }, { "id": "r2-mobile-tickets-full", "round": 2, "view": "mobile", "target": "tickets", "full": true, "width": 390, "height": 3200, "label": "mobile · tickets · full page", "cited": false, "source": ".mousa/captures/r2-mobile-tickets-full.png", "file": "assets/captures/b-r2-mobile-tickets-full.png" }, { "id": "r2-mobile-tickets", "round": 2, "view": "mobile", "target": "tickets", "width": 390, "height": 844, "label": "mobile · tickets", "cited": true, "source": ".mousa/captures/r2-mobile-tickets.png", "file": "assets/captures/b-r2-mobile-tickets.png" } ], "check": { "score": 1, "system": "css-vars", "present": 10, "devices": [ { "id": "dna1", "status": "present" }, { "id": "dna2", "status": "present" }, { "id": "dna3", "status": "present" }, { "id": "dna4", "status": "present" }, { "id": "dna5", "status": "present" }, { "id": "dna6", "status": "present" }, { "id": "dna7", "status": "present" }, { "id": "dna8", "status": "present" }, { "id": "dna9", "status": "present" }, { "id": "dna10", "status": "present" } ], "style": { "atStart": { "stylesheets": [], "handWritten": 0, "classes": 0 }, "now": { "stylesheets": [ "styles.css" ], "handWritten": 646, "classes": 190 } }, "houseStyle": { "signatures": [], "limit": 2 } }, "houseStyle": { "signatures": [ "a near-black ground lit by one warm amber accent" ], "count": 1, "of": 12, "limit": 2 }, "limits": [ "No Qloo data was used: the taste input is the agent's own prediction, frozen before the design began.", "The check shows that the declared tokens are in the files, not that the design is good. The review is the agent's own reading of its captures.", "One session is one sample. It shows where this design's choices came from, not that people prefer it." ] } ], "fonts": [ { "family": "Fraunces", "license": "OFL-1.1" }, { "family": "Inter", "license": "OFL-1.1" }, { "family": "DM Mono", "license": "OFL-1.1" }, { "family": "Archivo Black", "license": "OFL-1.1" }, { "family": "Cabin", "license": "OFL-1.1" }, { "family": "Anton", "license": "OFL-1.1" }, { "family": "Barlow Condensed", "license": "OFL-1.1" } ] }