{
  "slug": "hitl-style-pack",
  "name": "HITL style pack",
  "version": "1.10.0",
  "origin": "custom",
  "basedOn": "creative-mode",
  "brand": "Human in the Loop / By VallySeed",
  "source": "https://podcast.vallyseed.com/",
  "createdAt": "2026-10-28",
  "tagline": "Creative Mode composition in HITL cream, ink and indigo.",
  "scheme": "light",
  "density": "medium",
  "tokens": {
    "consumes": [
      "primary",
      "secondary",
      "tertiary",
      "accent"
    ]
  },
  "palette": {
    "primary": "#FAF7F2",
    "secondary": "#1A1515",
    "tertiary": "#E9E6F3",
    "accent": "#5059FF"
  },
  "fonts": {
    "headline": "Archivo Black",
    "body": "Space Grotesk",
    "labels": "Space Mono"
  },
  "frames": {
    "landscape": [],
    "portrait": [],
    "square": []
  },
  "treatments": [
    "cover",
    "signal",
    "explainer",
    "comparison",
    "quote",
    "stack",
    "captions",
    "outro",
    "host-intro",
    "character-claim",
    "character-explainer",
    "character-conversation",
    "unpopular-opinions-opener",
    "unpopular-opinions-quote",
    "host-lower-thirds",
    "multicam-2",
    "multicam-3",
    "multicam-4",
    "multicam-3-horizontal",
    "camera-portrait",
    "multicam-2-portrait"
  ],
  "preview": "frame-showcase.html",
  "specification": "FRAME.md",
  "archive": "../HITL style pack.zip",
  "assets": "assets/",
  "styles": "assets/hitl-style.css",
  "thumbnail": "preview.png",
  "updatedAt": "2026-11-04",
  "characters": {
    "catalog": "assets/characters/catalog.json",
    "gallery": "characters.html",
    "guide": "CHARACTERS.md",
    "expressionCount": 42,
    "expressionsPerHost": 21,
    "poseReferenceCount": 36,
    "method": "individually regenerated clean expression PNGs; original poses preserved as source drafts",
    "thumbnail": "characters-preview.png",
    "frameExamples": {
      "showcase": "frame-showcase.html#character-frames",
      "treatments": [
        "host-intro",
        "character-claim",
        "character-explainer",
        "character-conversation",
        "unpopular-opinions-opener",
        "unpopular-opinions-quote"
      ],
      "ratios": [
        "landscape",
        "portrait",
        "square"
      ],
      "styles": "assets/character-frames.css"
    }
  },
  "components": [
    "components/host-intro.html",
    "components/claim-check.html",
    "components/word-captions.html",
    "components/word-captions.mjs",
    "components/host-intro-oscar.html",
    "components/host-intro-matt.html",
    "components/multicam-2.html",
    "components/multicam-3.html",
    "components/multicam-4.html",
    "components/multicam-3-horizontal.html",
    "components/camera-portrait.html",
    "components/multicam-2-portrait.html"
  ],
  "scope": [
    "Hyperframes video",
    "Human in the Loop website",
    "Human in the Loop Instagram carousels"
  ],
  "captions": {
    "style": "bottom word highlight",
    "font": "Space Grotesk 700",
    "activeWordBackground": "#5059FF",
    "textColor": "#FAF7F2",
    "backing": "#1A1515",
    "portrait": {
      "fontPx": 72,
      "bottomPx": 160,
      "leftPx": 108,
      "widthPx": 816,
      "maxLines": 2
    },
    "timing": "audio-aligned words; phrase SRT alone is insufficient"
  },
  "videoProduction": {
    "guidelines": "FRAME.md#podcast-video-production",
    "approvedOn": "2026-10-30",
    "approvedReference": "10 Content Engine/Hyperframes/projects/ep29-oscar-unpopular-opinion-broll/",
    "preferredVisuals": [
      "real host footage",
      "relevant B-roll",
      "purposeful editorial animation"
    ],
    "characterRole": "illustrated openings and explanation beats; see FRAME.md#host-characters-and-expressions",
    "workspaceSkill": ".agents/skills/create-hitl-hyperframes-video/SKILL.md",
    "mediaWorkflow": "10 Content Engine/Hyperframes/BROLL.md",
    "motionPolicy": "assets/motion-policy.json",
    "maxLineAnimationSequencesPerVideo": 3,
    "movementEasing": "deterministic damped spring"
  },
  "carousels": {
    "guidelines": "FRAME.md#instagram-carousels",
    "workspaceSkill": ".agents/skills/create-hitl-instagram-carousel/SKILL.md",
    "reference": "10 Content Engine/Hyperframes/projects/ep29-matt-unpopular-opinion-carousel/",
    "defaultCanvas": {
      "width": 1080,
      "height": 1080
    },
    "format": "ordered PNG images and image-only ZIP",
    "preferredVisuals": [
      "clean host illustrations",
      "source-based editorial layouts"
    ],
    "count": "adapt to the passage; eight slides is the EP29 example"
  },
  "hostIntroductions": {
    "guidelines": "FRAME.md#host-introductions-over-live-footage",
    "reference": "10 Content Engine/Hyperframes/projects/hitl-host-introductions/",
    "showcase": "frame-showcase.html#host-introductions",
    "components": [
      "components/host-intro-oscar.html",
      "components/host-intro-matt.html"
    ],
    "canvas": {
      "width": 1920,
      "height": 1080
    },
    "transparent": true,
    "defaultDurationSeconds": 8,
    "editableFields": [
      "name",
      "role",
      "bio"
    ],
    "previews": [
      "assets/introductions/oscar.png",
      "assets/introductions/matt.png"
    ]
  },
  "multicam": {
    "guidelines": "FRAME.md#multi-person-conversation-layouts",
    "reference": "10 Content Engine/Hyperframes/projects/hitl-multicam-layouts/",
    "showcase": "frame-showcase.html#multicam-layouts",
    "gallery": "multicam.html",
    "canvas": {
      "width": 1920,
      "height": 1080,
      "fps": 30
    },
    "layoutData": "assets/multicam/layouts.json",
    "participantCounts": [
      2,
      3,
      4
    ],
    "components": [
      "components/multicam-2.html",
      "components/multicam-3-horizontal.html",
      "components/multicam-3.html",
      "components/multicam-4.html"
    ],
    "previews": [
      "assets/multicam/two.png",
      "assets/multicam/three-horizontal.png",
      "assets/multicam/three.png",
      "assets/multicam/four.png"
    ],
    "guestMedia": "Explicit abstract placeholders; replace with actual footage before release",
    "captionZone": {
      "x": 192,
      "y": 906,
      "width": 1536,
      "height": 84,
      "mode": "overlay on lower camera area; no reserved blank strip"
    },
    "persistentNameplates": false,
    "cameraBottom": 992,
    "footerDividerY": 1008,
    "layouts": [
      {
        "people": 2,
        "component": "components/multicam-2.html"
      },
      {
        "people": 3,
        "variant": "horizontal",
        "component": "components/multicam-3-horizontal.html"
      },
      {
        "people": 3,
        "variant": "guest-focus",
        "component": "components/multicam-3.html"
      },
      {
        "people": 4,
        "component": "components/multicam-4.html"
      }
    ]
  },
  "portraitCameras": {
    "guidelines": "FRAME.md#portrait-camera-layouts",
    "reference": "10 Content Engine/Hyperframes/projects/hitl-portrait-camera-layouts/",
    "showcase": "frame-showcase.html#portrait-cameras",
    "stylesheet": "assets/portrait-camera.css",
    "layoutData": "assets/multicam/portrait-layouts.json",
    "components": [
      "components/camera-portrait.html",
      "components/multicam-2-portrait.html"
    ],
    "cameraBottom": 1776,
    "footerDividerY": 1792,
    "persistentNameplates": false
  },
  "galleryTreatments": [
    "host-intro",
    "character-claim",
    "character-explainer",
    "character-conversation",
    "unpopular-opinions-opener",
    "unpopular-opinions-quote",
    "cover",
    "signal",
    "explainer",
    "comparison",
    "quote",
    "stack",
    "captions",
    "outro"
  ]
}