{ "schemaVersion": "1.0", "kind": "comparison", "generatedAt": "2026-10-27T13:59:25.314Z", "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.60", "text": "heuristic distance between the two designs, from 0 (alike) to 1", "sentence": "8 of 8 devices rest on what the prediction did not contain." }, "arms": [ { "label": "With Qloo", "folder": "compare/with-qloo", "taste": "qloo", "kind": "session", "headline": { "value": "8 of 8", "text": "design devices rest on what the model did not predict", "sentence": "8 of 8 devices rest on what the prediction did not contain." }, "link": "/gallery/showcase-claude-code-first/arms/with-qloo/" }, { "label": "Without Qloo", "folder": "compare/without-qloo", "taste": "own prediction", "kind": "baseline", "headline": { "value": "8", "text": "design devices rest on the model's own prediction, with no Qloo data", "sentence": "8 devices rest on the prediction alone; no Qloo data was used." }, "link": "/gallery/showcase-claude-code-first/arms/without-qloo/" } ], "samePrediction": true, "measure": "design", "distance": { "overall": 0.6, "palette": 0.49, "typography": 0.694, "structure": 0.8, "features": 0.445, "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-23T14:24:05.977Z", "sha256": "e84156d528f133105415ca2847c1bfeb6e155bd4a4e928703bc649ae835fffdb", "sealHolds": true, "summary": "Startup and venture people who also love big live entertainment and pro sports: tech podcast listeners, stand-up comedy fans, Dodgers and Chelsea supporters and concert-goers. Hustle, showmanship and a scoreboard mentality.", "groups": [ { "domain": "brand", "label": "Brands", "quality": false, "entries": [ { "name": "Tesla", "measured": false }, { "name": "Apple", "measured": true, "as": "After Steve: How Apple Became a Trillion-Dollar Company and Lost Its Soul (book)" }, { "name": "Nike", "measured": false }, { "name": "Spotify", "measured": false }, { "name": "Ticketmaster", "measured": false }, { "name": "Y Combinator", "measured": false } ] }, { "domain": "movie", "label": "Films", "quality": false, "entries": [ { "name": "The Social Network", "measured": false }, { "name": "Moneyball", "measured": false }, { "name": "Friday", "measured": false }, { "name": "Coming to America", "measured": false }, { "name": "Bad Boys", "measured": false } ] }, { "domain": "artist", "label": "Music", "quality": false, "entries": [ { "name": "Jay-Z", "measured": false }, { "name": "Kendrick Lamar", "measured": false }, { "name": "Dr. Dre", "measured": false }, { "name": "Snoop Dogg", "measured": false }, { "name": "Beyoncé", "measured": false } ] }, { "domain": "book", "label": "Books", "quality": false, "entries": [ { "name": "Zero to One", "measured": false }, { "name": "The Hard Thing About Hard Things", "measured": false }, { "name": "Shoe Dog", "measured": false }, { "name": "Elon Musk", "measured": false } ] }, { "domain": "tv_show", "label": "TV", "quality": false, "entries": [ { "name": "Shark Tank", "measured": false }, { "name": "Silicon Valley", "measured": false }, { "name": "Billions", "measured": false }, { "name": "Ted Lasso", "measured": false }, { "name": "Chappelle's Show", "measured": false } ] }, { "domain": "style", "label": "Pacing", "quality": true, "entries": [ { "name": "fast-paced", "measured": false }, { "name": "conversational", "measured": false }, { "name": "punchy cuts", "measured": false }, { "name": "live-event energy", "measured": false } ] }, { "domain": "aesthetic", "label": "Surfaces", "quality": true, "entries": [ { "name": "stadium lights", "measured": false }, { "name": "bold sports graphics", "measured": false }, { "name": "polished tech minimalism", "measured": false }, { "name": "stage spotlight", "measured": false } ] }, { "domain": "tone", "label": "Tone", "quality": true, "entries": [ { "name": "confident", "measured": false }, { "name": "funny", "measured": false }, { "name": "competitive", "measured": false }, { "name": "optimistic", "measured": false } ] }, { "domain": "qualities", "label": "Shared qualities", "quality": true, "entries": [ { "name": "underdog to champion", "measured": false }, { "name": "ambition and hustle", "measured": false }, { "name": "crowd and community", "measured": false }, { "name": "black comedy culture", "measured": false }, { "name": "Los Angeles", "measured": false } ] } ], "sketch": { "summary": "A scoreboard-style startup pitch page: dark navy stage with a single spotlight, Dodger-blue accents, huge condensed numerals for the evidence (96.9%, 692 of 714), five steps laid out like an innings line, punchy confident copy.", "palette": [ "#0b1f3a", "#005a9c", "#f4f1ea", "#e4002b", "#ffc72c" ], "fonts": [ "Bebas Neue", "Inter", "DM Mono" ], "sections": [ "hero", "problem", "how-it-works", "evidence", "agents", "try", "built", "footer" ], "motifs": [ "scoreboard numerals", "stadium spotlight", "innings-style step line", "pitch-deck confidence" ] } }, "measured": { "counts": { "works": 68, "worksPredicted": 1, "worksNew": 67, "qualities": 18, "qualitiesPredicted": 0, "tags": 24, "tagsPredicted": 0, "predictions": 25, "predictionsMeasured": 1, "requests": 16, "fromCache": 0 }, "qualities": { "look": [ { "name": "Intimate", "kind": "look quality", "mark": "new", "works": [ "Jeremih", "Men of a Certain Age", "Family Tree" ], "domains": [ "music", "TV", "film" ] }, { "name": "Realistic", "kind": "look quality", "mark": "new", "works": [ "Camping", "Breeders", "Froning: The Fittest Man in History" ], "domains": [ "TV", "film" ] }, { "name": "Bold Typography", "kind": "look quality", "mark": "new", "works": [ "National Football League", "ESPN", "Gatorade G2" ], "domains": [ "brand" ] }, { "name": "Charismatic", "kind": "look quality", "mark": "new", "works": [ "Trey Songz", "Ty Dolla $ign", "A Kid from Coney Island" ], "domains": [ "music", "film" ] }, { "name": "Naturalistic", "kind": "look quality", "mark": "new", "works": [ "Breeders", "Family Tree", "Born Strong" ], "domains": [ "TV", "film" ] } ], "mood": [ { "name": "Emotional", "kind": "mood quality", "mark": "new", "works": [ "Drake&Orson", "Coach Carter", "Glory Road" ], "domains": [ "music", "film" ] }, { "name": "Resilient", "kind": "mood quality", "mark": "new", "works": [ "Loudermilk", "Roadies", "Iverson" ], "domains": [ "TV", "film" ] }, { "name": "Complex", "kind": "mood quality", "mark": "new", "works": [ "Men of a Certain Age", "Loudermilk", "Whites" ], "domains": [ "TV", "film" ] }, { "name": "Conflicted", "kind": "mood quality", "mark": "new", "works": [ "Breeders", "Mo", "Straight Outta Compton" ], "domains": [ "TV", "film" ] }, { "name": "Melodic", "kind": "mood quality", "mark": "new", "works": [ "Jeremih", "Drake&Orson", "Trey Songz" ], "domains": [ "music" ] } ], "meaning": [ { "name": "Reflective", "kind": "meaning quality", "mark": "new", "works": [ "Breeders", "Family Tree", "The Carter Effect" ], "domains": [ "TV", "film" ] }, { "name": "Empathetic", "kind": "meaning quality", "mark": "new", "works": [ "Crashing", "Fisk", "Born Strong" ], "domains": [ "TV", "film" ] }, { "name": "Curious", "kind": "meaning quality", "mark": "new", "works": [ "Family Tree", "I'll Sleep When I'm Dead", "Born Strong" ], "domains": [ "TV", "film" ] }, { "name": "Resilience", "kind": "meaning quality", "mark": "new", "works": [ "Mo", "Born Strong", "KidPoker" ], "domains": [ "TV", "film" ] }, { "name": "Loyal", "kind": "meaning quality", "mark": "new", "works": [ "Jeremih", "2 Chainz", "Big Sean" ], "domains": [ "music" ] } ] }, "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": "new" }, { "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": "new", "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": "new", "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": "Jeremih", "kind": "music", "mark": "new" }, { "name": "Family Tree", "kind": "TV", "mark": "new" }, { "name": "Froning: The Fittest Man in History", "kind": "film", "mark": "new" }, { "name": "Intimate", "kind": "look quality", "mark": "new" }, { "name": "Emotional", "kind": "mood quality", "mark": "new" }, { "name": "Reflective", "kind": "meaning quality", "mark": "new" } ], "cautions": [ "Bold Typography is carried mostly by brands (National Football League, ESPN, Gatorade G2): it may describe their products' design more than this audience's eye." ] }, "views": [ { "key": "mobile", "label": "mobile", "a": { "id": "r2-mobile", "round": 2, "view": "mobile", "width": 390, "height": 844, "label": "mobile", "cited": true, "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": "desktop-contact-sheet-section", "label": "desktop · contact-sheet-section", "a": { "id": "r2-desktop-contact-sheet-section", "round": 2, "view": "desktop", "target": "contact-sheet-section", "width": 1440, "height": 900, "label": "desktop · contact-sheet-section", "cited": true, "source": ".mousa/captures/r2-desktop-contact-sheet-section.png", "file": "assets/captures/a-r2-desktop-contact-sheet-section.png" }, "b": null }, { "key": "desktop-backstage", "label": "desktop · backstage", "a": { "id": "r2-desktop-backstage", "round": 2, "view": "desktop", "target": "backstage", "width": 1440, "height": 900, "label": "desktop · backstage", "cited": true, "source": ".mousa/captures/r2-desktop-backstage.png", "file": "assets/captures/a-r2-desktop-backstage.png" }, "b": null }, { "key": "mobile-transcript", "label": "mobile · transcript", "a": { "id": "r2-mobile-transcript", "round": 2, "view": "mobile", "target": "transcript", "width": 390, "height": 844, "label": "mobile · transcript", "cited": true, "source": ".mousa/captures/r2-mobile-transcript.png", "file": "assets/captures/a-r2-mobile-transcript.png" }, "b": null }, { "key": "desktop-blind-spot-figure", "label": "desktop · blind-spot-figure", "a": { "id": "r2-desktop-blind-spot-figure", "round": 2, "view": "desktop", "target": "blind-spot-figure", "width": 1440, "height": 900, "label": "desktop · blind-spot-figure", "cited": true, "source": ".mousa/captures/r2-desktop-blind-spot-figure.png", "file": "assets/captures/a-r2-desktop-blind-spot-figure.png" }, "b": null }, { "key": "desktop-box-score", "label": "desktop · box-score", "a": null, "b": { "id": "r2-desktop-box-score", "round": 2, "view": "desktop", "target": "box-score", "width": 1440, "height": 900, "label": "desktop · box-score", "cited": true, "source": ".mousa/captures/r2-desktop-box-score.png", "file": "assets/captures/b-r2-desktop-box-score.png" } }, { "key": "desktop-lineup", "label": "desktop · lineup", "a": null, "b": { "id": "r2-desktop-lineup", "round": 2, "view": "desktop", "target": "lineup", "width": 1440, "height": 900, "label": "desktop · lineup", "cited": true, "source": ".mousa/captures/r2-desktop-lineup.png", "file": "assets/captures/b-r2-desktop-lineup.png" } }, { "key": "desktop", "label": "desktop", "a": null, "b": { "id": "r2-desktop", "round": 2, "view": "desktop", "width": 1440, "height": 900, "label": "desktop", "cited": true, "source": ".mousa/captures/r2-desktop.png", "file": "assets/captures/b-r2-desktop.png" } }, { "key": "mobile-tight-five", "label": "mobile · tight-five", "a": null, "b": { "id": "r2-mobile-tight-five", "round": 2, "view": "mobile", "target": "tight-five", "width": 390, "height": 844, "label": "mobile · tight-five", "cited": true, "source": ".mousa/captures/r2-mobile-tight-five.png", "file": "assets/captures/b-r2-mobile-tight-five.png" } } ], "layers": [ { "layer": "palette", "arms": [ [ { "id": "dna1", "layer": "palette", "device": "Kitchen-table neutrals: warm paper, near-black ink, clay and sage", "anchors": [ { "name": "Realistic", "kind": "look quality", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" }, { "name": "Froning: The Fittest Man in History", "kind": "film", "mark": "new" } ], "qualities": [ "Realistic", "Neutral Palettes", "Familial intimacy" ], "translation": "Realistic, familial intimacy and neutral palettes become the colours of an ordinary lit room: unbleached paper, warm ink, a clay accent for what was measured and a muted sage for what was guessed. No team or brand colour is used.", "tokens": { "colors": [ "#ece4d6", "#241f1b", "#9a5a3c", "#7d8468", "#c9b79c" ] }, "surprise": true, "moved": { "colors": [ "#241f1b", "#9a5a3c", "#7d8468", "#c9b79c" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Custom properties on :root hold the five neutrals so every surface draws from them.", "cluster": "Unvarnished, at the kitchen table", "check": "present" } ], [ { "id": "dna1", "layer": "palette", "device": "Night-game scoreboard palette: night field, light-tower white, amber bulbs, a red miss", "anchors": [ { "name": "ambition and hustle", "kind": "quality", "mark": "own" }, { "name": "bold sports graphics", "kind": "surface", "mark": "own" }, { "name": "Moneyball", "kind": "film", "mark": "own" } ], "qualities": [ "ambition and hustle", "bold sports graphics" ], "translation": "Hustle reads as the late game under lights: a deep night-blue ground, warm white from the light towers for text, amber scoreboard bulbs for every number that matters, a field blue for structure and one hot red reserved for what was missed. Moneyball is evidence that numbers are the drama here, so the brightest colour belongs to the stats.", "tokens": { "colors": [ "#0a1633", "#f6efdc", "#ffb21a", "#2a63d4", "#ff4b36", "#13224a" ] }, "surprise": false, "moved": { "colors": [ "#2a63d4" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Custom properties on :root hold the six colours so every surface reads from one scoreboard palette.", "cluster": "Scoreboard hustle", "check": "present" } ] ] }, { "layer": "typography", "arms": [ [ { "id": "dna2", "layer": "typography", "device": "Close-up editorial serif over a sturdy grotesque, heavy tabular numerals, and a typed transcript face", "anchors": [ { "name": "Intimate", "kind": "look quality", "mark": "new" }, { "name": "Bold Typography", "kind": "look quality", "mark": "new" } ], "qualities": [ "Intimate", "Bold Typography" ], "translation": "Intimate becomes a soft, condensed editorial serif for headlines and lead lines, set large and close, with a screenplay typewriter face for the spoken transcript. Bold Typography, carried mostly by brands, is confined to the evidence numerals: Libre Franklin at its heaviest weight with tabular figures.", "tokens": { "fonts": [ "Instrument Serif", "Libre Franklin", "Courier Prime" ], "css": [ "font-variant-numeric: tabular-nums", "font-weight: 900" ] }, "surprise": true, "moved": { "colors": [], "fonts": [ "Instrument Serif", "Libre Franklin", "Courier Prime" ], "ids": [] }, "method": "library-font", "why": "Instrument Serif, Libre Franklin and Courier Prime are fetched locally and set through font custom properties; numerals get tabular, heavy settings.", "cluster": "Hauntingly intimate", "check": "present" } ], [ { "id": "dna2", "layer": "typography", "device": "Tall condensed scoreboard capitals over a sturdy sports-page grotesque, numbers in mono", "anchors": [ { "name": "underdog to champion", "kind": "quality", "mark": "own" }, { "name": "competitive", "kind": "tone", "mark": "own" } ], "qualities": [ "underdog to champion", "competitive" ], "translation": "The underdog-to-champion arc wants headlines that stand up tall and loud like a scoreboard, so headings are Big Shoulders Display in heavy capitals; body text is Libre Franklin, the steady grotesque of a sports page; scores, commands and counts are DM Mono with tabular figures, the way a competitive stat line is set.", "tokens": { "fonts": [ "Big Shoulders Display", "Libre Franklin", "DM Mono" ], "css": [ "text-transform: uppercase", "font-variant-numeric: tabular-nums" ] }, "surprise": false, "moved": { "colors": [], "fonts": [ "Big Shoulders Display", "Libre Franklin" ], "ids": [] }, "method": "library-font", "why": "The three families are fetched locally and loaded by @font-face, with uppercase and tabular figures set in CSS.", "cluster": "Scoreboard hustle", "check": "present" } ] ] }, { "layer": "imagery", "arms": [ [ { "id": "dna4", "layer": "imagery", "device": "The blind-spot field: 714 plain dots, 22 filled in clay", "anchors": [ { "name": "Clean", "kind": "surface", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" } ], "qualities": [ "Clean", "Neutral Palettes" ], "translation": "Clean, neutral surfaces become an original line drawing with no ornament: a field of 714 outlined dots on paper (34 by 21), of which only the 22 the guesses named are filled. The filled dots settle in one by one as the signature moment.", "tokens": { "ids": [ "blind-spot-figure" ], "svg": [ "blind-spot" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "blind-spot-figure" ] }, "method": "inline-svg", "why": "A pattern of 714 outlined dots with 22 filled circles drawn inline, clean and resolution-free.", "cluster": "Unvarnished, at the kitchen table", "check": "present" } ], [ { "id": "dna4", "layer": "imagery", "device": "Light towers over a crowd: an inline SVG of two stadium light towers throwing beams onto a field of crowd dots", "anchors": [ { "name": "stadium lights", "kind": "surface", "mark": "own" }, { "name": "crowd and community", "kind": "quality", "mark": "own" }, { "name": "Los Angeles", "kind": "quality", "mark": "own" } ], "qualities": [ "stadium lights", "crowd and community" ], "translation": "The crowd under lights becomes the hero drawing: two lattice light towers, banks of bulbs, wide translucent beams and a curved stand of dots that reads as an audience, under a warm night sky. It is the audience the page is about, drawn rather than photographed.", "tokens": { "ids": [ "hero" ], "svg": [ "light-towers" ] }, "surprise": false, "method": "inline-svg", "why": "No image generator here; an inline SVG draws towers, beams and crowd with full control of the palette and lets the beams animate.", "cluster": "Night game, live crowd", "check": "present" } ] ] }, { "layer": "motion", "arms": [ [ { "id": "dna3", "layer": "motion", "device": "Slow rack focus: sections come into focus from a soft blur", "anchors": [ { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" } ], "qualities": [ "Hauntingly Intimate", "Melodic" ], "translation": "Hauntingly intimate, melodic pacing becomes a slow pull-focus: each section enters from a slight blur and drift, with no bounce, the way a close-up resolves.", "tokens": { "css": [ "animation: rack-focus 1.4s cubic-bezier(.2,.7,.2,1) both" ], "keyframes": [ "rack-focus" ] }, "surprise": true, "method": "css-motion", "why": "A keyframed blur-to-focus entrance triggered by an IntersectionObserver class, with a reduced-motion fallback.", "cluster": "Hauntingly intimate", "check": "present" } ], [ { "id": "dna5", "layer": "motion", "device": "Lights-up: beams sweep slowly while a marquee ticker runs the set list, both pausable", "anchors": [ { "name": "live-event energy", "kind": "pacing", "mark": "own" }, { "name": "fast-paced", "kind": "pacing", "mark": "own" }, { "name": "Jay-Z", "kind": "music", "mark": "own" } ], "qualities": [ "live-event energy", "fast-paced" ], "translation": "Live-event energy is the moment before the show: the beams sweep across the crowd and a marquee ticker runs fast across the top like an arena board. Jay-Z stands for the arena show. Both loops stop under reduced motion and on the pause button.", "tokens": { "css": [ "animation: marquee-run 28s linear infinite" ], "keyframes": [ "beam-sweep", "marquee-run" ] }, "surprise": false, "method": "css-motion", "why": "Two CSS keyframe loops, with a reduced-motion rule and a data-motion-toggle pause button.", "cluster": "Night game, live crowd", "check": "present" } ] ] }, { "layer": "voice", "arms": [ [ { "id": "dna8", "layer": "voice", "device": "Candid, reflective interview voice", "anchors": [ { "name": "Family Tree", "kind": "TV", "mark": "new" }, { "name": "Emotional", "kind": "mood quality", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" } ], "qualities": [ "Reflective", "Emotional", "Determination" ], "translation": "Reflective, emotional and determined tone becomes plain sentences that admit the limit before the claim, short and spoken, never a pitch.", "tokens": { "copy": [ "Ask an agent who an audience is, and it answers from its own idea.", "Guess first. Then measure. Then design from the difference.", "Turn each card to see what it does not show." ] }, "surprise": true, "method": "copy", "why": "The narrative lines are written in the candid register around the fixed facts.", "cluster": "Reflective, with the limits said aloud", "check": "present" } ], [ { "id": "dna7", "layer": "voice", "device": "Stand-up confidence: setup, punchline, and every number exact", "anchors": [ { "name": "funny", "kind": "tone", "mark": "own" }, { "name": "confident", "kind": "tone", "mark": "own" }, { "name": "conversational", "kind": "pacing", "mark": "own" } ], "qualities": [ "funny", "confident", "conversational" ], "translation": "Headings set up a premise and land it in a few words, spoken to the jury directly, confident and a little funny; the facts underneath stay exactly as stated, because the joke never changes the score.", "tokens": { "copy": [ "Every agent thinks it knows the crowd.", "The guess named 22. The measurement found 714.", "Pick your dugout." ] }, "surprise": false, "method": "copy", "why": "The lines are written into headings and intros around the exact facts.", "cluster": "The tight five", "check": "present" } ] ] }, { "layer": "layout", "arms": [ [ { "id": "dna7", "layer": "layout", "device": "Contact-sheet frames for the five steps", "anchors": [ { "name": "Camping", "kind": "TV", "mark": "new" }, { "name": "Curious", "kind": "meaning quality", "mark": "new" } ], "qualities": [ "Unvarnished close ups", "Observational" ], "translation": "Unvarnished, observational close-ups become the five steps laid out as a strip of portrait frames with frame numbers in the margin, read left to right like a contact sheet.", "tokens": { "css": [ "aspect-ratio: 4 / 5" ], "ids": [ "contact-sheet" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "contact-sheet" ] }, "method": "css-layout", "why": "A five-column grid of 4:5 frames that becomes a horizontal scroll strip on mobile.", "cluster": "Observational frames", "check": "present" } ], [ { "id": "dna3", "layer": "layout", "device": "Box score: the evidence as a scoreboard grid of panels with one headline stat", "anchors": [ { "name": "Moneyball", "kind": "film", "mark": "own" }, { "name": "The Social Network", "kind": "film", "mark": "own" }, { "name": "ambition and hustle", "kind": "quality", "mark": "own" } ], "qualities": [ "ambition and hustle" ], "translation": "Moneyball and The Social Network both turn a spreadsheet into a story, so the evidence section is a box score: ruled panels on a grid, each with its number lit in amber and a plain line saying what it does not show. The blind spot stat spans the top like the inning total.", "tokens": { "css": [ "grid-template-columns: repeat(12, 1fr)" ], "ids": [ "box-score", "headline-stat" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "box-score", "headline-stat" ] }, "method": "css-layout", "why": "A 12-column CSS grid makes the box score, with the headline stat spanning the full width.", "cluster": "Scoreboard hustle", "check": "present" } ] ] }, { "layer": "structure", "arms": [ [ { "id": "dna5", "layer": "structure", "device": "The problem told as an interview transcript", "anchors": [ { "name": "A Kid from Coney Island", "kind": "film", "mark": "new" }, { "name": "Reflective", "kind": "meaning quality", "mark": "new" } ], "qualities": [ "Interview centric", "Reflective" ], "translation": "Interview-centric, reflective storytelling becomes a section laid out as a typed transcript: a question in the margin, the plain answer beside it.", "tokens": { "ids": [ "transcript" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "transcript" ] }, "method": "css-layout", "why": "A two-column grid of margin questions and typed answers carries the transcript.", "cluster": "Reflective, with the limits said aloud", "check": "present" } ], [ { "id": "dna6", "layer": "structure", "device": "The tight five: the five steps as a numbered set list, each with a setup and a landing", "anchors": [ { "name": "punchy cuts", "kind": "pacing", "mark": "own" }, { "name": "black comedy culture", "kind": "quality", "mark": "own" }, { "name": "Chappelle's Show", "kind": "TV", "mark": "own" } ], "qualities": [ "punchy cuts", "black comedy culture" ], "translation": "A comic's tight five is five bits that land in order, so the five steps become a set list: big numbers, one bold beat each, short cuts between them, and the frozen guess as the setup the measurement pays off.", "tokens": { "ids": [ "tight-five" ], "copy": [ "Here's the tight five." ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "tight-five" ] }, "method": "css-layout", "why": "An ordered list styled as a set list with oversized numerals and alternating cuts.", "cluster": "The tight five", "check": "present" } ] ] }, { "layer": "interaction", "arms": [ [ { "id": "dna6", "layer": "interaction", "device": "Stage and backstage: each piece of evidence turns to show what it does not show", "anchors": [ { "name": "I'll Sleep When I'm Dead", "kind": "film", "mark": "new" }, { "name": "Complex", "kind": "mood quality", "mark": "new" } ], "qualities": [ "Stage backstage juxtaposition", "Complex" ], "translation": "Stage/backstage juxtaposition and complexity become evidence cards with a front (the finding) and a back (its stated limit); a button turns each card, so the limit is one press away, never hidden in small print.", "tokens": { "css": [ "transition: transform .7s cubic-bezier(.2,.7,.2,1)" ], "ids": [ "backstage" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "backstage" ] }, "method": "interaction-script", "why": "A small script toggles aria-pressed and a turned class on each evidence card; CSS rotates it.", "cluster": "Reflective, with the limits said aloud", "check": "present" } ], [ { "id": "dna8", "layer": "interaction", "device": "The lineup: install commands on ticket-stub cards that copy on press", "anchors": [ { "name": "Tesla", "kind": "brand", "mark": "own" } ], "qualities": [ "engineered precision" ], "translation": "Tesla stands in my guess for engineered, no-friction product: the three agents are a lineup of ticket-stub cards whose install commands copy with one press, with a short confirmation and a pressed state.", "tokens": { "css": [ "transition: transform .18s ease-out, background-color .18s ease-out" ], "ids": [ "lineup" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "lineup" ] }, "method": "interaction-script", "why": "A small script copies each command to the clipboard and confirms it, with CSS transitions for the press.", "cluster": "Scoreboard hustle", "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:25.309Z", "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": "8 of 8", "text": "design devices rest on what the model did not predict", "sentence": "8 of 8 devices rest on what the prediction did not contain." }, "numbers": [ { "value": 68, "label": "works measured, 1 of them predicted" }, { "value": 18, "label": "shared qualities, 0 predicted" }, { "value": 24, "label": "pacing, surface and tone tags, 0 predicted" }, { "value": 16, "label": "Qloo requests" } ], "prediction": { "frozenAt": "2026-10-23T14:24:05.977Z", "sha256": "e84156d528f133105415ca2847c1bfeb6e155bd4a4e928703bc649ae835fffdb", "sealHolds": true, "summary": "Startup and venture people who also love big live entertainment and pro sports: tech podcast listeners, stand-up comedy fans, Dodgers and Chelsea supporters and concert-goers. Hustle, showmanship and a scoreboard mentality.", "groups": [ { "domain": "brand", "label": "Brands", "quality": false, "entries": [ { "name": "Tesla", "measured": false }, { "name": "Apple", "measured": true, "as": "After Steve: How Apple Became a Trillion-Dollar Company and Lost Its Soul (book)" }, { "name": "Nike", "measured": false }, { "name": "Spotify", "measured": false }, { "name": "Ticketmaster", "measured": false }, { "name": "Y Combinator", "measured": false } ] }, { "domain": "movie", "label": "Films", "quality": false, "entries": [ { "name": "The Social Network", "measured": false }, { "name": "Moneyball", "measured": false }, { "name": "Friday", "measured": false }, { "name": "Coming to America", "measured": false }, { "name": "Bad Boys", "measured": false } ] }, { "domain": "artist", "label": "Music", "quality": false, "entries": [ { "name": "Jay-Z", "measured": false }, { "name": "Kendrick Lamar", "measured": false }, { "name": "Dr. Dre", "measured": false }, { "name": "Snoop Dogg", "measured": false }, { "name": "Beyoncé", "measured": false } ] }, { "domain": "book", "label": "Books", "quality": false, "entries": [ { "name": "Zero to One", "measured": false }, { "name": "The Hard Thing About Hard Things", "measured": false }, { "name": "Shoe Dog", "measured": false }, { "name": "Elon Musk", "measured": false } ] }, { "domain": "tv_show", "label": "TV", "quality": false, "entries": [ { "name": "Shark Tank", "measured": false }, { "name": "Silicon Valley", "measured": false }, { "name": "Billions", "measured": false }, { "name": "Ted Lasso", "measured": false }, { "name": "Chappelle's Show", "measured": false } ] }, { "domain": "style", "label": "Pacing", "quality": true, "entries": [ { "name": "fast-paced", "measured": false }, { "name": "conversational", "measured": false }, { "name": "punchy cuts", "measured": false }, { "name": "live-event energy", "measured": false } ] }, { "domain": "aesthetic", "label": "Surfaces", "quality": true, "entries": [ { "name": "stadium lights", "measured": false }, { "name": "bold sports graphics", "measured": false }, { "name": "polished tech minimalism", "measured": false }, { "name": "stage spotlight", "measured": false } ] }, { "domain": "tone", "label": "Tone", "quality": true, "entries": [ { "name": "confident", "measured": false }, { "name": "funny", "measured": false }, { "name": "competitive", "measured": false }, { "name": "optimistic", "measured": false } ] }, { "domain": "qualities", "label": "Shared qualities", "quality": true, "entries": [ { "name": "underdog to champion", "measured": false }, { "name": "ambition and hustle", "measured": false }, { "name": "crowd and community", "measured": false }, { "name": "black comedy culture", "measured": false }, { "name": "Los Angeles", "measured": false } ] } ], "sketch": { "summary": "A scoreboard-style startup pitch page: dark navy stage with a single spotlight, Dodger-blue accents, huge condensed numerals for the evidence (96.9%, 692 of 714), five steps laid out like an innings line, punchy confident copy.", "palette": [ "#0b1f3a", "#005a9c", "#f4f1ea", "#e4002b", "#ffc72c" ], "fonts": [ "Bebas Neue", "Inter", "DM Mono" ], "sections": [ "hero", "problem", "how-it-works", "evidence", "agents", "try", "built", "footer" ], "motifs": [ "scoreboard numerals", "stadium spotlight", "innings-style step line", "pitch-deck confidence" ] } }, "measured": { "counts": { "works": 68, "worksPredicted": 1, "worksNew": 67, "qualities": 18, "qualitiesPredicted": 0, "tags": 24, "tagsPredicted": 0, "predictions": 25, "predictionsMeasured": 1, "requests": 16, "fromCache": 0 }, "qualities": { "look": [ { "name": "Intimate", "kind": "look quality", "mark": "new", "works": [ "Jeremih", "Men of a Certain Age", "Family Tree" ], "domains": [ "music", "TV", "film" ] }, { "name": "Realistic", "kind": "look quality", "mark": "new", "works": [ "Camping", "Breeders", "Froning: The Fittest Man in History" ], "domains": [ "TV", "film" ] }, { "name": "Bold Typography", "kind": "look quality", "mark": "new", "works": [ "National Football League", "ESPN", "Gatorade G2" ], "domains": [ "brand" ] }, { "name": "Charismatic", "kind": "look quality", "mark": "new", "works": [ "Trey Songz", "Ty Dolla $ign", "A Kid from Coney Island" ], "domains": [ "music", "film" ] }, { "name": "Naturalistic", "kind": "look quality", "mark": "new", "works": [ "Breeders", "Family Tree", "Born Strong" ], "domains": [ "TV", "film" ] } ], "mood": [ { "name": "Emotional", "kind": "mood quality", "mark": "new", "works": [ "Drake&Orson", "Coach Carter", "Glory Road" ], "domains": [ "music", "film" ] }, { "name": "Resilient", "kind": "mood quality", "mark": "new", "works": [ "Loudermilk", "Roadies", "Iverson" ], "domains": [ "TV", "film" ] }, { "name": "Complex", "kind": "mood quality", "mark": "new", "works": [ "Men of a Certain Age", "Loudermilk", "Whites" ], "domains": [ "TV", "film" ] }, { "name": "Conflicted", "kind": "mood quality", "mark": "new", "works": [ "Breeders", "Mo", "Straight Outta Compton" ], "domains": [ "TV", "film" ] }, { "name": "Melodic", "kind": "mood quality", "mark": "new", "works": [ "Jeremih", "Drake&Orson", "Trey Songz" ], "domains": [ "music" ] } ], "meaning": [ { "name": "Reflective", "kind": "meaning quality", "mark": "new", "works": [ "Breeders", "Family Tree", "The Carter Effect" ], "domains": [ "TV", "film" ] }, { "name": "Empathetic", "kind": "meaning quality", "mark": "new", "works": [ "Crashing", "Fisk", "Born Strong" ], "domains": [ "TV", "film" ] }, { "name": "Curious", "kind": "meaning quality", "mark": "new", "works": [ "Family Tree", "I'll Sleep When I'm Dead", "Born Strong" ], "domains": [ "TV", "film" ] }, { "name": "Resilience", "kind": "meaning quality", "mark": "new", "works": [ "Mo", "Born Strong", "KidPoker" ], "domains": [ "TV", "film" ] }, { "name": "Loyal", "kind": "meaning quality", "mark": "new", "works": [ "Jeremih", "2 Chainz", "Big Sean" ], "domains": [ "music" ] } ] }, "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": "new" }, { "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": "new", "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": "new", "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": "Jeremih", "kind": "music", "mark": "new" }, { "name": "Family Tree", "kind": "TV", "mark": "new" }, { "name": "Froning: The Fittest Man in History", "kind": "film", "mark": "new" }, { "name": "Intimate", "kind": "look quality", "mark": "new" }, { "name": "Emotional", "kind": "mood quality", "mark": "new" }, { "name": "Reflective", "kind": "meaning quality", "mark": "new" } ], "cautions": [ "Bold Typography is carried mostly by brands (National Football League, ESPN, Gatorade G2): it may describe their products' design more than this audience's eye." ] }, "reading": { "clusters": [ { "id": "c1", "name": "Unvarnished, at the kitchen table", "reading": "What they watch is shot close and plain: kitchen-sink realism, familial intimacy, nothing glossy. The surfaces they favour are clean, neutral and tailored rather than stadium-bright.", "layers": [ "palette", "imagery" ], "refs": [ { "name": "Realistic", "kind": "look quality", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" }, { "name": "Clean", "kind": "surface", "mark": "new" }, { "name": "Tailored Fit", "kind": "surface", "mark": "new" }, { "name": "Froning: The Fittest Man in History", "kind": "film", "mark": "new" }, { "name": "Breeders", "kind": "TV", "mark": "new" } ], "surprise": true }, { "id": "c2", "name": "Hauntingly intimate", "reading": "The shared look is intimacy: melodic, breakfast-table close, quiet. Bold type appears, but mostly in brands, so it belongs to the numbers, not the voice.", "layers": [ "typography", "motion" ], "refs": [ { "name": "Intimate", "kind": "look quality", "mark": "new" }, { "name": "Hauntingly Intimate", "kind": "pacing", "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" } ], "surprise": true }, { "id": "c3", "name": "Reflective, with the limits said aloud", "reading": "They love reflective, interview-centric, stage-and-backstage stories with complexity left in. The page should talk like a candid interview and show what each claim does not show.", "layers": [ "voice", "structure", "interaction" ], "refs": [ { "name": "Reflective", "kind": "meaning quality", "mark": "new" }, { "name": "Emotional", "kind": "mood quality", "mark": "new" }, { "name": "Family Tree", "kind": "TV", "mark": "new" }, { "name": "A Kid from Coney Island", "kind": "film", "mark": "new" }, { "name": "I'll Sleep When I'm Dead", "kind": "film", "mark": "new" }, { "name": "Complex", "kind": "mood quality", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" } ], "surprise": true }, { "id": "c4", "name": "Observational frames", "reading": "Observational, unvarnished close-ups cut at a quick pace: a curious eye that frames small moments one after another.", "layers": [ "layout" ], "refs": [ { "name": "Camping", "kind": "TV", "mark": "new" }, { "name": "Curious", "kind": "meaning quality", "mark": "new" }, { "name": "Quick-Paced", "kind": "pacing", "mark": "new" } ], "surprise": true } ], "setAside": [ { "name": "War Dogs", "kind": "film", "mark": "new", "reason": "Its tags (Death threat, Iwi jericho 941, Sportscar) are plot props, not a quality the page could carry." }, { "name": "Der Sinnreiche Junker Don Quixote Von La Mancha ...... (German Edition)", "kind": "book", "mark": "new", "reason": "A catalogue edition with no tags; reads as a book-domain artifact rather than shared taste." }, { "name": "Kid-Friendly", "kind": "pacing", "mark": "new", "reason": "A pacing tag for family viewing; the page speaks to an adult hackathon jury." }, { "name": "Feminine Silhouettes", "kind": "surface", "mark": "new", "reason": "A fashion catalogue label about garment cut that has no counterpart in a one-page explainer." } ], "approach": "A one-page site shot like an observational documentary rather than a stadium pitch: warm neutral paper and tailored margins, an intimate editorial serif with bold numerals for the measured evidence, sections framed like close-up contact frames, a candid interview voice, and a stage/backstage switch on each piece of evidence that reveals what it does not show. Motion is a slow rack-focus, not a scoreboard tick." }, "dna": { "thesis": "Explain Moûsa the way this audience's favourite stories are told: close, plain and candid, like an observational documentary at the kitchen table, with the measured numbers set bold and every claim's limit shown backstage.", "devices": [ { "id": "dna1", "layer": "palette", "device": "Kitchen-table neutrals: warm paper, near-black ink, clay and sage", "anchors": [ { "name": "Realistic", "kind": "look quality", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" }, { "name": "Froning: The Fittest Man in History", "kind": "film", "mark": "new" } ], "qualities": [ "Realistic", "Neutral Palettes", "Familial intimacy" ], "translation": "Realistic, familial intimacy and neutral palettes become the colours of an ordinary lit room: unbleached paper, warm ink, a clay accent for what was measured and a muted sage for what was guessed. No team or brand colour is used.", "tokens": { "colors": [ "#ece4d6", "#241f1b", "#9a5a3c", "#7d8468", "#c9b79c" ] }, "surprise": true, "moved": { "colors": [ "#241f1b", "#9a5a3c", "#7d8468", "#c9b79c" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Custom properties on :root hold the five neutrals so every surface draws from them.", "cluster": "Unvarnished, at the kitchen table", "check": "present" }, { "id": "dna2", "layer": "typography", "device": "Close-up editorial serif over a sturdy grotesque, heavy tabular numerals, and a typed transcript face", "anchors": [ { "name": "Intimate", "kind": "look quality", "mark": "new" }, { "name": "Bold Typography", "kind": "look quality", "mark": "new" } ], "qualities": [ "Intimate", "Bold Typography" ], "translation": "Intimate becomes a soft, condensed editorial serif for headlines and lead lines, set large and close, with a screenplay typewriter face for the spoken transcript. Bold Typography, carried mostly by brands, is confined to the evidence numerals: Libre Franklin at its heaviest weight with tabular figures.", "tokens": { "fonts": [ "Instrument Serif", "Libre Franklin", "Courier Prime" ], "css": [ "font-variant-numeric: tabular-nums", "font-weight: 900" ] }, "surprise": true, "moved": { "colors": [], "fonts": [ "Instrument Serif", "Libre Franklin", "Courier Prime" ], "ids": [] }, "method": "library-font", "why": "Instrument Serif, Libre Franklin and Courier Prime are fetched locally and set through font custom properties; numerals get tabular, heavy settings.", "cluster": "Hauntingly intimate", "check": "present" }, { "id": "dna3", "layer": "motion", "device": "Slow rack focus: sections come into focus from a soft blur", "anchors": [ { "name": "Hauntingly Intimate", "kind": "pacing", "mark": "new" }, { "name": "Jeremih", "kind": "music", "mark": "new" } ], "qualities": [ "Hauntingly Intimate", "Melodic" ], "translation": "Hauntingly intimate, melodic pacing becomes a slow pull-focus: each section enters from a slight blur and drift, with no bounce, the way a close-up resolves.", "tokens": { "css": [ "animation: rack-focus 1.4s cubic-bezier(.2,.7,.2,1) both" ], "keyframes": [ "rack-focus" ] }, "surprise": true, "method": "css-motion", "why": "A keyframed blur-to-focus entrance triggered by an IntersectionObserver class, with a reduced-motion fallback.", "cluster": "Hauntingly intimate", "check": "present" }, { "id": "dna4", "layer": "imagery", "device": "The blind-spot field: 714 plain dots, 22 filled in clay", "anchors": [ { "name": "Clean", "kind": "surface", "mark": "new" }, { "name": "Neutral Palettes", "kind": "surface", "mark": "new" } ], "qualities": [ "Clean", "Neutral Palettes" ], "translation": "Clean, neutral surfaces become an original line drawing with no ornament: a field of 714 outlined dots on paper (34 by 21), of which only the 22 the guesses named are filled. The filled dots settle in one by one as the signature moment.", "tokens": { "ids": [ "blind-spot-figure" ], "svg": [ "blind-spot" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "blind-spot-figure" ] }, "method": "inline-svg", "why": "A pattern of 714 outlined dots with 22 filled circles drawn inline, clean and resolution-free.", "cluster": "Unvarnished, at the kitchen table", "check": "present" }, { "id": "dna5", "layer": "structure", "device": "The problem told as an interview transcript", "anchors": [ { "name": "A Kid from Coney Island", "kind": "film", "mark": "new" }, { "name": "Reflective", "kind": "meaning quality", "mark": "new" } ], "qualities": [ "Interview centric", "Reflective" ], "translation": "Interview-centric, reflective storytelling becomes a section laid out as a typed transcript: a question in the margin, the plain answer beside it.", "tokens": { "ids": [ "transcript" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "transcript" ] }, "method": "css-layout", "why": "A two-column grid of margin questions and typed answers carries the transcript.", "cluster": "Reflective, with the limits said aloud", "check": "present" }, { "id": "dna6", "layer": "interaction", "device": "Stage and backstage: each piece of evidence turns to show what it does not show", "anchors": [ { "name": "I'll Sleep When I'm Dead", "kind": "film", "mark": "new" }, { "name": "Complex", "kind": "mood quality", "mark": "new" } ], "qualities": [ "Stage backstage juxtaposition", "Complex" ], "translation": "Stage/backstage juxtaposition and complexity become evidence cards with a front (the finding) and a back (its stated limit); a button turns each card, so the limit is one press away, never hidden in small print.", "tokens": { "css": [ "transition: transform .7s cubic-bezier(.2,.7,.2,1)" ], "ids": [ "backstage" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "backstage" ] }, "method": "interaction-script", "why": "A small script toggles aria-pressed and a turned class on each evidence card; CSS rotates it.", "cluster": "Reflective, with the limits said aloud", "check": "present" }, { "id": "dna7", "layer": "layout", "device": "Contact-sheet frames for the five steps", "anchors": [ { "name": "Camping", "kind": "TV", "mark": "new" }, { "name": "Curious", "kind": "meaning quality", "mark": "new" } ], "qualities": [ "Unvarnished close ups", "Observational" ], "translation": "Unvarnished, observational close-ups become the five steps laid out as a strip of portrait frames with frame numbers in the margin, read left to right like a contact sheet.", "tokens": { "css": [ "aspect-ratio: 4 / 5" ], "ids": [ "contact-sheet" ] }, "surprise": true, "moved": { "colors": [], "fonts": [], "ids": [ "contact-sheet" ] }, "method": "css-layout", "why": "A five-column grid of 4:5 frames that becomes a horizontal scroll strip on mobile.", "cluster": "Observational frames", "check": "present" }, { "id": "dna8", "layer": "voice", "device": "Candid, reflective interview voice", "anchors": [ { "name": "Family Tree", "kind": "TV", "mark": "new" }, { "name": "Emotional", "kind": "mood quality", "mark": "new" }, { "name": "Determination", "kind": "tone", "mark": "new" } ], "qualities": [ "Reflective", "Emotional", "Determination" ], "translation": "Reflective, emotional and determined tone becomes plain sentences that admit the limit before the claim, short and spoken, never a pitch.", "tokens": { "copy": [ "Ask an agent who an audience is, and it answers from its own idea.", "Guess first. Then measure. Then design from the difference.", "Turn each card to see what it does not show." ] }, "surprise": true, "method": "copy", "why": "The narrative lines are written in the candid register around the fixed facts.", "cluster": "Reflective, with the limits said aloud", "check": "present" } ], "stats": { "devices": 8, "layers": [ "palette", "typography", "motion", "imagery", "structure", "interaction", "layout", "voice" ], "surpriseAnchored": 8, "measuredAnchored": 8, "predictionAnchored": 0, "qualityAnchored": 8 } }, "departure": { "sketch": { "palette": [ "#0b1f3a", "#005a9c", "#f4f1ea", "#e4002b", "#ffc72c" ], "fonts": [ "Bebas Neue", "Inter", "DM Mono" ], "sections": [ "hero", "problem", "how-it-works", "evidence", "agents", "try", "built", "footer" ] }, "palette": [ { "color": "#ece4d6", "nearest": "#f4f1ea", "delta": 6, "moved": false }, { "color": "#241f1b", "nearest": "#0b1f3a", "delta": 23, "moved": true }, { "color": "#9a5a3c", "nearest": "#e4002b", "delta": 54, "moved": true }, { "color": "#7d8468", "nearest": "#f4f1ea", "delta": 43, "moved": true }, { "color": "#c9b79c", "nearest": "#f4f1ea", "delta": 24, "moved": true } ], "fonts": [ { "name": "Instrument Serif", "moved": true }, { "name": "Libre Franklin", "moved": true }, { "name": "Courier Prime", "moved": true } ], "ids": [ "blind-spot-figure", "transcript", "backstage", "contact-sheet" ], "threshold": 20 }, "decisions": [ { "question": "pacing", "ask": "How do the films and series they love move?", "decision": "How the page moves and paces its sections: fast scoreboard cuts, or a slower, closer, observational rhythm.", "guess": "Quick-paced, punchy cuts with counters ticking up like a scoreboard.", "answer": [ { "label": "Pacing", "names": [ "Hauntingly Intimate (new)", "Kid-Friendly (new)", "Spiritual (new)", "Urban (new)", "Meta Humorous (new)", "Quick-Paced (new)" ] } ], "requests": 0 }, { "question": "surfaces", "ask": "Which surfaces, materials and forms do they favor?", "decision": "The page's surfaces and material: dark stadium stage, or something lighter and tailored.", "guess": "Dark glossy stadium surfaces with spotlight gradients and bold sports graphics.", "answer": [ { "label": "Surfaces", "names": [ "Tailored Fit (new)", "Versatile Styles (new)", "Feminine Silhouettes (new)", "versatile pieces (new)", "Clean (new)", "Neutral Palettes (new)" ] } ], "requests": 0 } ], "reviews": [ { "round": 1, "summary": "The structure, palette and type all show as planned, but every capture caught the 1.4 s rack-focus mid-blur and smooth scrolling made targets land late, so content reads as out of focus. The repairs keep the frozen animation value but make focus resolve much earlier, remove smooth scrolling and wait for entrances before capture.", "met": 0, "partly": 3, "missed": 2, "criteria": [ { "id": "r1", "device": "dna2", "look": "The hero headline is set in a large soft editorial serif, not condensed capitals, on warm paper, readable at 390 pixels wide.", "capture": "r1-mobile", "verdict": "partly", "observed": "The headline is a large soft editorial serif (Instrument Serif) over warm paper, with 'actually' in clay italic, readable at 390 px. The lead line, body and both buttons below it are still visibly blurred: the capture caught the rack-focus entrance mid-way.", "repair": "Make the rack-focus resolve sooner: smaller starting blur and focus reached by about a third of the animation; let the page signal capture readiness once entrances have played." }, { "id": "r2", "device": "dna4", "look": "The blind-spot field shows a quiet grid of outlined dots with a few clay-filled dots, beside heavy numerals 692 of 714.", "capture": "r1-desktop-blind-spot-figure", "verdict": "missed", "observed": "Only the lower rows of the outlined dot field are in frame and none of the 22 clay dots are visible yet; the numerals 96.9% and 22 of 714 are heavy and tabular but blurred, and 692 of 714 is cut off above. The target scroll landed late because the page uses smooth scrolling.", "repair": "Drop html smooth scrolling so fragment targets land at once; start the dot settling sooner; same rack-focus fix." }, { "id": "r3", "device": "dna7", "look": "The five steps read as a row of portrait frames with frame numbers, like a contact sheet.", "capture": "r1-desktop-contact-sheet", "verdict": "partly", "observed": "Five portrait frames with large clay frame numbers sit in a dark strip like a contact sheet, but the whole strip is faded and blurred, so titles and step texts are unreadable in the capture.", "repair": "Same rack-focus fix so the strip is sharp once in view." }, { "id": "r4", "device": "dna6", "look": "Evidence cards show a finding and a visible button to turn the card to its limit.", "capture": "r1-desktop-backstage", "verdict": "missed", "observed": "The section heading and a single faded card are visible; the card is mid-entrance and its turn button is below the fold, so the finding-plus-turn pattern cannot be seen. The scroll target landed short of the section.", "repair": "Remove smooth scrolling, shorten the entrance blur, and reduce the space above the cards so a card's turn button shows at 900 px tall." }, { "id": "r5", "device": "dna5", "look": "The problem reads as a typed transcript with questions in the margin and answers beside them.", "capture": "r1-mobile-transcript", "verdict": "partly", "observed": "The section reads as a typed transcript: Q. and A. speaker marks above each line in Courier Prime with dashed rules between them; the questions and answers themselves are still blurred by the entrance.", "repair": "Same rack-focus fix; it should read clearly once focused." } ] }, { "round": 2, "summary": "After the repairs (earlier focus in the rack-focus keyframes, no smooth scrolling, faster dot settling, a tighter evidence section and top-aligned numerals) every planned look shows sharply in round 2. Not verified by capture: the turned back face of the evidence cards.", "met": 5, "partly": 0, "missed": 0, "criteria": [ { "id": "r1", "device": "dna2", "look": "The hero headline is set in a large soft editorial serif, not condensed capitals, on warm paper, readable at 390 pixels wide.", "capture": "r2-mobile", "verdict": "met", "observed": "At 390 px the headline is a large, sharp Instrument Serif set on warm paper over four lines, 'actually' in clay italic; the italic serif lead, the body line and both pill buttons are now in focus." }, { "id": "r2", "device": "dna4", "look": "The blind-spot field shows a quiet grid of outlined dots with a few clay-filled dots, beside heavy numerals 692 of 714.", "capture": "r2-desktop-blind-spot-figure", "verdict": "met", "observed": "A quiet field of outlined linen dots fills the left, with 22 clay dots scattered through it and a typed legend below; to the right, heavy tabular numerals read 692 of 714 in clay, 96.9% and 22 of 714 in ink. The small typed label above 692 sits just above the frame edge at this scroll position." }, { "id": "r3", "device": "dna7", "look": "The five steps read as a row of portrait frames with frame numbers, like a contact sheet.", "capture": "r2-desktop-contact-sheet-section", "verdict": "met", "observed": "The five steps sit as a row of portrait 4:5 frames in a dark strip, each with a large clay numeral, a serif title at the foot and a typed 'FRAME 01 ... PLAN' line beneath, with the step text below like contact-sheet notes. The longest captions run past the bottom of the 900 px view." }, { "id": "r4", "device": "dna6", "look": "Evidence cards show a finding and a visible button to turn the card to its limit.", "capture": "r2-desktop-backstage", "verdict": "met", "observed": "Three of the five evidence cards are in view, each with a typed label, a serif finding headline, the exact finding text and a clay outlined button 'Turn: what it does not show' at its foot. The turned (backstage) side is not shown in this capture." }, { "id": "r5", "device": "dna5", "look": "The problem reads as a typed transcript with questions in the margin and answers beside them.", "capture": "r2-mobile-transcript", "verdict": "met", "observed": "On mobile the problem reads as a typed Courier Prime transcript: sage Q. and clay A. marks, italic questions, plain answers, dashed rules between lines, all in focus." } ] } ], "captures": [ { "id": "r2-mobile", "round": 2, "view": "mobile", "width": 390, "height": 844, "label": "mobile", "cited": true, "source": ".mousa/captures/r2-mobile.png", "file": "assets/captures/a-r2-mobile.png" }, { "id": "r2-desktop-contact-sheet-section", "round": 2, "view": "desktop", "target": "contact-sheet-section", "width": 1440, "height": 900, "label": "desktop · contact-sheet-section", "cited": true, "source": ".mousa/captures/r2-desktop-contact-sheet-section.png", "file": "assets/captures/a-r2-desktop-contact-sheet-section.png" }, { "id": "r2-desktop-backstage", "round": 2, "view": "desktop", "target": "backstage", "width": 1440, "height": 900, "label": "desktop · backstage", "cited": true, "source": ".mousa/captures/r2-desktop-backstage.png", "file": "assets/captures/a-r2-desktop-backstage.png" }, { "id": "r2-mobile-transcript", "round": 2, "view": "mobile", "target": "transcript", "width": 390, "height": 844, "label": "mobile · transcript", "cited": true, "source": ".mousa/captures/r2-mobile-transcript.png", "file": "assets/captures/a-r2-mobile-transcript.png" }, { "id": "r2-desktop-blind-spot-figure", "round": 2, "view": "desktop", "target": "blind-spot-figure", "width": 1440, "height": 900, "label": "desktop · blind-spot-figure", "cited": true, "source": ".mousa/captures/r2-desktop-blind-spot-figure.png", "file": "assets/captures/a-r2-desktop-blind-spot-figure.png" } ], "check": { "score": 1, "system": "css-vars", "present": 8, "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" } ], "style": { "atStart": { "stylesheets": [], "handWritten": 0, "classes": 0 }, "now": { "stylesheets": [ "styles.css" ], "handWritten": 385, "classes": 245 } } }, "houseStyle": { "signatures": [ "a warm cream or off-white page ground", "a display serif model-made pages default to", "small uppercase letter-spaced monospace labels", "one italic word set apart in a heading", "zero-padded section or card numbers (01, 02, 03)", "fully rounded pill buttons", "a short hairline rule before a label" ], "count": 7, "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:25.313Z", "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": "8", "text": "design devices rest on the model's own prediction, with no Qloo data", "sentence": "8 devices rest on the prediction alone; no Qloo data was used." }, "numbers": [ { "value": 42, "label": "entries in the prediction" }, { "value": 0, "label": "Qloo requests" }, { "value": 8, "label": "design devices over 8 layers" } ], "prediction": { "frozenAt": "2026-10-23T14:24:10.789Z", "sha256": "fc62830d4db2aa18faf54ec5f67e2e323093ade273628081181d4115707539a2", "sealHolds": true, "summary": "Startup and venture people who also love big live entertainment and pro sports: tech podcast listeners, stand-up comedy fans, Dodgers and Chelsea supporters and concert-goers. Hustle, showmanship and a scoreboard mentality.", "groups": [ { "domain": "brand", "label": "Brands", "quality": false, "entries": [ { "name": "Tesla" }, { "name": "Apple" }, { "name": "Nike" }, { "name": "Spotify" }, { "name": "Ticketmaster" }, { "name": "Y Combinator" } ] }, { "domain": "movie", "label": "Films", "quality": false, "entries": [ { "name": "The Social Network" }, { "name": "Moneyball" }, { "name": "Friday" }, { "name": "Coming to America" }, { "name": "Bad Boys" } ] }, { "domain": "artist", "label": "Music", "quality": false, "entries": [ { "name": "Jay-Z" }, { "name": "Kendrick Lamar" }, { "name": "Dr. Dre" }, { "name": "Snoop Dogg" }, { "name": "Beyoncé" } ] }, { "domain": "book", "label": "Books", "quality": false, "entries": [ { "name": "Zero to One" }, { "name": "The Hard Thing About Hard Things" }, { "name": "Shoe Dog" }, { "name": "Elon Musk" } ] }, { "domain": "tv_show", "label": "TV", "quality": false, "entries": [ { "name": "Shark Tank" }, { "name": "Silicon Valley" }, { "name": "Billions" }, { "name": "Ted Lasso" }, { "name": "Chappelle's Show" } ] }, { "domain": "style", "label": "Pacing", "quality": true, "entries": [ { "name": "fast-paced" }, { "name": "conversational" }, { "name": "punchy cuts" }, { "name": "live-event energy" } ] }, { "domain": "aesthetic", "label": "Surfaces", "quality": true, "entries": [ { "name": "stadium lights" }, { "name": "bold sports graphics" }, { "name": "polished tech minimalism" }, { "name": "stage spotlight" } ] }, { "domain": "tone", "label": "Tone", "quality": true, "entries": [ { "name": "confident" }, { "name": "funny" }, { "name": "competitive" }, { "name": "optimistic" } ] }, { "domain": "qualities", "label": "Shared qualities", "quality": true, "entries": [ { "name": "underdog to champion" }, { "name": "ambition and hustle" }, { "name": "crowd and community" }, { "name": "black comedy culture" }, { "name": "Los Angeles" } ] } ], "sketch": { "summary": "A scoreboard-style startup pitch page: dark navy stage with a single spotlight, Dodger-blue accents, huge condensed numerals for the evidence (96.9%, 692 of 714), five steps laid out like an innings line, punchy confident copy.", "palette": [ "#0b1f3a", "#005a9c", "#f4f1ea", "#e4002b", "#ffc72c" ], "fonts": [ "Bebas Neue", "Inter", "DM Mono" ], "sections": [ "hero", "problem", "how-it-works", "evidence", "agents", "try", "built", "footer" ], "motifs": [ "scoreboard numerals", "stadium spotlight", "innings-style step line", "pitch-deck confidence" ] } }, "reading": { "clusters": [ { "id": "c1", "name": "Scoreboard hustle", "reading": "In my prediction this audience keeps score: founders and fans who read a stat line as a story, where a number that beats the odds is the drama. Moneyball and The Social Network are the evidence that data-as-underdog-story is their genre.", "layers": [ "palette", "typography", "layout" ], "refs": [ { "name": "ambition and hustle", "kind": "quality", "mark": "own" }, { "name": "underdog to champion", "kind": "quality", "mark": "own" }, { "name": "competitive", "kind": "tone", "mark": "own" }, { "name": "bold sports graphics", "kind": "surface", "mark": "own" }, { "name": "Moneyball", "kind": "film", "mark": "own" }, { "name": "The Social Network", "kind": "film", "mark": "own" }, { "name": "Tesla", "kind": "brand", "mark": "own" }, { "name": "Zero to One", "kind": "book", "mark": "own" } ] }, { "id": "c2", "name": "Night game, live crowd", "reading": "I predict they love the room more than the screen: a crowd under light towers or a single spotlight, the moment the house lights drop. Jay-Z and Ticketmaster stand for the arena show; Los Angeles for night games under a warm sky.", "layers": [ "imagery", "motion", "structure" ], "refs": [ { "name": "crowd and community", "kind": "quality", "mark": "own" }, { "name": "live-event energy", "kind": "pacing", "mark": "own" }, { "name": "stadium lights", "kind": "surface", "mark": "own" }, { "name": "stage spotlight", "kind": "surface", "mark": "own" }, { "name": "fast-paced", "kind": "pacing", "mark": "own" }, { "name": "Jay-Z", "kind": "music", "mark": "own" }, { "name": "Ticketmaster", "kind": "brand", "mark": "own" }, { "name": "Los Angeles", "kind": "quality", "mark": "own" } ] }, { "id": "c3", "name": "The tight five", "reading": "The comedy side of my guess: confident, conversational stand-up timing, a setup and a punchline, short cuts. Chappelle's Show and Friday are the evidence of a voice that is funny without losing its point.", "layers": [ "voice", "typography", "interaction" ], "refs": [ { "name": "black comedy culture", "kind": "quality", "mark": "own" }, { "name": "funny", "kind": "tone", "mark": "own" }, { "name": "conversational", "kind": "pacing", "mark": "own" }, { "name": "confident", "kind": "tone", "mark": "own" }, { "name": "punchy cuts", "kind": "pacing", "mark": "own" }, { "name": "Chappelle's Show", "kind": "TV", "mark": "own" }, { "name": "Friday", "kind": "film", "mark": "own" } ] } ], "setAside": [ { "name": "Ted Lasso", "kind": "TV", "mark": "own", "reason": "Its gentle, sentimental register works against the competitive, confident tone the rest of my guess shares; it is a football show only by setting." }, { "name": "Elon Musk", "kind": "book", "mark": "own", "reason": "A biography that duplicates Tesla in the cluster and adds a polarising figure rather than a look or a tone a page could carry." }, { "name": "Coming to America", "kind": "film", "mark": "own", "reason": "Its royal-fantasy comedy adds a period costume look no layer of a jury explainer can use without pastiche; Friday already carries the comedy evidence." }, { "name": "polished tech minimalism", "kind": "surface", "mark": "own", "reason": "It pulls toward the generic SaaS landing page that the page argues against; I keep the tech audience in the type's precision instead." } ], "approach": "A one-page explainer staged as a night game and a stand-up set at once. The scoreboard cluster sets the palette and type: a night-blue field, warm light-tower white, amber scoreboard numerals in a tall condensed face, and the evidence laid out as a box score where the 692 missed works are the headline stat. The live-crowd cluster becomes the structure and imagery: an inline SVG of light towers throwing beams over a crowd of dots, a marquee ticker of the five steps, and sections entering like cuts. The tight-five cluster is the voice: the five steps are billed as 'the tight five', headings set up and land a punchline, while every number stays exactly as the facts state it." }, "dna": { "thesis": "Moûsa explained as a night game and a stand-up set: the evidence is a box score under light towers, the five steps are a tight five, and the headline stat is the 692 works the guesses missed.", "devices": [ { "id": "dna1", "layer": "palette", "device": "Night-game scoreboard palette: night field, light-tower white, amber bulbs, a red miss", "anchors": [ { "name": "ambition and hustle", "kind": "quality", "mark": "own" }, { "name": "bold sports graphics", "kind": "surface", "mark": "own" }, { "name": "Moneyball", "kind": "film", "mark": "own" } ], "qualities": [ "ambition and hustle", "bold sports graphics" ], "translation": "Hustle reads as the late game under lights: a deep night-blue ground, warm white from the light towers for text, amber scoreboard bulbs for every number that matters, a field blue for structure and one hot red reserved for what was missed. Moneyball is evidence that numbers are the drama here, so the brightest colour belongs to the stats.", "tokens": { "colors": [ "#0a1633", "#f6efdc", "#ffb21a", "#2a63d4", "#ff4b36", "#13224a" ] }, "surprise": false, "moved": { "colors": [ "#2a63d4" ], "fonts": [], "ids": [] }, "method": "css-palette", "why": "Custom properties on :root hold the six colours so every surface reads from one scoreboard palette.", "cluster": "Scoreboard hustle", "check": "present" }, { "id": "dna2", "layer": "typography", "device": "Tall condensed scoreboard capitals over a sturdy sports-page grotesque, numbers in mono", "anchors": [ { "name": "underdog to champion", "kind": "quality", "mark": "own" }, { "name": "competitive", "kind": "tone", "mark": "own" } ], "qualities": [ "underdog to champion", "competitive" ], "translation": "The underdog-to-champion arc wants headlines that stand up tall and loud like a scoreboard, so headings are Big Shoulders Display in heavy capitals; body text is Libre Franklin, the steady grotesque of a sports page; scores, commands and counts are DM Mono with tabular figures, the way a competitive stat line is set.", "tokens": { "fonts": [ "Big Shoulders Display", "Libre Franklin", "DM Mono" ], "css": [ "text-transform: uppercase", "font-variant-numeric: tabular-nums" ] }, "surprise": false, "moved": { "colors": [], "fonts": [ "Big Shoulders Display", "Libre Franklin" ], "ids": [] }, "method": "library-font", "why": "The three families are fetched locally and loaded by @font-face, with uppercase and tabular figures set in CSS.", "cluster": "Scoreboard hustle", "check": "present" }, { "id": "dna3", "layer": "layout", "device": "Box score: the evidence as a scoreboard grid of panels with one headline stat", "anchors": [ { "name": "Moneyball", "kind": "film", "mark": "own" }, { "name": "The Social Network", "kind": "film", "mark": "own" }, { "name": "ambition and hustle", "kind": "quality", "mark": "own" } ], "qualities": [ "ambition and hustle" ], "translation": "Moneyball and The Social Network both turn a spreadsheet into a story, so the evidence section is a box score: ruled panels on a grid, each with its number lit in amber and a plain line saying what it does not show. The blind spot stat spans the top like the inning total.", "tokens": { "css": [ "grid-template-columns: repeat(12, 1fr)" ], "ids": [ "box-score", "headline-stat" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "box-score", "headline-stat" ] }, "method": "css-layout", "why": "A 12-column CSS grid makes the box score, with the headline stat spanning the full width.", "cluster": "Scoreboard hustle", "check": "present" }, { "id": "dna4", "layer": "imagery", "device": "Light towers over a crowd: an inline SVG of two stadium light towers throwing beams onto a field of crowd dots", "anchors": [ { "name": "stadium lights", "kind": "surface", "mark": "own" }, { "name": "crowd and community", "kind": "quality", "mark": "own" }, { "name": "Los Angeles", "kind": "quality", "mark": "own" } ], "qualities": [ "stadium lights", "crowd and community" ], "translation": "The crowd under lights becomes the hero drawing: two lattice light towers, banks of bulbs, wide translucent beams and a curved stand of dots that reads as an audience, under a warm night sky. It is the audience the page is about, drawn rather than photographed.", "tokens": { "ids": [ "hero" ], "svg": [ "light-towers" ] }, "surprise": false, "method": "inline-svg", "why": "No image generator here; an inline SVG draws towers, beams and crowd with full control of the palette and lets the beams animate.", "cluster": "Night game, live crowd", "check": "present" }, { "id": "dna5", "layer": "motion", "device": "Lights-up: beams sweep slowly while a marquee ticker runs the set list, both pausable", "anchors": [ { "name": "live-event energy", "kind": "pacing", "mark": "own" }, { "name": "fast-paced", "kind": "pacing", "mark": "own" }, { "name": "Jay-Z", "kind": "music", "mark": "own" } ], "qualities": [ "live-event energy", "fast-paced" ], "translation": "Live-event energy is the moment before the show: the beams sweep across the crowd and a marquee ticker runs fast across the top like an arena board. Jay-Z stands for the arena show. Both loops stop under reduced motion and on the pause button.", "tokens": { "css": [ "animation: marquee-run 28s linear infinite" ], "keyframes": [ "beam-sweep", "marquee-run" ] }, "surprise": false, "method": "css-motion", "why": "Two CSS keyframe loops, with a reduced-motion rule and a data-motion-toggle pause button.", "cluster": "Night game, live crowd", "check": "present" }, { "id": "dna6", "layer": "structure", "device": "The tight five: the five steps as a numbered set list, each with a setup and a landing", "anchors": [ { "name": "punchy cuts", "kind": "pacing", "mark": "own" }, { "name": "black comedy culture", "kind": "quality", "mark": "own" }, { "name": "Chappelle's Show", "kind": "TV", "mark": "own" } ], "qualities": [ "punchy cuts", "black comedy culture" ], "translation": "A comic's tight five is five bits that land in order, so the five steps become a set list: big numbers, one bold beat each, short cuts between them, and the frozen guess as the setup the measurement pays off.", "tokens": { "ids": [ "tight-five" ], "copy": [ "Here's the tight five." ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "tight-five" ] }, "method": "css-layout", "why": "An ordered list styled as a set list with oversized numerals and alternating cuts.", "cluster": "The tight five", "check": "present" }, { "id": "dna7", "layer": "voice", "device": "Stand-up confidence: setup, punchline, and every number exact", "anchors": [ { "name": "funny", "kind": "tone", "mark": "own" }, { "name": "confident", "kind": "tone", "mark": "own" }, { "name": "conversational", "kind": "pacing", "mark": "own" } ], "qualities": [ "funny", "confident", "conversational" ], "translation": "Headings set up a premise and land it in a few words, spoken to the jury directly, confident and a little funny; the facts underneath stay exactly as stated, because the joke never changes the score.", "tokens": { "copy": [ "Every agent thinks it knows the crowd.", "The guess named 22. The measurement found 714.", "Pick your dugout." ] }, "surprise": false, "method": "copy", "why": "The lines are written into headings and intros around the exact facts.", "cluster": "The tight five", "check": "present" }, { "id": "dna8", "layer": "interaction", "device": "The lineup: install commands on ticket-stub cards that copy on press", "anchors": [ { "name": "Tesla", "kind": "brand", "mark": "own" } ], "qualities": [ "engineered precision" ], "translation": "Tesla stands in my guess for engineered, no-friction product: the three agents are a lineup of ticket-stub cards whose install commands copy with one press, with a short confirmation and a pressed state.", "tokens": { "css": [ "transition: transform .18s ease-out, background-color .18s ease-out" ], "ids": [ "lineup" ] }, "surprise": false, "moved": { "colors": [], "fonts": [], "ids": [ "lineup" ] }, "method": "interaction-script", "why": "A small script copies each command to the clipboard and confirms it, with CSS transitions for the press.", "cluster": "Scoreboard hustle", "check": "present" } ], "stats": { "devices": 8, "layers": [ "palette", "typography", "layout", "imagery", "motion", "structure", "voice", "interaction" ], "surpriseAnchored": 0, "measuredAnchored": 0, "predictionAnchored": 8, "qualityAnchored": 7 } }, "departure": { "sketch": { "palette": [ "#0b1f3a", "#005a9c", "#f4f1ea", "#e4002b", "#ffc72c" ], "fonts": [ "Bebas Neue", "Inter", "DM Mono" ], "sections": [ "hero", "problem", "how-it-works", "evidence", "agents", "try", "built", "footer" ] }, "palette": [ { "color": "#0a1633", "nearest": "#0b1f3a", "delta": 5, "moved": false }, { "color": "#f6efdc", "nearest": "#f4f1ea", "delta": 6, "moved": false }, { "color": "#ffb21a", "nearest": "#ffc72c", "delta": 12, "moved": false }, { "color": "#2a63d4", "nearest": "#005a9c", "delta": 29, "moved": true }, { "color": "#ff4b36", "nearest": "#e4002b", "delta": 15, "moved": false }, { "color": "#13224a", "nearest": "#0b1f3a", "delta": 10, "moved": false } ], "fonts": [ { "name": "Big Shoulders Display", "moved": true }, { "name": "Libre Franklin", "moved": true }, { "name": "DM Mono", "moved": false } ], "ids": [ "box-score", "headline-stat", "tight-five", "lineup" ], "threshold": 20 }, "reviews": [ { "round": 1, "summary": "The hero drawing, the mobile headline and the tight-five set list work as planned. The box score's headline stat collapsed through a CSS specificity bug and the lineup capture missed its section because of smooth scrolling and a slow entrance; both are build repairs, and the desktop headline is also too tall.", "met": 3, "partly": 0, "missed": 2, "criteria": [ { "id": "r1", "device": "dna4", "look": "On the first screen at 1440 wide, the light-tower drawing fills the right half of the hero with visible beams over a stand of crowd dots, and the headline sits on the left.", "capture": "r1-desktop", "verdict": "met", "observed": "The light-tower drawing fills the right half of the first screen: two towers with amber and white bulb banks, translucent beams falling across a curved stand of blue, white and amber crowd dots, a 22 OF 714 board between them. The headline sits on the left, though it runs to five lines and pushes the lede below the fold." }, { "id": "r2", "device": "dna2", "look": "At 390 wide, the hero headline is set in tall condensed uppercase capitals in light-tower white and fits without any word cut off or overflowing horizontally.", "capture": "r1-mobile", "verdict": "met", "observed": "At 390 wide the headline 'Every agent thinks it knows the crowd.' is set in tall condensed uppercase light-tower white over four lines, with no word cut or horizontal overflow; both buttons and the start of the drawing follow." }, { "id": "r3", "device": "dna3", "look": "The evidence section shows a box score grid: a full-width headline panel with 692 of 714 in large amber numerals, and smaller ruled panels for the other kinds of evidence.", "capture": "r1-desktop-box-score", "verdict": "missed", "observed": "The box score grid frame and panels are there, but the headline stat collapsed: '692.714' shows as a tiny amber line at the bottom-left of the lead panel instead of large numerals, because a '.panel p' rule overrides its size. The section is also captured mid-fade, so text looks dimmed.", "repair": "Raise the specificity of the big-number rule so 692 of 714 renders in large amber display numerals across the top of the lead panel, simplify the lead panel's grid, and shorten the entrance fade so captured sections are fully visible." }, { "id": "r4", "device": "dna6", "look": "The how-it-works section reads as a set list of five numbered steps with oversized numerals, under the heading 'Here's the tight five.'", "capture": "r1-mobile-tight-five", "verdict": "met", "observed": "Under the heading 'Here's the tight five.' the steps read as a set list: outlined oversized numerals 01 in amber and 02 in blue, bold uppercase titles 'Plan.' and 'Freeze the guess.', dividing rules between bits." }, { "id": "r5", "device": "dna8", "look": "The agents section shows three ticket-stub cards, each with its install command in mono and a copy button.", "capture": "r1-desktop-lineup", "verdict": "missed", "observed": "The capture for the lineup landed on the bottom of the box score; only the faded kicker 'Three agents, one engine' is visible, so no ticket-stub cards are shown. Smooth scrolling and the sticky header leave the target short of the section, and the entrance fade had not finished.", "repair": "Remove smooth scrolling from the root, add scroll-margin-top to sections for the sticky header, and make the entrance cut quicker so the three ticket cards with mono commands and copy buttons are visible when the section is reached." } ] }, { "round": 2, "summary": "After the repairs every criterion is met in this round: the hero drawing and headline, the box score's headline stat, the tight-five set list and the ticket lineup. The repairs fixed a specificity bug, the scroll target, the entrance timing, the desktop headline size and a grid overflow that had pushed the third ticket off-screen.", "met": 5, "partly": 0, "missed": 0, "criteria": [ { "id": "r1", "device": "dna4", "look": "On the first screen at 1440 wide, the light-tower drawing fills the right half of the hero with visible beams over a stand of crowd dots, and the headline sits on the left.", "capture": "r2-desktop", "verdict": "met", "observed": "The light-tower drawing fills the right half of the first screen with both towers, amber and white bulb banks, beams falling over the dotted crowd stand and the 22 OF 714 board. The headline now sits on the left in four lines, with the one line, the lede and both buttons all above the fold." }, { "id": "r2", "device": "dna2", "look": "At 390 wide, the hero headline is set in tall condensed uppercase capitals in light-tower white and fits without any word cut off or overflowing horizontally.", "capture": "r2-mobile", "verdict": "met", "observed": "At 390 wide the headline is four lines of tall condensed uppercase light-tower white capitals, with no cut word or horizontal overflow; the brand line, lede and buttons follow." }, { "id": "r3", "device": "dna3", "look": "The evidence section shows a box score grid: a full-width headline panel with 692 of 714 in large amber numerals, and smaller ruled panels for the other kinds of evidence.", "capture": "r2-desktop-box-score", "verdict": "met", "observed": "The box score's lead panel 'The blind spot' now shows 692 in very large amber condensed numerals, a small 'OF', and 714 in dimmed white, above the fact line and the red 'Does not show' label; the grid frame of ruled panels continues below." }, { "id": "r4", "device": "dna6", "look": "The how-it-works section reads as a set list of five numbered steps with oversized numerals, under the heading 'Here's the tight five.'", "capture": "r2-mobile-tight-five", "verdict": "met", "observed": "Under 'Here's the tight five.' the steps read as a set list: outlined oversized numerals 01 in amber and 02 in blue, uppercase bit titles 'Plan.' and 'Freeze the guess.', and rules between the bits; the section is fully visible on arrival." }, { "id": "r5", "device": "dna8", "look": "The agents section shows three ticket-stub cards, each with its install command in mono and a copy button.", "capture": "r2-desktop-lineup", "verdict": "met", "observed": "The capture lands on 'Pick your dugout.' and shows three cream ticket-stub cards side by side within the page width, with amber, blue and red tops, punched notches, Gate 1-3 labels, the install commands in mono on dark strips wrapping inside their cards, and an amber Copy button beside each." } ] } ], "captures": [ { "id": "r2-desktop-box-score", "round": 2, "view": "desktop", "target": "box-score", "width": 1440, "height": 900, "label": "desktop · box-score", "cited": true, "source": ".mousa/captures/r2-desktop-box-score.png", "file": "assets/captures/b-r2-desktop-box-score.png" }, { "id": "r2-desktop-lineup", "round": 2, "view": "desktop", "target": "lineup", "width": 1440, "height": 900, "label": "desktop · lineup", "cited": true, "source": ".mousa/captures/r2-desktop-lineup.png", "file": "assets/captures/b-r2-desktop-lineup.png" }, { "id": "r2-desktop", "round": 2, "view": "desktop", "width": 1440, "height": 900, "label": "desktop", "cited": true, "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-mobile-tight-five", "round": 2, "view": "mobile", "target": "tight-five", "width": 390, "height": 844, "label": "mobile · tight-five", "cited": true, "source": ".mousa/captures/r2-mobile-tight-five.png", "file": "assets/captures/b-r2-mobile-tight-five.png" } ], "check": { "score": 1, "system": "css-vars", "present": 8, "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" } ], "style": { "atStart": { "stylesheets": [], "handWritten": 0, "classes": 0 }, "now": { "stylesheets": [ "styles.css" ], "handWritten": 547, "classes": 225 } } }, "houseStyle": { "signatures": [ "small uppercase letter-spaced monospace labels", "zero-padded section or card numbers (01, 02, 03)", "frosted glass panels" ], "count": 3, "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": "Instrument Serif", "license": "OFL-1.1" }, { "family": "Libre Franklin", "license": "OFL-1.1" }, { "family": "Courier Prime", "license": "OFL-1.1" }, { "family": "Big Shoulders Display", "license": "OFL-1.1" } ] }