/* Compact product mockups styled from the Flywheel design system, embedded inside the narrative chapters. */ function BrowserChrome({ url, children, dark }) { return (
{url}
{children}
); } /* Brand Analyzer, URL ingests, fragments extract */ function BrandAnalyzerMock() { const swatches = ['#0c4da2', '#101010', '#2664e3', '#dadada', '#ffffff']; const personas = ['The Innovator', 'The Sage', 'The Caregiver']; return (
https://www.samsung.com/ca
Analyze

Extracted autonomously

Palette

{swatches.map((s) => )}

Type

SamsungSharpSans
SamsungOne · body

Logo

Samsung
{personas.map((p) => ( {p} ))}
); } /* Persona Lens, two reads on a piece of content */ function PersonaLensMock({ slotId = 'sample-persona' }) { const Gauge = ({ label, pct, color }) => (
{label} {pct}%
); return (
Samsung OLED campaign asset

Persona Lens · two reads

Strong match for The Innovator, confident, innovation-led. Brand kit and persona both align; tighten the caption to sharpen the message.

On-brand Directional
); } /* Pixel Fix, artifact detection with bounding boxes */ function PixelFixMock({ slotId = 'sample-pixelfix', stretch = false }) { return (

Pixel Fix · scan

Clean
Samsung OLED campaign asset {/* scan callouts over real regions */}
likeness · ok
text legible · ok

Pixel Fix scans every generation for garbled text, broken anatomy and melted edges, with one-click inpaint fixes. This Samsung asset came back clean.

); } /* Mini calendar */ function CalendarMock() { const ev = { 4: '#3a7a2f', 9: '#1f6f7a', 12: '#c0396b', 17: '#b9761a', 23: '#2f8a5b', 25: '#6b4fbf' }; return (
JUNE 2026 Samsung Canada
{Array.from({ length: 28 }, (_, i) => i + 1).map((d) => (
{d} {ev[d] &&
}
))}
); } Object.assign(window, { BrowserChrome, BrandAnalyzerMock, PersonaLensMock, PixelFixMock, CalendarMock });