Templates · 14 peças prontas
A régua construída
HTML de e-mail real, gerado a partir de um kit de blocos. Os quatro primeiros são transposição medida das referências que você aprovou — mesma estrutura, nossa imagem, nossa copy. Os demais são as alternativas anteriores, em fotografia e ilustração.
Transposição fiel · a rota principal
Estes quatro foram medidos com grade de 20px sobre a referência: cap-height de cada texto, altura de cada imagem, convertidos para o nosso container pelo fator de escala. A estrutura é a da referência — o que muda é a imagem, que é nossa, e a copy, que faz sentido para o tratamento.
maev
A virada
Barra de oferta, título centralizado, o display serif italico gigante sobre a foto, selo circular no canto oposto e duas linhas de corpo.
medidas: display 105px · título 32px · imagem 420px · selo 132px
Abrir em tamanho real →Molton Brown
Produto editorial
Display serif em caixa alta, subtítulo, foto de sangria e a frase assentada no canto vazio dela.
medidas: display 60px · subtítulo 30px · imagem 332px · frase 27px
Abrir em tamanho real →peças de WhatsApp + maev
Linha do tempo
A arte recomposta abre uma faixa limpa e o texto assenta nela. As ilustrações não seguram sozinhas — aqui elas são superfície, não bloco avulso.
medidas: mês 42px · chamada 16px · quadro 440px
Abrir em tamanho real →Seed + maev
O mecanismo
Diagrama de sangria e, em cada frente, a arte à direita com o texto na metade limpa da esquerda.
medidas: título 30px · quadro 400px · metade de texto 270px
Abrir em tamanho real →Alternativas · fotografia
Usa o banco de fotos da marca — casting brasileiro, produto em fundo verde de estúdio, lifestyle de barbearia.
T1 · D+0
Boas-vindas
Chegada da caixa, selos de garantia e o que já dá para fazer no app.
base: E13 The Iconic · E08 Dollar Shave Club
Abrir em tamanho real →T2 · D+7
Como funciona
O mecanismo em diagrama, e cada produto explicado num callout circular.
base: E06 Seed
Abrir em tamanho real →T3 · D+45
O mês da queda
Hero com foto e título sobreposto, card de sintomas e a virada em bloco de cor.
base: E20 juna · E11
Abrir em tamanho real →T4 · D+30
Sua rotina
Produto sobre bloco de cor com serifada, e a rotina em lista com foto.
base: E22 Molton Brown · E12
Abrir em tamanho real →T5 · D+90
Registre sua foto
Três razões em coluna, três passos numerados e prova social.
base: E14 Sigma · E13 · E23 Missoma
Abrir em tamanho real →T6 · estoque acabando
Renovação
A razão antes da oferta, selos de garantia e o único CTA coral da régua.
base: E08 · E23
Abrir em tamanho real →Alternativas · ilustrado
Usa as 12 ilustrações isométricas em verde monocromático. Ganha coerência com o WhatsApp e explica mecanismo melhor que foto — ninguém fotografa um folículo.
I1 · D+0
Linha do tempo ilustrada
Sete marcos na composição das peças de WhatsApp: mês em corpo enorme, chamada, ilustração. Texto vivo, não dentro da imagem.
base: peças de WhatsApp MANUAL · E16
Abrir em tamanho real →I2 · D+7
Como funciona · ilustrado
Mesmo esqueleto do T2, com as ilustrações do mecanismo no lugar das fotos de produto.
base: E06 Seed · E16
Abrir em tamanho real →I3 · D+45
O mês da queda · ilustrado
Hero tipográfico pesado em vez de foto, e o par de ilustrações explicando o ciclo.
base: E11 · E20 juna
Abrir em tamanho real →I4 · D+180
Seu resultado
O marco dos seis meses com a progressão de densidade e o histórico do app.
base: E08 · E23 Missoma
Abrir em tamanho real →Banco de ilustrações · 24 arquivos
O sistema ilustrado da MANUAL
As 12 ilustrações que você exportou hoje, catalogadas no banco da marca com
descrição e tags, mais as 12 peças de WhatsApp de onde elas vêm. Tudo em
_ASSETS/BANCO e preparado em _to_upload/ilustracoes/ para subir ao Drive.
Ilustrações puras · para e-mail e web
Sem texto embutido — é o que permite usar no e-mail com o texto vivo em HTML, que carrega mesmo com imagem bloqueada e escala no mobile.
CicloCapilar
DiagnosticoLupa
FiosCaindo
CouroSaudavel
ProgressaoDensidade
Teleconsulta
FioEngrossa
ProgressaoRostos
CrescimentoFios
AppAcompanhamento
EscudoFoliculo
JornadaCompletaPeças de WhatsApp · a origem do sistema
Já aprovadas e no ar. Serviram de modelo de composição para o template I1: mês em corpo enorme, chamada curta, ilustração ocupando o resto do quadro.
Mes01
Mes02
Mes03
Mes04
Mes05
Mes06
Mes07
Mes08
Mes09
Mes10
Mes11
Mes12Referências · 27 arranjos
Como o e-mail pode ser construído
Estrutura de onboarding, jornada e acabamento editorial. Olhe o arranjo: onde entra o título, quantas colunas, como a etapa é numerada, quanto ar existe entre os blocos.
Referências · 23 arranjos
Como a oferta pode ser feita
P01–P11 são mecânica de oferta — fim de trial, comparação de planos, desconto escalonado, primeira caixa, upgrade: o repertório de quem vende tratamento recorrente, como Ro e Hims. P12–P23 são categoria — claim clínico, rotina numerada, educativo e copy contra-intuitiva, no registro de La Roche-Posay, Proven e Sallve.