{
  "ticket": "ERAPOLIS-1050",
  "supersedes": "ERAPOLIS-589",
  "relatedTickets": [
    "ERAPOLIS-1051"
  ],
  "name": "Website screenshot frames and device mockups - game-look reskin",
  "originality": "All frames are original Erapolis vector art. Do not use third-party device mockups, baked-in licensing strings, external/source assets, or source-game UI inside framed shots.",
  "visualLanguage": {
    "source": "ERAPOLIS-1049 website/game art baseline plus design/PER_ERA_ART_STYLE_GUIDE.md",
    "requiredRead": "Game-style ink outlines, warm wood/parchment surfaces, stone seams, glass mullions, synth circuits, teal civic systems, amber energy pips, and era silhouettes must carry the read before hue.",
    "acceptanceGuard": "Palette-only, metadata-only, manifest-only, and hue-only changes are rejected."
  },
  "evidence": {
    "generator": "python3 web/test/render_screenshot_frame_evidence.py",
    "manifest": "web/test/artifacts/screenshot-frames/manifest.json",
    "variants": [
      "light",
      "dark",
      "grayscale",
      "reduced-motion-static"
    ]
  },
  "realScreenshotReadiness": {
    "ticket": "ERAPOLIS-1051",
    "preserveExistingPaths": true,
    "leaderboardShowcaseAsset": "/assets/img/leaderboard-showcase-frame.svg",
    "capturePolicy": "The preserved SVG includes a screenshot well sized for future real game captures while the committed artwork remains source-free and original.",
    "evidence": "web/test/artifacts/leaderboard-showcase/manifest.json"
  },
  "presets": [
    {
      "id": "gallery-wide",
      "width": 960,
      "height": 540,
      "asset": "/assets/img/device-frame-showcase.svg",
      "caption": "Game-look framed city specimen with original device chrome, era-band silhouettes, and material-marked civic art.",
      "accessibilityEquivalent": "A wide Erapolis screenshot treatment with game-style ink outlines, wood, stone, glass, and synth marks around a press-safe abstract city scene.",
      "structuralCues": [
        "tablet and phone silhouettes are built from thick inked bevels rather than stock mockup templates",
        "era bands and skyline forms remain identifiable in grayscale",
        "wood planks, stone block seams, glass mullions, and synth circuit marks separate material families"
      ]
    },
    {
      "id": "device-frame",
      "width": 960,
      "height": 640,
      "asset": "/assets/img/device-frame-showcase.svg",
      "caption": "Tablet-and-phone treatment with game-style material seams, teal civic systems, amber energy pips, and no source-game UI.",
      "accessibilityEquivalent": "Original tablet and phone frames show a press-safe Erapolis city scene using the same structural material language as in-game art.",
      "structuralCues": [
        "primary tablet and overlapping phone use distinct silhouettes and hardware details",
        "civic ticker, route pips, and era skyline read without motion",
        "screen content avoids source-game UI and external assets"
      ]
    },
    {
      "id": "open-graph",
      "width": 1200,
      "height": 630,
      "asset": "/assets/og/og-screenshot-frame.svg",
      "caption": "Share-card composition with original game-look device art, material swatches, static-state badge, and readable title area.",
      "accessibilityEquivalent": "An Erapolis share-card preview pairs a game-style framed city illustration with title text and press-safe screenshot treatment notes.",
      "structuralCues": [
        "Open Graph frame keeps the same inked device and material language as the device preset",
        "right-side title area stays readable in light, dark, and grayscale evidence",
        "static badge documents that no identity depends on animation"
      ]
    },
    {
      "id": "leaderboard-showcase-postcard",
      "width": 640,
      "height": 420,
      "asset": "/assets/img/leaderboard-showcase-frame.svg",
      "caption": "Leaderboard and postcard showcase frame with game-look material silhouettes, rank plaques, and an explicit real screenshot well.",
      "accessibilityEquivalent": "A game-look Erapolis postcard frame shows chunky isometric city forms, material-separated rank plaques, a caption band, and a central slot ready to frame a real gameplay screenshot."
    }
  ],
  "backgrounds": [
    {
      "scheme": "light",
      "background": "#f2e4c8",
      "surface": "#fff4dc",
      "text": "#23180f"
    },
    {
      "scheme": "dark",
      "background": "#0f1518",
      "surface": "#1b2328",
      "text": "#e9dcc4"
    }
  ],
  "reducedMotion": {
    "animationPolicy": "Static-only SVG art. The reduced-motion evidence renders the same state with animation and transition CSS disabled.",
    "sameStateWithoutMotion": true
  },
  "noExternalAssets": [
    "SVGs contain no image hrefs",
    "SVGs contain no external URLs",
    "PNG evidence is rendered from the preserved public SVG paths"
  ]
}