← hub / 02 · marca / padrões de design NW//PADRÕES · v1 · LEI
// o documento canônico do design

Padrões de Design · New Way

Tudo que a New Way cria — post, carrossel, story, deck, doc — obedece a esta página. Fechado pelo Netto em 09/08/2026, depois de duas rodadas de validação peça a peça.

A lei do conflito: se qualquer peça, template, prompt ou documento contradisser esta página, esta página vence. Mudou um padrão? Muda aqui primeiro — o resto herda. Versão do produto: bíblia do yapt. (doc próprio, tokens próprios).
// 01

Tokens

Fonte da identidade: Sistema Visual. O resumo operacional:

Aurora#7418DA · a cor-mãe
Quantum#AA4BEF · destaques e itálicos
Neural Purple#371A82 · gradientes
Neural Night#0A0D12 · o dark oficial
Canvas#EFF1F5 · o claro oficial
Slate#1E242C · texto no claro
TIPOGRAFIA
Inter + JetBrains Mono
Título 800/900, tracking negativo; fecho em itálico 300 quantum. Mono pra eyebrow (// texto), rodapé e IDs — caixa alta, tracking largo. Dois extremos de tamanho, nada intermediário.
TEXTURAS
Grid fino · halo · gradiente
No máximo uma textura por peça: grid roxo sutil, halo radial ou o gradiente oficial (Neural Purple → Aurora → Quantum). Fundo sempre sólido por baixo.
ESQUELETO
O chrome de toda peça
Logo topo-esquerda · tag mono topo-direita · eyebrow antes do título · rodapé com @newway.oficial + ID nw//xxx-000. É o que faz peças diferentes serem irmãs.
// 02

A marca

REGRA 1
Marca EM USO, sempre
Peça pública usa a marca atual (Logos → "USE ESTA"): branca no escuro/aurora, colorida no claro. A identidade nova (horizontal) só entra no rebranding oficial.
REGRA 2
O recorte do SVG
O arquivo da marca vive num canvas 500×500 com folga — o desenho ocupa x 42–457, y 203–295. Renderize recortado, senão a marca sai minúscula (erro já cometido e corrigido).
REGRA 3
Só o ícone: avatar
Foto de perfil usa só o símbolo, grande e centralizado (~52% do círculo), no fundo da fase (hoje: Neural Night + halo).
// 03

Áreas seguras por formato

1:1 · 1080×1080
Frase / avatar
Sem corte — aparece inteiro no feed e na grade. Margens internas ~5% (56px).
4:5 · 1080×1350
Carrossel / post vertical
Todo conteúdo no quadrado central (y 135–1215) — a grade do perfil corta 135px em cima e embaixo. Margens = só fundo.
9:16 · 1080×1920
Reels / story
Conteúdo no quadrado central (y 420–1500). Topo e base são zona de UI do Instagram.
16:9 · 338×190mm
Deck / apresentação
Slides do deck exportam em 16:9 real (não impressão A4). Texto em gradiente e SVG precisam de tratamento na exportação — ver Deck-Institucional.
// 04

Frases — 4 padrões

LEI · FECHADO 09/08/2026

Ajustes desta rodada: FRASE-A subiu e ganhou respiro entre os blocos · FRASE-B com as aspas à esquerda, texto centrado · FRASE-C com o eyebrow no limite da área central · FRASE-D com mais espaço entre as frases.

a tese
// todo dia
Crescimento não cai do céu.
Se opera — todo dia,
conversa por conversa.
@newway.oficialnw//frase-a

// FRASE-A · dark grid + halo — texto à esquerda, halo no canto oposto.

resultado
Resultado fala baixo.
Mas é a única voz
que o cliente escuta.
new way · desde 2010
@newway.oficialnw//frase-b

// FRASE-B · citação branca, centralizada — aspas gigantes, dual-italic, tudo no eixo central.

eficiência
// operação escala, gente decide
Contratar mais gente
não é plano de crescimento.
É a conta de não ter operação.
@newway.oficialnw//frase-c

// FRASE-C · halo central — dark centrado, o estilo NW//APP-06.

o problema é meu
// dono, não espectador
O problema não é de quem causou.
É de quem viu primeiro.
@newway.oficialnw//frase-d

// FRASE-D · aurora sólido, sem ondas — o gradiente limpo, texto à esquerda.

// 05

Carrosséis — os 2 modelos

LEI · FECHADO 09/08/2026

Fechado nos dois modelos — claro e escuro — com a mesma estrutura de capa: logo no topo-esquerda, eyebrow, título, subtítulo de apoio, "arraste" mais abaixo. Contador de páginas só do slide 02 em diante. Área segura conferida: logo, texto e faixa vivem dentro do quadrado central (y 135–1215) — as margens que a grade corta são só fundo.

Modelo claro · Editorial DERIVADO DO APP-03
Branco/canvas com grid visível. Capa: logo topo-esquerda → eyebrow → título → subtítulo de apoio → faixa com "arraste". Miolo e CTA com a faixa de rodapé em mono carregando @newway.oficial + contador (a partir do 02).
// pré-venda
Anatomia de um
lead desperdiçado.
Veja se sua operação está perdendo dinheiro.
arraste pra ler →@newway.oficial
capa clara — sem contador
morte 1 · o relógio
Ele chegou às 22h47.
Você abriu às 8h.
O lead compara enquanto está quente. Cada hora de espera é o concorrente respondendo primeiro.
A pergunta:
quem responde o lead de sábado à noite?
@newway.oficial02/07
miolo — 1 ideia por tela
// antes de ir
Qual das 5 acontece
na sua operação hoje?
comenta o número ↓
@newway.oficial07/07
cta — pedido direto, faixa mono
Modelo escuro · mesma estrutura
A mesma capa do claro — logo topo-esquerda, eyebrow, título, subtítulo, "arraste" na faixa — sobre o dark grid + halo. Miolo alterna claro/dark, CTA no aurora. Os dois modelos convivem: escolhe pelo assunto e pelo ritmo do feed.
// pré-venda
Anatomia de um
lead desperdiçado.
Veja se sua operação está perdendo dinheiro.
arraste pra ler →@newway.oficial
capa escura — sem contador
morte 1 · o relógio
Ele chegou às 22h47.
Você abriu às 8h.
O lead compara enquanto está quente. Fora de horário é onde o anúncio mais roda.
@newway.oficial02/07
miolo claro (alterna)
// antes de ir
Qual das 5 acontece na sua operação hoje?
comenta ↓
@newway.oficial07/07
cta aurora
// 06

Fundo de reels — 2 opções

LEI · FECHADO 09/08/2026

1080×1920, com o conteúdo no quadrado central (as faixas rajadas mostram as margens de 420px que a UI do Instagram come). Fundo pensado pra receber texto de capa do reel ou vinheta de abertura/fechamento.

// capa do reel
Título do reel
em duas linhas.
@newway.oficial

// REEL-A · dark de canto — o estilo do LinkedIn cover (NW//APP-02): grid + halo desfocado no canto, texto embaixo-esquerda, muito espaço negativo. Recomendado: não briga com o vídeo.

// capa do reel
Título do reel
em duas linhas.
@newway.oficial

// REEL-B · aurora pleno — o gradiente limpo (sem ondas, como você fechou nas frases). Mais quente, salta na aba de reels.

// 07

Fundo de story — 2 opções

LEI · FECHADO 09/08/2026

Pra story de texto/aviso/enquete — o fundo sobre o qual o time escreve. Zona útil central; topo e base livres pros elementos do Instagram.

// escreva aqui

// STORY-A · halo central — o NW//APP-06 em 9:16: marca no meio, halo respirando. Recomendado: qualquer texto branco por cima funciona.

// escreva aqui

// STORY-B · branco editorial — o grid claro do APP-03 em 9:16, com o underline aurora da assinatura de e-mail. Pra aviso sóbrio, vaga, comunicado.

// 08

Vetos — com data

VETO · AGO/2026
Split diagonal em frase
Claro cortando escuro em peça de frase — testado e reprovado. A diagonal fica reservada ao mosaico de transição.
VETO · AGO/2026
Ondas no aurora de frase
O bloco aurora de frase vai limpo. Ondas em outline seguem permitidas em carrossel/deck como assinatura tech.
VETO · JUL/2026
As leis de conteúdo
Número sem fonte pública · nome de LLM · cliente sem autorização dupla · assinatura quebrada ao meio · "broadcast" em peça pública. Fonte: diretrizes de marketing.
// 09

Repertório aplicado — direções com exemplo

As direções aprovadas além dos padrões fechados, com miniatura de cada — pra humano copiar e pra IA imitar. (Era a "bíblia visual de social"; agora vive aqui.) Peça nova fora deste repertório = validação com o Netto antes.

// 02

Post Instagram

Formato 1080×1080 (miniaturas proporcionais abaixo). Três direções: tipográfica dark, dado com fonte em fundo claro, citação assinada e bloco Aurora sólido. Logo/handle sempre discreto no rodapé.

newway rastreio
// atribuição no whatsapp
Saiba de qual campanha veio seu cliente do WhatsApp.
@newway.oficialNW//IG-001
// direção A · tipográfica dark
fundo neural night + grid sutil · headline 800 · heavy itálico quantum no fecho
newway prova
// em produção
40M+
mensagens por mês em produção. É isso que sustenta a promessa.
fonte · operação yapt. · 2026
@newway.oficialNW//IG-002
// direção B · dado em fundo claro
número gigante aurora + tnum · número sempre com fonte em mono
newway voz do ceo
Crescimento não se promete. Se opera.
netto bonatelli · ceo new way
@newway.oficialNW//IG-003
// direção C · citação assinada
light canvas + dual-italic (300 → 900 aurora) · assinatura em mono
newway posicionamento
// a assinatura
Crescimento inteligente, com quem opera junto.
falar com a gente →
@newway.oficialNW//IG-004
// direção D · bloco aurora + cta
gradiente oficial (neural purple → aurora → quantum) · itálico light no fecho · 1 CTA em pílula branca
// 02.4

Influências aprovadas da NovaMarca

As aplicações da identidade nova (NW//APP-01 a 06) são referência aprovada pra peça de feed — aprovadas pelo Netto em ago/2026. Quatro estilos entram no repertório oficial, somando-se às direções A–D:

E
Halo central · NW//APP-06
Dark com halo aurora radial no centro, composição centrada (eyebrow → frase → logo), grid quase invisível. Solene — bom pra fecho de série.
F
Aurora de aplicação · NW//APP-01
Roxo sólido/gradiente suave em tela cheia, tipografia branca no terço superior, logo pequena no rodapé — o estilo do cartão de visita. Sem textura.
G
Dark de canto · NW//APP-02
Dark + grid com halo desfocado num canto, frase embaixo-esquerda em dual-italic ("crescer no claro."), muito espaço negativo. O estilo do LinkedIn cover.
H
Branco editorial · NW//APP-03/04
Branco com grid sutil, logo pequena, eyebrow // mono e título bold+itálico. Ou a variação centrada com underline aurora (assinatura de e-mail). Minimalismo máximo.

⚠️ Vetado: split diagonal cortando o branco em peça de frase — testado e reprovado (ago/2026). A diagonal claro/escuro fica reservada ao mosaico de transição.

// 03

Carrossel LinkedIn

Formato 1080×1350 (proporção 4:5), 6–8 slides. Arco fixo: capa-hook → conteúdo → CTA. Rodapé com @newway.oficial + paginação 01/08 em tnum. Capa sempre com "arraste pra ler".

na prática
IA que vende, abre ticket e encontra os clientes mais bravos.
Como isso funciona numa operação real — sem hype.
arraste pra ler
@newway.oficial01 / 08
// slide 01 · capa-hook
dark + headline gigante · promessa concreta · "arraste pra ler"
// capítulo 01
O lead entra.
A IA assume.
Seu lead chega de campanha, de marketplace, de integração. A IA detecta a origem, qualifica e coleta a documentação.
o resultado
O vendedor vira closer — recebe tudo pronto.
@newway.oficial03 / 08
// slides do meio · conteúdo
fundo claro alterna com dark · 1 ideia por slide · destaque em card com borda aurora
Vale o
repost?
Tem gente no seu network operando isso na mão até hoje.
1.
Repost
2.
Siga @newway.oficial
@newway.oficial08 / 08
// slide final · cta
pedido direto (repost + seguir) · dois cards · sem link no slide
// 04

Stories & Reels

Formato 1080×1920 (9:16). Estética "sistema vivo": header mono com ID NW//XXX + status, grid de fundo, cursor/typewriter como recurso de movimento. Texto na zona central — topo e base são área de UI do Instagram.

● NW//HOOK.001 LIVE
> cena_real
Cliente pergunta preço às 21h40. Você tá jantando. A IA responde, tira a dúvida e agenda.
Você só entra pra fechar.
newway@newway.oficial
// frame hook · typewriter
grid + glow · cursor piscante · cena concreta do dia a dia, voz P3
● NW//SYS.002 OK
// suporte
Um sistema completo de suporte para os canais digitais.
01 · whatsapp
02 · instagram
03 · site
newway@newway.oficial
// frame lista · gradiente vertical
neural night → aurora · chips mono numerados · canais pelo nome (sem "omnichannel")
// 10

O prompt canônico pra IA

Gerando arte por IA (Claude, yaContent, o que for): cole este bloco antes do pedido. Ele é a versão executável desta página.

ESTILO VISUAL — NEW WAY (padrões oficiais · use exatamente)

MARCA: use a marca EM USO (a atual, ícone de onda + wordmark "newway"). Branca em fundo escuro/aurora, colorida em fundo claro. A identidade "nova" (horizontal) ainda NÃO está em uso.

CORES: Aurora #7418DA · Quantum #AA4BEF · Neural Purple #371A82 · Neural Night #0A0D12 (dark) · Canvas #EFF1F5 (claro) · Slate #1E242C (texto em claro). Nunca meio-tom.

TIPOGRAFIA: Inter — título 800/900 com tracking negativo, fecho em itálico 300 na cor quantum. Eyebrows e rodapés em JetBrains Mono, caixa alta, tracking largo, no formato "// texto". Hierarquia em dois extremos: gigante + pequeno, nada intermediário.

ESQUELETO DE TODA PEÇA: logo no topo-esquerda · tag mono no topo-direita · eyebrow "// tema" antes do título · rodapé com @newway.oficial e ID nw//xxx-000.

PADRÕES DE FRASE (1080×1080, escolha um): A) dark + grid sutil + halo no canto, texto à esquerda começando alto, respiro entre os blocos de frase · B) branco, citação centralizada com aspas gigantes alinhadas à ESQUERDA, dual-italic (300 → 900 aurora), assinatura mono · C) dark com halo central, tudo centralizado, eyebrow no limite superior da área de texto · D) aurora sólido em gradiente limpo (SEM ondas), texto à esquerda com respiro entre frases.

