C196 · gate hi-fi Vídeo 1080 × 1920 · 9:16 Sem áudio · legenda queimada

Tutorial que se entende no mudo

Um sistema de frames para ensinar o site com ritmo, contraste e marca — sem competir com a gravação. O vermelho enquadra a história; amarelo aponta a ação; Brexter carrega o impacto. O kit oficial 2026 assina as cenas gráficas; a captura conserva a aparência real do site.

01–03 · Sequência 04 · Kit oficial 05 · Safe zone 06 · Capa e recortes 07 · Sistema

CENAS 01–03 · LINHA DO TEMPO

Hook → gesto → ação

Frames em escala. Tudo crítico permanece no miolo seguro.

01 · Hook

0–1,5s

ABERTURA
FAÇA PARTE

Seu apoio vira card em segundos.

Veja como criar o seu pelo celular.

Jorge Solla 1313 · Mais Saúde, Mais Futuro KIT OFICIAL · marca negativa completa

Movimento: título entra em dois beats; a estrela oficial deriva 8px para dentro com fade, sem pulsar. Sem zoom de site ainda.

CALIBRAÇÃO · BREXTER BOLD OFICIAL @ 360PX

Título: 34,2px (9,5cqw) · entrelinha 30,78px (0,9) · tracking −1,71px (−0,05em) · largura máxima 316,8px (100% do bloco entre insets de 6%). As três linhas são explícitas e não quebram internamente.

02 · Passo

demonstração

1 / 3

Faça parte

Mostre que você está com Solla

Escolha um modelo, coloque seu nome ou sua foto e baixe seu card.

Card com seu nome

Personalize com seu nome

Seu nome
Criar meu card
1Escolha um modelo

Toque em “Card com seu nome”.

Jorge Solla · Deputado Federal
CAPTURA REAL · chrome com marca positiva

Câmera: zoom suave até 118% no tile; cursor chega 180ms antes do clique; halo acompanha o tile real em x87 · y196 · 186 × 246px @360 e pulsa uma vez. Após o clique, some em até 300ms e não permanece sobre o drawer aberto. A legenda fica a ~1160px no arquivo final.

03 · Fechamento / CTA

últimos 2–3s

FINAL

Seu card, sua voz

Agora é
com você.

Acesse o site pelo

link na bio

Escolha seu modelo, crie e compartilhe.

jorgesolla1313.com.br

Jorge Solla 1313 · Mais Saúde, Mais Futuro
KIT OFICIAL · marca positiva completa

Final: sem botão falso. “Link na bio” é a única instrução; URL reforça a origem. Segura por 2s para leitura.

CENA 04 · KIT OFICIAL 2026

Uma assinatura oficial para cada superfície

Medidas abaixo são CSS px no compositor 360 × 640; o arquivo final multiplica tudo por 3. Não recortar, recolorir, redesenhar ou aplicar sombra aos PNGs do kit.

Superfície Ativo oficial Caixa @360 Regra
Hook marca-negativa-completa.png x206 · y322 · 132×88 Sobre vermelho; slogan só no próprio ativo.
Captura / chrome jorge-solla-positivo.png x220 · y28 · 112×56 Plate branco 92% em x214 · y22 · 124×68, no fundo dimmed acima do drawer; nunca cobrir input, ajuda ou botão. Nunca usar a negativa sobre o sheet branco.
CTA marca-positiva-completa.png x203 · y520 · 132×88 Sobre branco, 6px abaixo do card; URL e “link na bio” em azul oficial.
Capa marca-negativa-completa.png x205 · y448 · 133×89 Inteira dentro do recorte central 4:5.
Badges 1 / 2 / 3 nenhum x22 · y96 · h36 Controle funcional amarelo/preto; não miniaturizar marca, número oficial ou estrela.
Decoração gráfica estrela.png hook x250 · y54 · 88² PNG a 100%, sem filtro/recoloração, sobre disco branco do mesmo diâmetro para a estrela vermelha não sumir no fundo. Capa: x250 · y54 · 88². CTA: x20 · y48 · 72². Fade + deriva de 8px; sem rotação.

FUNDO POSITIVO · VERMELHO

Jorge Solla 1313 · Mais Saúde, Mais Futuro

FUNDO CLARO

Jorge Solla 1313 · Mais Saúde, Mais Futuro

