mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-13 15:13:07 +00:00
8e431bd876
- captura: swipe de toque real, scrollIntoView suave visível, upload de foto (fixture.photo) e cursor centralizado na origem - shot list: bloco graphics (hook/cta/profile/cover) como fonte da mensagem, badge de rótulo e distance do swipe validados - superfície: port do design revisado (trilho de comando + cap, hook com pattern/coração, CTA com punho, capa) e cena nova profile (avatar IG/WA) - reel foto-de-perfil draft (8 cenas, 30,2s) + fixture sintética sem PII - testes unit do schema e changelog da evolução
112 lines
3.4 KiB
JSON
112 lines
3.4 KiB
JSON
{
|
|
"slug": "cards",
|
|
"title": "Crie seu card de apoio",
|
|
"feature": "cards",
|
|
"route": "/",
|
|
"coverAlt": "Capa do tutorial com o título “Crie seu card de apoio” sobre o fundo vermelho da campanha",
|
|
"fixture": {
|
|
"cardName": "Joana"
|
|
},
|
|
"graphics": {
|
|
"hook": {
|
|
"eyebrow": "FAÇA PARTE",
|
|
"headlineLines": ["Seu apoio", "vira card", "em segundos."],
|
|
"accentIndex": 2,
|
|
"sub": "Veja como criar o seu pelo celular."
|
|
},
|
|
"cta": {
|
|
"eyebrow": "Seu card, sua voz",
|
|
"headlineLines": ["Agora é", "com você."],
|
|
"accentIndex": null,
|
|
"actionLines": ["Acesse o site pelo", "link na bio"],
|
|
"sub": "Escolha seu modelo, crie e compartilhe.",
|
|
"url": "jorgesolla1313.com.br"
|
|
},
|
|
"cover": {
|
|
"eyebrow": "TUTORIAL DO SITE",
|
|
"headlineLines": ["Crie seu", "card de", "apoio."],
|
|
"accentIndex": 2,
|
|
"sub": "Seu nome ou sua foto, direto pelo celular.",
|
|
"tag": "#cards"
|
|
}
|
|
},
|
|
"scenes": [
|
|
{
|
|
"id": "hook",
|
|
"kind": "graphic",
|
|
"template": "hook",
|
|
"durationMs": 2400,
|
|
"narration": "Seu apoio vira card em segundos."
|
|
},
|
|
{
|
|
"id": "step-1",
|
|
"kind": "capture",
|
|
"badge": { "number": 1, "total": 3, "label": "Escolha um modelo" },
|
|
"caption": {
|
|
"parts": [
|
|
{ "text": "Toque em " },
|
|
{ "text": "“Card com seu nome”", "accent": true },
|
|
{ "text": "." }
|
|
]
|
|
},
|
|
"captionDelayMs": 500,
|
|
"captionDurationMs": 3200,
|
|
"leadInMs": 700,
|
|
"trailOutMs": 900,
|
|
"setup": [{ "action": "scrollIntoView", "selector": "#cards-title" }],
|
|
"steps": [
|
|
{ "action": "click", "selector": "[data-card-model-tile=\"eu-sou-solla\"]" },
|
|
{ "action": "waitFor", "selector": "role=heading[name=\"Personalize com seu nome\"]" }
|
|
]
|
|
},
|
|
{
|
|
"id": "step-2",
|
|
"kind": "capture",
|
|
"badge": { "number": 2, "total": 3, "label": "Escreva seu nome" },
|
|
"caption": {
|
|
"parts": [
|
|
{ "text": "Digite seu nome e toque em " },
|
|
{ "text": "“Criar meu card”", "accent": true },
|
|
{ "text": "." }
|
|
]
|
|
},
|
|
"captionDelayMs": 500,
|
|
"captionDurationMs": 3600,
|
|
"leadInMs": 600,
|
|
"trailOutMs": 1000,
|
|
"setup": [{ "action": "scrollIntoView", "selector": "role=textbox[name=\"Seu nome\"]" }],
|
|
"steps": [
|
|
{ "action": "fill", "selector": "role=textbox[name=\"Seu nome\"]" },
|
|
{ "action": "click", "selector": "role=button[name=\"Criar meu card\"]" },
|
|
{ "action": "waitFor", "selector": "text=Seu card está pronto para compartilhar." }
|
|
]
|
|
},
|
|
{
|
|
"id": "step-3",
|
|
"kind": "capture",
|
|
"badge": { "number": 3, "total": 3, "label": "Baixe seu card" },
|
|
"caption": {
|
|
"parts": [
|
|
{ "text": "Baixe e compartilhe o " },
|
|
{ "text": "seu card", "accent": true },
|
|
{ "text": "." }
|
|
]
|
|
},
|
|
"captionDelayMs": 400,
|
|
"captionDurationMs": 2800,
|
|
"leadInMs": 600,
|
|
"trailOutMs": 900,
|
|
"setup": [
|
|
{ "action": "scrollIntoView", "selector": "role=button[name=\"Baixar meu card\"]" }
|
|
],
|
|
"steps": [{ "action": "download", "selector": "role=button[name=\"Baixar meu card\"]" }]
|
|
},
|
|
{
|
|
"id": "cta",
|
|
"kind": "graphic",
|
|
"template": "cta",
|
|
"durationMs": 3200,
|
|
"narration": "Acesse o site pelo link na bio e crie o seu."
|
|
}
|
|
]
|
|
}
|