← MemoFlow hub
Visual Production Brief · 3 LPs · PT-BR + assets
MemoFlow Visual Brief — produção visual customizada das 3 LPs
Brief consolidado pra produção visual das 3 LPs MemoFlow: LP DTC (clone CNN Health) + VSL standalone (article com GIFs) + PDP oficial. Cada LP é mapeada com paleta, tom, formato e lista de assets prioritários. Regras visuais cross-project aplicadas (1 hero só, sem badges fake, ADVERTISEMENT sutil).
🎨 Identidade visual MemoFlow (canon):
- Cor primária: Navy
#1E2359 (vidro do frasco, autoridade clínica)
- Cor de ação: Azul
#3D5A9E (CTAs, headings, badges)
- Cor de texto azul:
#7C93B8 (sublinhados, kicker)
- Background: Branco
#FFFFFF (LP) + Navy escuro #0F1336 (CTA section)
- Acento ouro:
#E09A22 (CTAs de "try" no quiz popup)
- Acento verde:
#3D9E14 (✅ badges "this works" em way icons)
- Erro/Stop: Vermelho
#D0021B (❌ badges em way icons + warning box)
Navy #1E2359
Blue #3D5A9E
Light #7C93B8
Gold #E09A22
Green #3D9E14
Red #D0021B
⚠️ Regras visuais cross-project (não-violar):
- 1 hero image SÓ no topo (NÃO duplicar hero, padrão publisher MemoPryl que tem 2)
- "As Featured In" badges NUNCA — logos inventados = fake, reais = red line
- ADVERTISEMENT box SUTIL — gray small caps, sem border vermelho, sem chamar atenção
- Avatares CONSISTENTES — se usar foto de persona, gerar a MESMA pessoa em 2+ ângulos, não pessoas diferentes
- SEM deepfake de Bill Gates / Goldie Hawn / Steve Martin (red line real, confirmado nas VSLs)
- Disclaimer FDA obrigatório no footer (PDP + LP)
📐 Tipografia (compartilhada entre as 3 LPs)
| Função | Fonte | Peso | Tamanho |
|---|
| H1 headline | Bitter | 800 (extrabold) | clamp(26px, 3.4vw, 34px) |
| H2 subheadline | Bitter | 800 | clamp(21px, 2.6vw, 26px) |
| Body text | Poppins | 400 | 16-17px (line-height 1.62) |
| Body bold | Poppins | 600-800 | mesmo |
| CTA button | Poppins | 800 | clamp(10px, calc(3.6vw - 1.5px), 19px) |
| Kicker (small caps) | Poppins | 700 | 11-13px letter-spacing 0.16-0.18em |
🖼️ 1. LP DTC (clone CNN Health) — Fase 1
Cold traffic maxlead. Headline "Bill Gates Reveals..." + Vturb VSL + 36k comments + scarcity. Vamos SUBSTITUIR o visual do publisher pelo nosso (mantém copy canônica).
1.1 — Hero LP DTC (substituir o header CNN Health clone)
Formato: 1:1 ou 16:9 · 1920x1080px · PNG · ~3MB
Header estilo news site premium (não fake CNN). Logo do nosso "brand" + tagline + barra de navegação minimalista + data atual.
Editorial news site top banner. Dark navy header bar (#0F1336) with white serif logo "MEMO HEALTH" (Bitter, extrabold, all caps). Sub-tagline: "Memory & Cognitive Wellness" in light gray. Right side: minimalist menu links (Life, Health, Mind, Food, Sleep, More) and a search icon. Below the bar: a thin gray divider. Style: premium news publication (The Atlantic / Vox feel), NOT fake CNN. Subtle. No badges, no "as featured in", no "advertisement" banner yet (that comes later in body).
1.2 — 8 Avatares de Comments UGC (4 masc + 4 fem, 60+)
Formato: 1:1 · 200x200px · PNG · ~30KB cada (compressão agressiva, são thumbnails)
Cada avatar é uma pessoa real-aparente 60+, sorriso natural, fundo neutro. 4 mulheres + 4 homens. NÃO usar a mesma pessoa em 2 avatares.
Single portrait photo of a [woman/man] approximately 65-75 years old, head and shoulders, slight smile, looking at camera. Soft natural lighting, neutral background, photorealistic editorial style, senior portrait, candid and warm. [Specify distinguishing features: short gray hair / long silver hair / glasses / etc]. 200x200 crop. NO text, NO logos, NO badges. Just the face.
1.3 — ADVERTISEMENT box (sutil, compliance)
Formato: PNG transparente · 80x18px · inline CSS preferable
Box de compliance que aparece antes do conteúdo pago. SEM border vermelho. SEM background chamativo. Só texto cinza small caps.
NÃO precisa gerar imagem. Use CSS inline: <span style="font-size:10px;color:#888;letter-spacing:0.2em;text-transform:uppercase;font-weight:600">ADVERTISEMENT</span>
1.4 — Scarcity stock counter (animado)
Formato: 1:1 · 80x80px · GIF animado · loop infinito · <30KB
Indicador visual de "poucos spots restantes" — pulse + dot vermelho piscando. Inline, não tira atenção do CTA.
Minimal animated red dot pulsing (3-frame loop: bright red → dim red → bright red, 1.5s total). Transparent background. 80x80px. Used inline next to scarcity text. NO text, NO badge, just a pulsing red dot.
1.5 — ADVERTISEMENT box (versão completa, fundo navy)
Formato: 16:9 · 1200x200px · PNG · ~50KB
Versão "full box" pra mobile/desktop com disclaimer FDA completo. Aparece no rodapé do header, sutil.
Wide horizontal navy bar (#0F1336) with white text in Poppins 11px gray (#888): "ADVERTISEMENT" on left, smaller disclaimer text on right: "This product is not intended to diagnose, treat, cure, or prevent any disease. Results may vary. Click to learn more." Soft, no border, no background highlight. Just clean navy band.
🎬 2. VSL Standalone (MemoFlow-v2 com GIFs) — Fase 2
Article VSL scrollable. Substituir os 11 GIFs do publisher por 11 GIFs nossos. Manter copy canônica intacta.
2.1 — Hero VSL Standalone (substituir o byline + image8.png)
Formato: 16:9 · 1200x675px · PNG · ~500KB
Hero image que aparece no topo do article. Visual editorial, não fake news. Mostra "interview viral" + receita caseira. NÃO usar Bill Gates deepfake.
Editorial hero image: top-left corner shows a TV screen with a "BREAKING NEWS" graphic (faded, desaturated, partial frame as if being debunked). Bottom-right shows a wooden kitchen counter with a glass jar of golden honey, a small wooden dipper, fresh ginger root, and a measuring spoon. Soft natural kitchen lighting, slight dust particles in air, photorealistic editorial style. The composition suggests "this viral claim is being debunked — here's what actually works at home." 16:9 aspect ratio, 1200x675px. No people faces visible. No text overlays.
2.2 — 11 GIFs animados S01 → S11 (substituir os do publisher)
Formato: 16:9 · 800x450px · GIF · 3-5s loop · <6MB cada (target 3-4MB)
Cada GIF corresponde a uma cena da VSL. Nossos, com visual próprio (não clonar MemoPryl).
Mapeamento cena → GIF (do raw-briefing.html):
- S01: Pai e filho + bloqueio dos receptores no cérebro
- S02: Diário de 2 semanas com remédios e falhas
- S03: Estudo encontrado de madrugada
- S04: Evidência clínica: cérebro sem acesso ao combustível
- S05: Favo de mel × receita original do protocolo
- S06: Da colheita em Ikaria ao laboratório
- S07: Antes/depois: neblina mental levantando
- S08: Antes/depois: de volta à mesa com os netos
- S09: Frasco de MemoFlow em gotas (cor azul característica)
- S10: 3 depoimentos (Margaret, Robert, Susan)
- S11: UGC com idosos usando o produto
2.3 — 3 Fotos de Depoimentos (Margaret W., Robert M., Susan P.)
Formato: 3:4 ou 4:5 · 600x800px · PNG · ~200KB cada
3 avatares dos depoentes do VSL standalone. Já temos 8 no PDP mas esses 3 são específicos do VSL.
Editorial portrait photo of [Margaret/Robert/Susan], 68-74 years old, [kitchen/living room/porch] setting, [description per person: Margaret at kitchen table with a friend, Robert sitting in his living room, Susan at a family dinner table]. Soft warm natural light, candid but posed, holding the MemoFlow bottle (small dark glass dropper bottle with navy label, NO text visible). Photorealistic. 600x800px. NO text, NO logos.
2.4 — 5 Ícones "Way #1 → #4" (substituir icon-*.png do publisher)
Formato: 1:1 · 68x68px (com badge ❌/✅) · PNG transparente · ~20KB
4 ícones pros "ways" (memory games, supplements, medications, two natural ingredients) + versão pareada "two natural ingredients" (pote de mel + escudo).
Single icon, flat design, on transparent background. 68x68px (will be displayed in 68x68 box with #F2F7F9 light gray background, 1px solid #dde2e6 border). No text inside icon. Style: minimalist line+fill, navy/blue tones (#3D5A9E). Each icon represents a "way" to address memory loss.
- Way #1: Jigsaw puzzle (representing memory games)
- Way #2: Pill capsule (representing common supplements)
- Way #3: Stethoscope + clipboard (representing medications)
- Way #4 pair: Honey jar + shield (representing the two-ingredient protocol)
2.5 — Offer Box (3 bottles B2G1 com 80% off)
HTML/CSS (não precisa de imagem, é elemento visual)
Offer box final com anchor price + discount + kit description. Visual: navy border, light background, gold accent.
NÃO precisa gerar imagem. Use CSS: border 2px solid #00465A (deep navy from PDP), background #F5F8FA (light blue-gray), padding 26px 24px, centered text. Eyebrow "TODAY'S SPECIAL LAUNCH OFFER" in #2E7A14 (green). Title "BUY 3 BOTTLES AND GET 3 MORE FREE" in Bitter extrabold 22px #111. Price "80% OFF" in Bitter 46px #00465A. Sub "Just $19.99 per bottle" in Bitter 21px #111. Description in 15px #5a666d.
🛒 3. PDP oficial (MemoFlow® brand) — Fase 3
Bottom-of-funnel, brand oficial. B2G1 + 90-day MBG + Neural MicroLock™. Substituir Next.js oficial pelo nosso HTML customizado (mais rápido, mais leve).
3.1 — Hero PDP (frasco MemoFlow + lifestyle)
Formato: 1:1 ou 4:5 · 1080x1080px (1:1) ou 812x810 (4:5 ratio) · PNG · ~500KB
Hero shot do frasco MemoFlow em ambiente lifestyle clean. NÃO usar foto fake de "doctor recommending".
Single product hero shot: small dark glass dropper bottle with navy label, no text on label visible, sitting on a clean light marble surface. Soft natural window light from left. Shallow depth of field. Behind the bottle: blurred bokeh of a modern bright kitchen. No people. No badges. No text overlays. Style: Apple-product-page cleanliness. 1:1 aspect ratio, 1080x1080px.
3.2 — 4 Lifestyle Photos (life-1 a life-4)
Formato: 4:3 ou 3:4 · 1200x900px · PNG · ~200KB cada
4 fotos lifestyle mostrando pessoas 60-80 em momentos cotidianos (cozinha, jardim, jantar em família, leitura). SEM produto visível (ou com produto bem sutil).
Lifestyle photo of a [scenario] with an older adult (65-78 years old) [engaging in activity]. Soft natural light, candid editorial style. No product placement prominent (or dropper bottle on table edge, out of focus). 1200x900px, 4:3.
- life-1: Idosa sorrindo na cozinha com neta, manhã ensolarada
- life-2: Idoso lendo jornal na varanda
- life-3: Casal idoso jantando com família (3 gerações)
- life-4: Idoso caminhando no parque com cachorro
3.3 — 90-day Money-Back Guarantee Seal
Formato: 1:1 · 400x400px · PNG transparente · ~50KB
Selo oficial da garantia. Visual premium, navy + gold accent. SEM texto "AS SEEN ON" ou similar.
Circular badge/seal design. Outer ring: deep navy (#1E2359) with thin gold (#E09A22) border. Center: large white "90" in Bitter extrabold 80px. Below "90": "DAY MONEY-BACK" in Poppins bold 18px. Below that: small white text "100% GUARANTEE" in Poppins 12px. Style: premium trust seal (like BBB A+ rating style but custom). 400x400px, transparent background. NO "as featured in" text.
3.4 — Trust Seals (FDA / GMP / BBB) — versões finais
Formato: 1:1 · 120x120px · PNG transparente · ~15KB cada
3 trust seals customizados. FDA-registered, GMP-certified, BBB Accredited. SEM logos reais (a menos que o user queira autorizar uso de logos oficiais).
Minimal circular trust seal icon. 120x120px, transparent background. Style: flat design, navy and gold. Center: small icon representing [FDA registered / GMP certified / BBB accredited]. Around: text in small caps. NEVER use real BBB, FDA, or GMP logos unless explicitly authorized.
3.5 — 8 Avatares PDP (Walter, Frank, Carol, Eleanor, Joan, Ruth, + 2 novos)
Formato: 1:1 · 200x200px (avatar) + 4:5 (full testimonial) · PNG
JÁ TEMOS 8 do publisher (`imagens/pdp-people/`), mas podem ser refeitos com consistência melhor. Avaliar antes de regravar.
📅 Cronograma de produção
| Fase | Assets | Estimativa | Status |
|---|
| 1 — LP DTC | 1 hero + 8 avatares + 1 scarcity + 1 AD box + HTML layout | ~30min | 🚀 A iniciar |
| 2 — VSL Standalone | 1 hero + 11 GIFs + 3 reviews + 5 ícones + offer HTML | ~45min | ⏸ Após fase 1 |
| 3 — PDP | 1 hero + 4 lifestyle + 4 trust seals + 8 testimonials + HTML layout | ~30min | ⏸ Após fase 2 |
🤝 Acordo de revisão: Ao final de cada fase, te mostro os assets produzidos antes de avançar pra próxima. Você pode pedir ajustes (paleta, tom, formato) sem custo de re-geração dos que já estão OK.