⚙️ 1. Informações Básicas
🏷️ 2. Restrição de Produtos
|
Marcas autorizadas a usar este modelo (desmarque para restringir):
Carregando marcas...
📐 3. Formatos Suportados
|
ESTRUTURA HTML
Pontos dinâmicos via classes inject-*
ESTILOS CSS (CQI)
Responsividade com unidades cqi
Preview ao Vivo
Proporção:
🏷️ Classes de Injeção Dinâmica
Hub V2inject-title
Título principal do card. Suporta destaque estilizado com <span class="highlight"> ou colchetes [destaque].
inject-subtitle
Subtítulo descritivo, resumo jornalístico ou linha de apoio com o tema da publicação.
inject-bg
Container da foto principal (background-image) com suporte a arrastar/mover, zoom e proporção anti-distorção.
inject-logo
Logotipo horizontal da marca ativa (SVG inline ou tag <img>), alternando automaticamente entre Light e Dark.
inject-icon
Ícone/símbolo institucional da marca ativa (habitualmente centralizado no rodapé sobre a fotografia).
inject-cta
Texto de chamada para ação no botão (ex: "Leia a legenda", "Saiba mais").
highlight
Classe interna para palavras destacadas dentro do título (exibe tom branco no modo escuro ou contraste específico).
🎨 Variáveis CSS da Marca Ativa
Design Tokens--primary-color
Cor primária oficial da marca (utilizada no fundo base, gradientes e títulos).
--secondary-color
Cor secundária/destaque da marca (utilizada no título, botão CTA e divisores).
--box-color
Cor de preenchimento para caixas, superfícies e cartões informativos.
--font-produto
Família tipográfica oficial configurada para o produto/marca (ex: 'Plus Jakarta Sans', sans-serif).
--glow-primary
Cor primária com 35% de opacidade para luzes e gradientes suaves.
--glow-secondary
Cor secundária com 35% de opacidade para halos e iluminação de destaque.