Go Advisors — 3 versões de landing page

Três versões, três argumentos diferentes

Todo o copy vem de goadvisors.co, verbatim. Nenhum número, depoimento, logo ou nome de cliente foi inventado. Paleta e tipografia derivam do CSS real da marca — Jost, navy #091529, gold #e7c973. As três abrem com duplo clique: sem build, sem dependência.

Antes de publicar qualquer uma: os depoimentos são exemplos marcados — corpo da citação escrito, atribuição como [[NOME]] / [[CARGO]] / [[EMPRESA]], badge âmbar visível e data-placeholder="true" em cada card. Os números de escassez são tokens ({{VAGAS_MES}}, {{CLIENTES_NA_FILA}}, {{PROXIMA_TURMA}}) e o endpoint do formulário é {{FORM_ENDPOINT}}. Detalhes em TESTIMONIALS.md, TOKENS.md e COPY-GAPS.md.

Dossiê

Contratar é uma decisão de risco, então entregamos a ficha antes de você decidir.

Base: Blue-grey #EDF1F5
Display: Newsreader (serif)
Raio: 4px — é papel
Orbes: 3 · opacidade .16 · atrás dos blocos
Signature: O card-dossiê. Labels em mono, régua entre campos, selo bronze Pre-vetted. O mesmo componente renderiza candidato e advisor.

Abrir V1

Sala de Controle

Existe um sistema por trás disso, e você pode ver ele rodando.

Base: Navy #070C16
Display: Archivo 700 (grotesk)
Raio: 12px · glass só no nav e no pop-up
Orbes: 4 · opacidade .55 · protagonistas
Signature: O pipeline de vetting. Roda uma vez no scroll. Sem contagem por etapa — só os 6 nomes reais de etapa.

Abrir V2

Cara a Cara

Você não contrata uma agência. Contrata essas pessoas, e os nomes estão aqui.

Base: Sage #E9EEE9
Display: Jost — a fonte real da marca
Raio: 24px · sombras coloridas, não cinza
Orbes: 3 · opacidade .45 · halo atrás dos rostos
Signature: O mural de rostos. 10 cards; o mais próximo do cursor cresce e destaca nome + cargo. No touch, ciclo lento.

Abrir V3

Se duas versões pudessem trocar de CSS e continuar coerentes, seria falha

Eixo	V1 · Dossiê	V2 · Sala de Controle	V3 · Cara a Cara
Fundo	Blue-grey `#EDF1F5`	Navy quase preto `#070C16`	Sage pálido `#E9EEE9`
Acento	Navy + bronze	Ice blue `#5FD0FF`	Gold + teal profundo
Display	Newsreader — serif	Archivo 700 — grotesk	Jost — geométrica da marca
Utility	IBM Plex Mono	JetBrains Mono	Caveat, uma única vez
Raio	4px	12px	24px
Sombra	Nenhuma — só réguas de 1px	Preta, spread negativo	Colorida (teal / gold)
Orbes	.16, escondidos atrás de blocos	.55, protagonistas	.45, halo de foto
Grid	Editorial assimétrico 7/5	Denso, guiado por telemetria	Guiado por foto, muito ar
Prova no hero	Uma ficha de candidato	Um painel de status	Uma pessoa com nome
Signature	Card-dossiê	Pipeline de vetting	Mural de rostos

O que está fechado e o que não está

✓Todo o copy rastreável a goadvisors.coLacunas listadas em COPY-GAPS.md

✓Zero número, depoimento ou logo inventadoExemplos marcados; atribuição em token

✓Escassez só em token, documentadaTOKENS.md · nada hardcoded

✓Paleta, tipografia, layout e signature distintosTabela acima

✓Orbes animados + grão nas 33 / 4 / 3 orbes; grão .05 / .06 / .035

✓prefers-reduced-motion respeitadoComposição fica, movimento para

✓Pop-up 2 passos, disparo por intenção, focus trap, Esc7 dias se dispensado · nunca se converteu

✓Rostos com nome e cargo acima da dobraOs 9 advisors reais de /about-us

✓Processo / vetting explícito nas 3Os 6 passos reais

✓Reversão de risco junto ao CTA finalCard da garantia nas 3

✓6 breakpoints sem scroll horizontal360 / 480 / 768 / 1024 / 1440 / 1920

✓Contraste AA mínimo, AAA no corpoCorpo 15.5–16.5:1 · pior secundário 5.56:1

✓Navegação por teclado, tudo rotulado0 focáveis sem label acessível

✓SEO: title, OG, Twitter, JSON-LD, canonical, faviconOrganization + Service + FAQPage

!60fps com scroll rápido — não verificadoO ambiente de teste força reduced-motion e não compõe frames. Precisa de uma passada num browser real.

!JS < 20kb — ~25kb22.1kb compartilhados (cache entre as 3) + 2.4–2.9kb por versão. ~5kb são comentários, que o brief também pede.

!WebP com fallback — não feitoSem ferramenta de imagem no ambiente. srcset já ligado; ver IMAGE-BRIEFS.md.

!Depoimentos reais — pendente com o John3 exemplos marcados no lugar

Três versões, três argumentos diferentes

Dossiê

Sala de Controle

Cara a Cara

Se duas versões pudessem trocar de CSS e continuar coerentes, seria falha

O que está fechado e o que não está

Quem é o Head of Recruiting

Consentimento das fotos de talento

O lead magnet que não existe