CENA 05 · SAFE ZONE

O Instagram ocupa as bordas; o tutorial ocupa o miolo

Guias são apenas de produção e não aparecem no render final.

~250px · topo

nome, áudio e chrome podem cobrir

~672px · base conservadora

legenda, descrição e botões do Instagram disputam esta área

Legenda entre 1100–1250px, até 900px de largura.

MIOLO ÚTIL ~1080 × 1420

Regras que o compositor não pode quebrar

  1. 1

    Gancho abaixo do topo crítico

    A primeira linha começa depois de ~250px. Marca pode encostar mais na borda apenas como elemento redundante.

  2. 2

    Legenda curta, central e queimada

    Uma ideia por bloco, até duas linhas, peso alto, branco sobre preto ≥86%. Palavras de ação recebem amarelo.

  3. 3

    Alvo visível antes do clique

    Cursor sintético + halo amarelo. O zoom amplia a ação, sem cortar o elemento clicado nem desalinhá-lo.

  4. 4

    Rodapé não carrega instrução crítica

    A base conservadora admite apenas marca redundante. CTA e resultado ficam acima dela.

ATIVOS RESOLVIDOS

Captura real do site em viewport mobile + PNGs de `public/campaign-kit/`. Foto oficial continua fora deste template; não é necessária para o reel de cards.

CENA 06 · CAPA

Título no núcleo que todos os recortes preservam

Composição própria — não um frame aleatório do vídeo.

TUTORIAL DO SITE

Crie seu
card de
apoio.

Seu nome ou sua foto, direto pelo celular.

#cards

Jorge Solla 1313 · Mais Saúde, Mais Futuro
RECORTE CENTRAL ~1080 × 1350
KIT OFICIAL · marca negativa completa

Feed 4:5

1080 × 1350

SOBREVIVE
TUTORIAL DO SITE

Crie seu
card de
apoio.

Jorge Solla · Deputado Federal

Eyebrow, título inteiro e marca continuam visíveis. Copy auxiliar pode sair.

Grade 1:1 / 3:4

recorte central

SOBREVIVE
TUTORIAL

Crie seu
card de
apoio.

Jorge Solla · Deputado Federal

Título nunca depende do terço inferior. A marca reduz, mas não desaparece.

Hierarquia da capa: “Crie seu card de apoio” é a mensagem; “Tutorial do site” só categoriza. Não usar screenshot legível como fundo — vira ruído na grade.

CENA 07 · SISTEMA VISUAL

Receita consistente, não vinheta pesada

TIPOGRAFIA

Texto de
impacto.

Brexter Bold só em hook, capa e CTA final. Inter no badge de passo e legendas.

PALETA

#E4102F
#FFEB00
#184E92
#009647

Cenas gráficas usam o kit. Capturas não são recoloridas: nelas, o site mantém #A21C1C/#FFE607/creme e só o chrome usa amarelo oficial.

LEGENDA

Toque em “Card com seu nome”.

Máx. 2 linhas · largura ≤900px · centro em 1100–1250px.

GESTO

Zoom 108–122%; cursor chega antes; halo retangular 3:4 acompanha o alvo e pulsa uma vez; easing suave. No frame de Passo 1: x87 · y196 · 186 × 246px @360.

FIT CHECK · BREXTER BOLD OFICIAL @ 360PX

Capa: mantém 43,2px (12cqw), entrelinha 38,02px (0,88), tracking 0 e largura útil 309,6px. “Crie seu” (255px), “card de” (246px) e “apoio.” (191px) cabem sem ajuste.

CTA: título ajustado para 41,4px (11,5cqw), entrelinha 37,26px (0,9), tracking 0 e largura máxima 309,6px; “com você.” passa de 306px para 293,25px. “Link na bio” permanece em 28,8px (8cqw), entrelinha 28,8px, tracking 0, dentro dos 259,2px úteis do card.

Marca e slogan: hook e capa usam `marca-negativa-completa.png`; CTA usa `marca-positiva-completa.png`; chrome usa `jorge-solla-positivo.png`. “Mais Saúde, Mais Futuro” entra somente dentro dos três ativos completos, com altura visual aproximada de 8px @360 (24px no render), nunca como headline concorrente. Não aplicar recorte, filtro, sombra ou recoloração.