[
  {
    "id": "2ff330c2-8646-8111-b",
    "extraction": {
      "visual": {
        "what_works": "Massive black sans-serif type ('Feldman.') overlaid directly on architectural photography creates a striking collision of scale—the letterforms become architectural elements themselves, partially obscured by the tree branches.",
        "why": "Type-over-image at extreme scale forces the viewer to read both simultaneously, merging brand identity with the work itself.",
        "techniques": ["type-as-image", "oversized-typography", "photo-type-overlay", "editorial-scale"],
        "apply_when": "Portfolio or case study hero sections where the work IS the brand statement—architecture, design, creative studios",
        "avoid_when": "E-commerce or information-dense pages where legibility of body content matters more than impact"
      },
      "copy": {
        "what_works": "Single word 'Feldman.' with period—the punctuation adds finality and confidence to a proper noun",
        "why": "Minimal naming treated as statement rather than label creates authority",
        "voice_pattern": "confident-minimal"
      },
      "overall_principle": "Let the work and the name occupy the same space—neither decorates the other"
    }
  },
  {
    "id": "2ff330c2-8646-811c-9",
    "extraction": {
      "visual": {
        "what_works": "Warm, moody close-up photography of cocktails with natural hands in frame creates immediate sensory appeal. The spaced-out lowercase 'cocktail bar' subtitle and partially visible bold logotype at bottom-right add brand presence without competing with the imagery.",
        "why": "Lifestyle photography that includes human touch (hands, gesture) converts a product shot into an experience shot.",
        "techniques": ["moody-photography", "warm-color-grading", "letterspaced-subtitle", "crop-as-intrigue"],
        "apply_when": "Hospitality, food & drink, or lifestyle branding where atmosphere matters more than information",
        "avoid_when": "Health, finance, or any context requiring clinical trust and clarity"
      },
      "copy": {
        "what_works": "Letterspaced lowercase 'cocktail bar' acts as a quiet category label beneath the dominant imagery",
        "why": "Understated descriptor lets the photography do the selling",
        "voice_pattern": "understated-atmospheric"
      },
      "overall_principle": "Sensory photography with restrained type lets the experience sell itself"
    }
  },
  {
    "id": "2ff330c2-8646-811e-9",
    "extraction": {
      "visual": {
        "what_works": "This is a Twitter/X post with a structured thread format—numbered tips with bold labels and a formula breakdown. The clean text-on-white layout with minimal formatting makes it highly scannable.",
        "why": "Structured educational content in social feeds stands out because most posts are unformatted streams of thought.",
        "techniques": ["numbered-list-structure", "bold-label-then-explain", "formula-framework", "social-native-formatting"],
        "apply_when": "Educational or how-to content on social media, newsletter previews, thread-style knowledge sharing",
        "avoid_when": "Brand storytelling or emotional campaigns where structure would feel clinical"
      },
      "copy": {
        "what_works": "Opening hook ('shall we dial it up a notch?') followed by a reusable formula framework makes complex creative advice feel accessible and repeatable",
        "why": "Frameworks give readers a mental model they can apply immediately, increasing shareability",
        "voice_pattern": "playful-educational"
      },
      "overall_principle": "Frameworks beat tips—give people a reusable formula, not just advice"
    }
  },
  {
    "id": "2ff330c2-8646-815f-b",
    "extraction": {
      "visual": {
        "what_works": "Massive white sans-serif 'Delight' centered on pure black creates maximum contrast and lets the typeface's character speak—the soft curves and generous counters are fully visible at this scale.",
        "why": "When showcasing a typeface, removing all context forces the viewer to see the letterforms as pure form.",
        "techniques": ["type-specimen-hero", "maximum-contrast", "black-background-isolation", "single-word-display"],
        "apply_when": "Type foundry pages, font showcases, or any product where the form IS the product",
        "avoid_when": "Multi-product pages or contexts where surrounding content needs equal weight"
      },
      "copy": {
        "what_works": "Small metadata text ('Free Typeface, Sans Serif, and Multilingual' / 'Variable Typeface, and 09 Weights') positioned in corners provides specs without competing",
        "why": "Peripheral metadata respects the hero moment while still informing",
        "voice_pattern": "functional-descriptive"
      },
      "overall_principle": "When the product is pure form, remove everything else"
    }
  },
  {
    "id": "2ff330c2-8646-816f-b",
    "extraction": {
      "visual": {
        "what_works": "Bold primary color blocking (blue, yellow, red) with hand-drawn illustration elements, photography of real people, and oversized brand name 'AUGURI' repeated across panels creates a joyful, maximalist outdoor billboard that commands attention at distance.",
        "why": "Color blocking with complementary primaries creates visual energy that works at any scale, from billboard to social.",
        "techniques": ["primary-color-blocking", "hand-drawn-illustration", "type-scale-repetition", "mixed-media-collage", "billboard-scale-design"],
        "apply_when": "Food brands, festival branding, or any joyful consumer brand that needs to pop in physical and outdoor environments",
        "avoid_when": "Luxury, minimal, or B2B contexts where restraint signals quality"
      },
      "copy": {
        "what_works": "'Comidas abraçam' (foods that hug) and 'che buono!' mix Portuguese and Italian to create warmth and cultural authenticity. 'Sem frescura' (no fuss) adds approachability.",
        "why": "Multilingual copy in food branding signals authenticity over corporate polish",
        "voice_pattern": "playful-cultural"
      },
      "overall_principle": "Maximalist color + cultural authenticity = irresistible food branding"
    }
  },
  {
    "id": "30d330c2-8646-811f-9",
    "extraction": {
      "visual": {
        "what_works": "Hand-drawn grid lines on cream background, mixed bold condensed type at various scales, and deliberately 'undesigned' layout with pink highlight blocks and lo-fi photography create an anti-corporate aesthetic that feels like a zine made by a billion-dollar company.",
        "why": "Breaking corporate design conventions signals that a brand doesn't take itself seriously, which builds trust with skeptical consumers.",
        "techniques": ["hand-drawn-grid", "anti-corporate-aesthetic", "mixed-type-scales", "zine-layout", "highlight-color-blocks"],
        "apply_when": "Challenger brands, DTC food/beverage, or any brand positioning against an established industry",
        "avoid_when": "Financial services, healthcare, or any context where institutional trust is the primary need"
      },
      "copy": {
        "what_works": "'WAKE UP. FAIL. SUCCEED. TRY' in massive condensed type is deliberately anti-motivational-poster. 'F.A.Q-ING AMAZING' turns a mundane nav element into personality.",
        "why": "Turning expected corporate elements into personality moments creates the feeling that real humans made this",
        "voice_pattern": "playful-irreverent"
      },
      "overall_principle": "The most disruptive design move is refusing to look like your category"
    }
  },
  {
    "id": "30d330c2-8646-8134-9",
    "extraction": {
      "visual": {
        "what_works": "Tight close-up of hands working with tools—shallow depth of field isolates the craftsperson's grip on a wooden handle while bokeh lights create atmosphere. The image communicates expertise through gesture and focus.",
        "why": "Shallow DOF on hands-at-work creates intimacy and respect for craft without needing to show the finished product.",
        "techniques": ["shallow-depth-of-field", "hands-at-work", "warm-bokeh", "tight-crop-on-process", "dark-surround"],
        "apply_when": "Artisan brands, manufacturing stories, 'how it's made' content, or any brand that needs to signal handmade quality",
        "avoid_when": "Tech products, digital services, or anything where process isn't the value proposition"
      },
      "copy": {
        "what_works": null,
        "why": null,
        "voice_pattern": null
      },
      "overall_principle": "Show the hands, not the product—process photography builds trust in craft"
    }
  },
  {
    "id": "30d330c2-8646-815e-b",
    "extraction": {
      "visual": {
        "what_works": "Split hero with warm lifestyle photography of a toddler playing on the left and a soft pink product shot with overlaid text on the right. The rainbow color bar divider and clean white below creates clear visual hierarchy from emotional hook to functional navigation.",
        "why": "Pairing authentic child photography with clean product presentation balances warmth with premium positioning.",
        "techniques": ["split-hero-layout", "warm-lifestyle-photography", "color-bar-divider", "soft-product-overlay", "premium-warmth"],
        "apply_when": "Children's products, parenting brands, or any DTC product where emotional connection drives purchase but premium quality must be signaled",
        "avoid_when": "Budget brands or contexts where warmth could read as saccharine"
      },
      "copy": {
        "what_works": "'Experience the joy of learning through play' is simple and benefit-first, avoiding jargon. 'Explore The Play Kits' CTA is invitational, not transactional.",
        "why": "Parent-facing copy that centers the child's experience (joy, learning, play) rather than product features builds emotional resonance",
        "voice_pattern": "warm-authoritative"
      },
      "overall_principle": "Premium children's brands succeed by being warm without being childish"
    }
  },
  {
    "id": "30d330c2-8646-81fc-8",
    "extraction": {
      "visual": {
        "what_works": "Clean white/cream background with a bold orange dot logo, illustrated characters (smiley face), and warm yellow app screenshots create a friendly, approachable health brand. The two-column layout clearly separates app vs. therapy offerings.",
        "why": "Reducing mental health to simple shapes and warm colors destigmatizes the product category.",
        "techniques": ["warm-neutral-background", "illustrated-characters", "two-column-product-split", "app-screenshot-hero", "destigmatizing-color"],
        "apply_when": "Digital health, wellness apps, or any service in a sensitive category that needs to feel approachable",
        "avoid_when": "Clinical or medical contexts where friendliness could undermine perceived seriousness"
      },
      "copy": {
        "what_works": "'Stress less' in gray then 'all with Headspace' in black creates a gentle hierarchy. 'Try for $0' removes friction with a non-aggressive free trial CTA.",
        "why": "Soft language progression mirrors the product's promise—from stressed to calm",
        "voice_pattern": "gentle-reassuring"
      },
      "overall_principle": "In sensitive categories, design should lower the barrier before asking for action"
    }
  },
  {
    "id": "30e330c2-8646-8106-a",
    "extraction": {
      "visual": {
        "what_works": "This is a 404 'Page Not Found' error page from Creative Boom—not the intended Dinner Ladies content. The screenshot captured a broken link. Clean editorial layout with bold sans-serif headers and warm cream accent band is visible.",
        "why": "Even error pages benefit from brand-consistent typography and helpful navigation.",
        "techniques": ["editorial-error-page", "warm-accent-band", "helpful-404-content", "bold-sans-serif-headers"],
        "apply_when": "Note: this screenshot is a 404 page, not the intended reference. Use editorial error page patterns for content-heavy sites",
        "avoid_when": "N/A—screenshot did not capture intended content"
      },
      "copy": {
        "what_works": "'Hmm… that page seems to have wandered off' is conversational and uses ellipsis to create a human tone in an error state",
        "why": "Personifying technical errors reduces user frustration",
        "voice_pattern": "friendly-editorial"
      },
      "overall_principle": "Even broken states are brand moments (note: screenshot captured wrong content)"
    }
  },
  {
    "id": "30e330c2-8646-811b-8",
    "extraction": {
      "visual": {
        "what_works": "Oversized serif/italic headline with 3D pill and bottle objects floating between letterforms creates a striking editorial-meets-government aesthetic on a warm cream background. The mixed serif weights (regular + italic 'lowest') add typographic sophistication.",
        "why": "Integrating physical objects into typographic compositions creates depth and makes abstract concepts (drug pricing) tangible.",
        "techniques": ["3d-objects-in-type", "oversized-serif-headline", "mixed-italic-weights", "warm-government-palette", "editorial-authority"],
        "apply_when": "Government or institutional sites that need to feel modern and trustworthy while remaining accessible to general audiences",
        "avoid_when": "Fast-moving consumer brands or startups where this editorial pace would feel slow"
      },
      "copy": {
        "what_works": "'Find the world's lowest prices on prescription drugs' is direct, bold, and makes an enormous promise without hedging. The subline 'rewriting the script' is a clever pharmaceutical double-entendre.",
        "why": "Government communications that speak plainly and boldly signal competence and conviction",
        "voice_pattern": "authoritative-plain"
      },
      "overall_principle": "Government design earns trust through editorial confidence, not bureaucratic caution"
    }
  },
  {
    "id": "30e330c2-8646-811c-b",
    "extraction": {
      "visual": {
        "what_works": "Extreme whitespace with a single large text block positioned in the right half creates dramatic asymmetry. The bold sans-serif headline at ~48px with lighter gray body text below establishes clear hierarchy through weight contrast alone.",
        "why": "Asymmetric text placement on a white field signals creative confidence—the agency lets the words carry all the weight.",
        "techniques": ["extreme-whitespace", "asymmetric-text-placement", "weight-contrast-hierarchy", "single-column-offset", "live-clock-detail"],
        "apply_when": "Agency or studio landing pages, 'about' sections, or any context where creative confidence needs to be demonstrated through restraint",
        "avoid_when": "Product pages, marketplaces, or any high-density information context"
      },
      "copy": {
        "what_works": "'Bruno était un grand-père formidable. Aujourd'hui, c'est une agence de branding.' opens with a personal story that immediately humanizes the agency. The pivot from grandfather to agency is unexpected and memorable.",
        "why": "Origin stories that start personal before going professional create emotional anchoring",
        "voice_pattern": "warm-storytelling"
      },
      "overall_principle": "The bravest layout choice is leaving most of the page empty"
    }
  },
  {
    "id": "30e330c2-8646-8124-9",
    "extraction": {
      "visual": {
        "what_works": "Identical to entry 2ff330c2-8646-8111-b—massive 'Feldman.' type overlaid on architectural photography. The same powerful collision of oversized black sans-serif with the organic tree forms and modernist building beneath.",
        "why": "Repetition of this treatment across the portfolio creates a consistent brand system where type and architecture are inseparable.",
        "techniques": ["type-as-image", "oversized-typography", "photo-type-overlay", "brand-system-consistency"],
        "apply_when": "Architecture firms, design studios, or any portfolio where a repeatable hero treatment builds brand recognition",
        "avoid_when": "Brands needing variety in their visual system or where each project needs unique framing"
      },
      "copy": {
        "what_works": "Single word 'Feldman.' with period—same confident minimal treatment",
        "why": "Consistency across touchpoints builds recognition",
        "voice_pattern": "confident-minimal"
      },
      "overall_principle": "A strong visual system is one you can repeat without it getting boring"
    }
  },
  {
    "id": "30e330c2-8646-8129-8",
    "extraction": {
      "visual": {
        "what_works": "A single line of elegant serif text ('Where Beauty Meets Function.') centered on a pale gray-green background with generous vertical whitespace above and below. The spaced-out uppercase sans-serif 'RARE VOLUME' logotype in the nav creates a quiet sophistication.",
        "why": "Maximum restraint in a hero section signals that the studio's taste is so refined they don't need to prove it visually.",
        "techniques": ["centered-serif-statement", "monochrome-muted-background", "extreme-vertical-whitespace", "letterspaced-logotype", "no-imagery-hero"],
        "apply_when": "Design studios, luxury brands, or architects where understated confidence is the brand positioning",
        "avoid_when": "Consumer products, startups needing traction, or any context where showing work immediately matters"
      },
      "copy": {
        "what_works": "'Where Beauty Meets Function.' is a classic positioning statement that claims the intersection of aesthetics and utility in five words",
        "why": "Short declarative statements with a period command attention—the period says 'this is settled, not aspirational'",
        "voice_pattern": "refined-declarative"
      },
      "overall_principle": "Supreme confidence is a single serif sentence on an empty page"
    }
  },
  {
    "id": "30e330c2-8646-812e-a",
    "extraction": {
      "visual": {
        "what_works": "Dark mode portfolio with a cinematic mockup—laptop showing the TrumpRx website placed in an elegant room setting with curtains and soft lighting. The contrast between the black UI and the warm interior photography creates a premium presentation layer.",
        "why": "Contextual device mockups in atmospheric settings elevate digital work from 'screenshot' to 'design artifact'.",
        "techniques": ["dark-mode-portfolio", "contextual-device-mockup", "cinematic-staging", "timeline-layout", "atmospheric-product-photography"],
        "apply_when": "Design studio portfolios, case study presentations, or any context where digital work needs to feel tangible and premium",
        "avoid_when": "Fast-loading utility sites or contexts where the staging would feel pretentious"
      },
      "copy": {
        "what_works": "'Studio Archive — A chronological collection of work launched by the studio since September of 2025' is precise and matter-of-fact, letting the work speak",
        "why": "Descriptive framing without superlatives signals confidence in the work itself",
        "voice_pattern": "matter-of-fact"
      },
      "overall_principle": "Stage digital work like physical artifacts to elevate perceived value"
    }
  },
  {
    "id": "30e330c2-8646-8132-a",
    "extraction": {
      "visual": {
        "what_works": "This is another Creative Boom 404 page—the screenshot captured a broken link rather than the intended Outline Studio content. Same editorial error page pattern with warm cream band and helpful navigation links.",
        "why": "Screenshot captured wrong content.",
        "techniques": ["editorial-error-page", "warm-accent-band"],
        "apply_when": "N/A—screenshot did not capture intended content",
        "avoid_when": "N/A"
      },
      "copy": {
        "what_works": null,
        "why": null,
        "voice_pattern": null
      },
      "overall_principle": "Broken screenshot—no usable extraction (404 page captured instead of Outline Studio)"
    }
  },
  {
    "id": "30e330c2-8646-8177-9",
    "extraction": {
      "visual": {
        "what_works": "Full-bleed waving American flag background with mixed typography—bold condensed sans-serif 'AMERICA' and 'DESIGN' flanking a flowing script 'by'—creates a cinematic, patriotic hero that feels more like a movie title card than a government website.",
        "why": "Mixing typeface styles (bold condensed + flowing script) within a single headline creates dramatic contrast that signals both strength and elegance.",
        "techniques": ["full-bleed-photography", "mixed-typeface-headline", "cinematic-hero", "script-accent-type", "flag-as-texture", "government-rebrand"],
        "apply_when": "Government initiatives, national campaigns, or institutional brands that need to feel inspiring rather than bureaucratic",
        "avoid_when": "International audiences, neutral institutional contexts, or brands avoiding political association"
      },
      "copy": {
        "what_works": "'President Trump signs the Executive Order to modernize the interfaces that serve everyday citizens' grounds the inspirational hero in specific, tangible action. 'View the Executive Order' CTA is restrained.",
        "why": "Pairing cinematic visuals with plain-language specifics creates trust—beauty plus substance",
        "voice_pattern": "patriotic-authoritative"
      },
      "overall_principle": "Government design can be cinematic without losing credibility"
    }
  },
  {
    "id": "30e330c2-8646-81a8-b",
    "extraction": {
      "visual": {
        "what_works": "Oversized white sans-serif 'Real Food Wins' on a near-black background with a subtle yellow-green accent CTA button. The scale of the typography (likely 150px+) and the dark surround create a bold, almost confrontational statement that commands the viewport.",
        "why": "Dark backgrounds with oversized light text create a cinematic, serious tone that elevates food policy from bureaucratic to urgent.",
        "techniques": ["dark-mode-hero", "oversized-sans-serif", "accent-color-cta", "centered-statement", "government-editorial"],
        "apply_when": "Public health campaigns, government initiatives, or any cause-driven brand that needs to signal urgency and conviction",
        "avoid_when": "Friendly consumer brands, children's products, or contexts needing warmth and approachability"
      },
      "copy": {
        "what_works": "'America is the greatest country on Earth. And the sickest.' The juxtaposition is sharp and intentional—pride then shame in two sentences. 'The truth is simple: real food restores health' reduces a complex policy to a clear thesis.",
        "why": "Contrast statements (great/sick) create emotional tension that demands attention and resolution",
        "voice_pattern": "bold-confrontational"
      },
      "overall_principle": "The most powerful government messaging makes you uncomfortable before offering hope"
    }
  },
  {
    "id": "30e330c2-8646-81cd-a",
    "extraction": {
      "visual": {
        "what_works": "Another Creative Boom 404 error page—the intended Doki Doki Studio content was not captured. Same pattern: bold 'Page Not Found' header, cream accent band, editorial navigation below.",
        "why": "Screenshot captured wrong content.",
        "techniques": ["editorial-error-page"],
        "apply_when": "N/A—screenshot did not capture intended content",
        "avoid_when": "N/A"
      },
      "copy": {
        "what_works": null,
        "why": null,
        "voice_pattern": null
      },
      "overall_principle": "Broken screenshot—no usable extraction (404 page captured instead of Doki Doki Studio)"
    }
  },
  {
    "id": "30e330c2-8646-81e4-8",
    "extraction": {
      "visual": {
        "what_works": "Classic government website with navy blue hero, presidential seal, and all-caps serif headline 'IMPROVING OUR NATION THROUGH BETTER DESIGN'. The split layout with a red 'JOIN NOW' sidebar feels dated but the typography in the main content area has editorial weight.",
        "why": "Traditional government visual language (navy, seals, serifs) creates institutional authority even when the design itself isn't cutting-edge.",
        "techniques": ["institutional-navy-palette", "presidential-seal-authority", "all-caps-serif-headline", "sidebar-newsletter-capture", "government-standard-layout"],
        "apply_when": "Official government communications where institutional authority must be signaled, legal or policy documents",
        "avoid_when": "Any context trying to feel modern, approachable, or innovative—this is the 'before' to America by Design's 'after'"
      },
      "copy": {
        "what_works": "'IMPROVING OUR NATION THROUGH BETTER DESIGN' as a headline for an executive order is remarkably plain and direct—no jargon, no abstraction",
        "why": "Government headlines that read like newspaper front pages are immediately understood by all audiences",
        "voice_pattern": "institutional-formal"
      },
      "overall_principle": "Traditional institutional design trades inspiration for trust—useful as a contrast reference"
    }
  }
]