mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-10 22:20:14 +00:00
207 lines
6.1 KiB
JSON
207 lines
6.1 KiB
JSON
{
|
|
"$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
|
|
"name": "message-thread-reveal",
|
|
"type": "hyperframes:block",
|
|
"title": "Message Thread Reveal",
|
|
"description": "A full text conversation plays out on a phone - bubbles popping in, typing indicators, a shared link card, emoji, delivered receipts - with the whole thread scrolling up beat by beat until a closing card lands. The complete chat ad-template, measured message by message",
|
|
"tags": ["showcase", "mock-ui", "chat", "vertical", "ad-template"],
|
|
"author": "Miao Yang",
|
|
"dimensions": {
|
|
"width": 1080,
|
|
"height": 1920
|
|
},
|
|
"duration": 25.7667,
|
|
"variables": [
|
|
{
|
|
"id": "contactName",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Contact name",
|
|
"description": "Name pill in the chat header; the avatar shows its first letter.",
|
|
"default": "Rachel"
|
|
},
|
|
{
|
|
"id": "questionMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Opening question",
|
|
"description": "First incoming message that establishes what the conversation is about.",
|
|
"default": "what r u using for the launch video??"
|
|
},
|
|
{
|
|
"id": "teaserMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Teaser reply",
|
|
"description": "First typed outgoing reply before the shared link card.",
|
|
"default": "wait look 👀"
|
|
},
|
|
{
|
|
"id": "cardImage",
|
|
"type": "image",
|
|
"role": "content",
|
|
"label": "Link card image",
|
|
"description": "Preview image on the shared link card.",
|
|
"default": "assets/card-image.jpg"
|
|
},
|
|
{
|
|
"id": "cardTitle",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Link card title",
|
|
"description": "Title on the shared link card.",
|
|
"default": "HyperFrames | Write HTML, render pixel-perfect video"
|
|
},
|
|
{
|
|
"id": "cardDomain",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Link card domain",
|
|
"description": "Domain line under the card title.",
|
|
"default": "hyperframes.heygen.com"
|
|
},
|
|
{
|
|
"id": "reactionMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Link reaction",
|
|
"description": "Incoming reaction immediately after the shared link.",
|
|
"default": "OMG IT'S HTML"
|
|
},
|
|
{
|
|
"id": "reactionEmoji",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Reaction emoji",
|
|
"description": "Emoji-only reaction after the shared link.",
|
|
"default": "🤯🤯🤯"
|
|
},
|
|
{
|
|
"id": "benefitMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Benefit reply",
|
|
"description": "Typed outgoing reply that names the primary benefit.",
|
|
"default": "renders in 4K. no editor"
|
|
},
|
|
{
|
|
"id": "discoveryMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Discovery question",
|
|
"description": "Incoming question asking where the product was found.",
|
|
"default": "where did u find this"
|
|
},
|
|
{
|
|
"id": "sourceMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Source reply",
|
|
"description": "Typed outgoing reply naming where to find the product.",
|
|
"default": "on heygen"
|
|
},
|
|
{
|
|
"id": "workflowMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Workflow reply",
|
|
"description": "Typed outgoing reply describing how the product works.",
|
|
"default": "u just write plain html tags"
|
|
},
|
|
{
|
|
"id": "ownershipMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Ownership reply",
|
|
"description": "Typed outgoing reply that closes the product explanation.",
|
|
"default": "the code is yours forever"
|
|
},
|
|
{
|
|
"id": "installMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Intent reply",
|
|
"description": "Incoming message expressing intent to try the product.",
|
|
"default": "installing rn"
|
|
},
|
|
{
|
|
"id": "thanksMessage",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "Closing reply",
|
|
"description": "Final incoming message in the conversation.",
|
|
"default": "ty bestie 💚"
|
|
},
|
|
{
|
|
"id": "brandLogo",
|
|
"type": "image",
|
|
"role": "content",
|
|
"label": "Brand logo",
|
|
"description": "Transparent horizontal wordmark on the closing card.",
|
|
"default": "assets/hyperframes-logo-black.svg"
|
|
},
|
|
{
|
|
"id": "ecProof",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "End-card proof",
|
|
"description": "Social-proof line under the stars.",
|
|
"default": "12,000+ creators"
|
|
},
|
|
{
|
|
"id": "ecFeature1",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "End-card feature 1",
|
|
"description": "First two-line benefit; use | to break the line.",
|
|
"default": "Write|plain HTML"
|
|
},
|
|
{
|
|
"id": "ecFeature2",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "End-card feature 2",
|
|
"description": "Second two-line benefit; use | to break the line.",
|
|
"default": "Render|pixel-perfect"
|
|
},
|
|
{
|
|
"id": "ecFeature3",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "End-card feature 3",
|
|
"description": "Third two-line benefit; use | to break the line.",
|
|
"default": "Own|every line"
|
|
},
|
|
{
|
|
"id": "ecCta",
|
|
"type": "string",
|
|
"role": "content",
|
|
"label": "End-card CTA",
|
|
"description": "Label on the closing card button.",
|
|
"default": "Start rendering free"
|
|
}
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "message-thread-reveal.html",
|
|
"target": "compositions/message-thread-reveal.html",
|
|
"type": "hyperframes:composition"
|
|
},
|
|
{
|
|
"path": "assets/card-image.jpg",
|
|
"target": "assets/card-image.jpg",
|
|
"type": "hyperframes:asset"
|
|
},
|
|
{
|
|
"path": "assets/hyperframes-logo-black.svg",
|
|
"target": "assets/hyperframes-logo-black.svg",
|
|
"type": "hyperframes:asset"
|
|
},
|
|
{
|
|
"path": "TEMPLATE.md",
|
|
"target": "TEMPLATE.md",
|
|
"type": "hyperframes:asset"
|
|
}
|
|
]
|
|
}
|