CARROSSEL (1080×1350, dois modelos — claro editorial com grid visível, ou escuro grid+halo): capa = logo topo-esquerda → eyebrow → título bold+itálico → subtítulo de apoio → faixa de rodapé mono com "arraste pra ler →" e SEM contador; slides 02+ = faixa com @newway.oficial + contador NN/NN. TODO o conteúdo (logo, texto, faixa) dentro do quadrado central y 135–1215 — as margens de 135px são só fundo.

REELS/STORY (1080×1920): conteúdo no quadrado central (y 420–1500). Reels: dark de canto (halo desfocado, texto embaixo-esquerda) ou aurora pleno. Story: halo central com a marca no meio, ou branco editorial com underline aurora.

VETADO: split diagonal claro/escuro em peça de frase · ondas no aurora de frase · número sem fonte · nome de LLM · citar cliente sem autorização dupla · quebrar a assinatura "Crescimento inteligente, com quem opera junto" ao meio.
// 11

Onde vive o quê

FONTE
A identidade. Este doc importa deles — nunca os contradiz.
APLICADO
Seção 09 desta página
A antiga bíblia de social foi fundida aqui — um doc só pra humanos e IA. A URL antiga redireciona.
GABARITOS
Peças reais no padrão fechado. (PecasExemplo é pré-padrões — marcada como legado; os carrosséis-gabarito novos saem com o conteúdo de agosto.)
PRODUTO
O yapt. tem doc próprio (tokens Teal). Peça do produto segue o dele; peça da New Way segue este.