/
NW//SISTEMA_VISUAL
v1.0 · MAI 2026
// linguagem visual · operações · narrativa
Sistema
visual.
// como a New Way fala em pixels
// 8 padrões aplicados em 200+ peças
// dual-italic · mono badges · status pills · terminal patterns
// 01
Dual typography
A assinatura visual da New Way nasce do contraste tipográfico: Inter sans para hierarquia editorial e JetBrains Mono para metadados técnicos. As duas convivem em quase toda peça — uma em primeiro plano, outra como camada de "operação".
// anatomia · uma frase, dois pesos
resolvido antes do esperado.
// camada 01 · light
Inter italic 300 em branco/ink — entrega o sujeito ou ação. Leve, quase sussurrada.
// camada 02 · heavy
Inter italic 900 + Quantum #AA4BEF — entrega o ponto. Pesado, colorido, fecha a frase.
// typeface 01
Inter sans
300 · 400 · 500 · 600 · 700 · 800 · 900 · italic
// hero · 900 · −0.045em
Crescimento inteligente.
// h2 · 800 · −0.03em
Empresa cresce no claro.
// body · 400 · 1.55
A New Way é uma empresa de inteligência artificial para o crescimento inteligente de empresas.
// typeface 02
JetBrains Mono
400 · 500 · 700 · letter-spacing 0.18–0.28em
// label · 700 · 13px
// CRESCIMENTO INTELIGENTE
// meta · 500 · 11px
1920×1080 · NW//WP-003 · CLEAN
// terminal · 700 · 13px
$ ./newway --build
// 02
Dual-italic · a frase NW
Toda frase forte da New Way segue o mesmo molde: parte leve em italic 300, parte heavy em italic 900 colorida. É o tique de fala da marca em pixels — funciona em capa, deck, post, signature, qualquer lugar.
// formato A · light + heavy aurora
venda no claro.
// SUJEITO + AÇÃO · light 300 carrega o tema, heavy 900 fecha a sentença
// formato B · invertido (canvas dark)
crescer com clareza.
// FUNDO INK · mesmo padrão, contraste invertido
// formato C · negação + afirmação
não substitui. multiplica.
// PROVOCAÇÃO · usa o "ponto" pra criar respiro entre as duas partes
// formato D · número como heavy
processamos +30M msgs.
// PROOF POINT · número/dado vira o heavy. Funciona em stat cards.
// 03
Mono language
A camada técnica da marca — labels, status, IDs, terminal — sempre em JetBrains Mono com letter-spacing alto. Comunica precisão, infraestrutura, "isso é uma plataforma".
// sintaxe 01 · eyebrow
Eyebrow // XX
Sempre acima de títulos. Inicia com // + categoria. Nunca pontuação no final.
// CRESCIMENTO INTELIGENTE
// TEMA 04 · DADOS
// PIPELINE · LIVE
// sintaxe 02 · code header
NW//XXX-000
ID interno de cada peça. Namespace + categoria + número. Aparece no rodapé/canto.
NW//WP-003 · wallpaper suporte
NW//WEB-002 · linkedin cover
NW//DECK-15 · layout pricing
// sintaxe 03 · terminal
Terminal $ command
Para abrir seções, hero, eyebrow de manifesto. Sintaxe shell: $ ./alvo --flag
$ ./newway --brand-system
$ ./yapt --status → ok
$ ./pipeline --live // 30M msgs/mês
// sintaxe 04 · status pills
Status · pills coloridas
Estados de ticket, pipeline, sistema. 4 cores fixas = OK / QUEUE / URGENT / TRACKING.
OK
QUEUE
URGENT
● TRACKING
LIVE
// TKT-4822
integration
QUEUE
// TKT-4823
VIP · churn
URGENT
// 04
Texturas de fundo
Quatro texturas oficiais. Cada peça escolhe 1 (e só 1). Combinam com fundo Ink (#1E242C) ou Canvas (#EFF1F5).
// 05
Code headers bank
Cada peça da New Way tem um header de código mono que identifica sua origem no sistema. Pattern: NW//[CATEGORIA]-[NÚMERO].
// wallpapers
NW//WP-001·003
comercial · cs · suporte (clean + decorado)
// web/digital
NW//WEB-001·005
linkedin covers · zoom bg · biokits · avatares
// deck
NW//DECK-01·15
15 layouts · 3 linhas (E/F/G)
// social
NW//IG-A·C / ST-10
instagram (3 dirs × 9) · stories (10 templates)
// email
NW//MAIL-SIG · PULSE
signature · newsletter · transacionais
// voice
NW//V-001·005
manifesto · tom · glossário · boilerplate · hooks
// 06
Eyebrows oficiais
Sempre com // antes. Letra mono · 11px · letter-spacing 0.22em · uppercase · Aurora.
// CRESCIMENTO INTELIGENTE
// TEMA 01 · VISÃO COMPLETA
// PIPELINE · LIVE
// NW · 2026
// CAPA
// AGENDA
// MANIFESTO
// CASE · POLYSTAR
// NEWSLETTER · 04
// FUNDADOR
// CTA
$ ./newway --brand-system
// 07
Do & don't
Os erros mais comuns ao replicar o sistema. Tipografia errada destrói a marca mais rápido que qualquer outra coisa.
DO
Faça assim
Combine Inter italic 300 + Inter italic 900 colorido nas frases-chave
Use JetBrains Mono SOMENTE em metadados, IDs, status, eyebrows
Sempre comece eyebrow com // + texto em uppercase, mono, letter-spacing 0.22em
Status pills com 1 das 4 cores fixas (verde/âmbar/vermelho/Aurora)
Header de peça sempre NW//XXX-000 em mono no canto
Texturas uma de cada vez — nunca mistura grid + radial + dots
Itálico 300 + heavy 900 na MESMA frase, nunca isolados
DON'T
Não faça
Não use outras serif (Fraunces, Instrument, etc) — só Inter italic 300
Não use Mono em corpo de texto longo — só labels técnicos
Não invente cor de status — 4 fixas, sempre
Não pula o // nas eyebrows — é a assinatura
Não use weight 700 em itálico — sempre 300 light + 900 heavy
Não use letter-spacing baixo em mono — sempre 0.18–0.28em
Não troca Aurora por outro roxo no heavy — #AA4BEF Quantum fixo
// 08
Cheatsheet pra colar
Os 4 valores que você precisa saber de cabeça. O resto vem do uso.
01
Italic 300
Inter font-weight:300 font-style:italic — a parte leve da frase
02
Italic 900 + #AA4BEF
Inter font-weight:900 color:#AA4BEF — o ponto, o heavy
03
Mono 0.22em
JetBrains Mono letter-spacing:.22em uppercase — todo metadado
04
// eyebrow
Sempre // antes do texto, em Aurora #7418DA, mono, 11px