o guia da marca

Azul de Alexandria.

O sistema visual e verbal da Pínax — feito para apontar o número, nunca para si. Tudo nesta página é fonte viva: os cartões de tema abaixo renderizam direto do registry do produto.

✦ do caos ao catálogo, do catálogo ao comando

princípios

Quatro leis. Sem exceção.

01

O número é o herói

A marca recua para o dado aparecer. Se o logo disputa atenção com o número, o logo perde.

02

O movimento serve à narrativa

Física real, spring, inércia — nunca decoração. Toda animação responde: o que ela está apontando?

03

Sala de controle premium

Sóbrio, denso de sentido, respiro máximo. Herança: Linear, Stripe, Mercury, Palantir, BTG.

04

Honestidade de dado

Nunca um número fabricado, nunca um gráfico que engana, nunca roadmap vendido como produto.

a marca nunca

  • Floreio sem função — se o efeito não aponta nada, ele sai.
  • Gradiente arco-íris, glow gratuito, mascote.
  • CAIXA ALTA gritada em corpo de texto (mono em rótulo é outra coisa).
  • Duas estrelas: a estela é UMA — o único acento do monograma.
  • Prometer o que não está no ar. O changelog só registra o verificado.

a paleta

Oito tokens, uma regra: 60-30-10.

A Tinta domina (60%), superfícies e texto estruturam (30%), e o acento é escasso de propósito (10%) — é a escassez que faz o apontador funcionar. Clique num cartão para copiar o hex.

tipografia

Três vozes, uma razão áurea.

Aa Bb 0123

Space Grotesk

display — títulos e números-herói

Aa Bb 0123

Inter

corpo — leitura, sempre calma

Aa Bb 0123

JetBrains Mono

mono — dado, rótulo, fato

escala modular · φ ≈ 1,618 — a régua real do produto

Agrótulo · 9.89pxAgdado · 16.00pxAgcorpo · 25.89pxAgtítulo · 41.89pxAgdisplay · 67.77pxAgherói · 109.66px

o monograma

Π e a estela.

Traço neutro

O Π herda a cor do texto (Papiro no escuro, Tinta no claro). Nunca colorido por conta própria.

Um acento só

A estela (estrela de 4 pontas) é o único ponto de cor — Lápis por padrão, tema pode reger.

Respiro

Área livre ao redor ≥ a altura da estela. Nada encosta no monograma.

Tamanho mínimo

16 px de altura na tela. Menor que isso, use só a estela ou nada.

a marca nos 11 temas

Não são imagens — é o registry.

Cada cartão abaixo é o registry real de temas do produto pintando a marca: o Π assume a cor de texto do tema, a estela assume o acento, a palavra assume a fonte display. Mudou o tema no produto, esta página acompanha.

PÍNAXPÍNAXa marca-padrão PÍNAX — quase-preto, azul único, sóbrio e precisoescuro
PÍNAXCinematográficoo número-herói gigante, preto + glowescuro
PÍNAXEditorial Claroclaro e denso — confiança, rigorclaro
PÍNAXAgência Quentequente e ousado — urgência, energiaescuro
PÍNAXKeynote de Palcopalco puro — respiro máximo, monumentalescuro
PÍNAXTech Gradienteproduto e futuro — gradiente, orbitalescuro
PÍNAXBoutique Editorialeditorial serifado — luxo silencioso, autoridade (Playfair)claro
PÍNAXMercúrioazul-elétrico sobre navy — Stripe/Mercury/BTG, casa premiumescuro
PÍNAXPapel Suíçogrotesk gigante + rótulos mono — suíço/Pentagram, muito respiroclaro
PÍNAXProduto Frescocards macios + lima otimista — produto vivo, Manropeclaro
PÍNAXAteliê (Papel & Fogo)editorial quente serifado (Fraunces) — papel morno + terracota, revistaclaro
PÍNAXNoir Monocromáticomonocromático — preto + serifa + dado luminoso, zero cor (Playfair)escuro
PÍNAXSereno Sálviamenta + carvão sereno — calmo e confiante, numeral colossal (Grotesk)claro
PÍNAXVitrine de Luza cor não pinta, ILUMINA — card branco, um acento com halo (Manrope)claro
PÍNAXMenta Noturnapreto absoluto + menta como único sinal — silencioso e caro (Sora)escuro
PÍNAXVioleta de Palconumeral colossal + UMA seta roxa — o dado chega pesado (Grotesk)escuro
PÍNAXDossiê Suíçoo gráfico é o argumento — zero cor, metadados em mono (Archivo)escuro
PÍNAXAzimute Claroetiqueta + numeral gigante + explicação — consultoria clara (Grotesk)claro
PÍNAXFluxo Neona cor marca a DIREÇÃO — pílulas e curvas que convergem (Sora)escuro
PÍNAXBrasa Comercialvermelho quente + vidro — urgência de venda, o título vira textura (Manrope)escuro
PÍNAXLima Escuropreto + gradiente lima — o futuro em painel radiante (Grotesk)escuro
PÍNAXCartaz (cor chapada)cor chapada + preto pesado, zero canto — cartaz, não interface (Archivo)claro
PÍNAXEucalipto (sálvia & café)sálvia dessaturada + café, serifa quente — board premium calmo (Fraunces)claro
PÍNAXDuotone (foto primeiro)o chrome some para a FOTO mandar — par duotone azul/terra (Grotesk)escuro
PÍNAXPrismagreige quente + esmeralda cristalino — deep-tech premium, herói de vidro (Grotesk)escuro
PÍNAXPrancha (técnica)serifa roman+itálico + mono técnico, cinza-gelo — market-intelligence (Playfair)escuro
PÍNAXPrensa (editorial claro)off-white + display condensado colossal + azul-frio — agência editorial (Archivo)claro
PÍNAXNeutra (neumórfico)off-white morno + laranja + neumorfismo macio — SaaS de conversão (Manrope)claro
PÍNAXFenda (techno)quase-preto + techno quadrado + violeta-elétrico e ácido — web3/gaming (Sora)escuro
PÍNAXDamasco (quiet-warm)apricot fosco + greige, painel-estádio — palco quente calmo (Grotesk)claro
PÍNAXExpedição (cinema+HUD)cinema teal+âmbar com grão + HUD cartográfico — documentário/expedição (Grotesk)escuro
PÍNAXCofre (data-room)data-room preto + azul elétrico, grade keycap — fintech/segurança (Grotesk)escuro
PÍNAXMiragemice-blue→navy + fita-monograma translúcida — sistema de marca SaaS (Grotesk)escuro
PÍNAXPersianacorrugado grafite/prata + 1 acento quente — portfólio de agência (Manrope)escuro
PÍNAXÍmpeto (esportivo)branco esportivo + foto em motion-blur + marcas de registro — esporte (Archivo)claro
PÍNAXClima (ESG)esmeralda→teal aurora + godray — clima/energia/ESG (Sora)escuro
PÍNAXNévoa (ghost-glass)grafite tom-sobre-tom + vidro fosco ghost — produto/UI quiet (Sora)escuro
PÍNAXFulgor (luz quente)off-white + coluna de luz quente + halo de termos — marca de IA quente (Fraunces)claro
PÍNAXCromo (bicolor)cinza-quente claro + headline bicolor + fita-cromo — consultoria clara premium (Grotesk)claro

a voz

Diga o benefício. Prove com o fato.

como soa

  • · Headline = benefício direto, na língua de quem lê.
  • · Rótulo mono = fato verificável, minúsculo, sem adjetivo.
  • · O inglês é transcriado, nunca traduzido — voz nativa nos dois.
  • · Confiança sem arrogância: a gente mostra, não grita.

vocabulário da casa

o palcocomandocatálogonúmero-heróidwellsala de controlea guardafundador

Essas palavras carregam a tese — use inteiras. “Deck” pode; “slideshow” não.

na prática

Deck, site, e-mail, LED — a mesma mão.

sempre

  • Headline diz o benefício; o rótulo mono diz o fato.
  • Um acento Lápis por superfície — ele aponta a ação única.
  • Prints reais da plataforma, sempre com dados fictícios.
  • Ouro só no cerimonial: selo, assinatura, fechamento.

nunca

  • Logo sobre foto ruidosa sem escurecer o fundo.
  • Esticar, girar ou dar sombra ao monograma.
  • Dois números-herói disputando a mesma tela.
  • Dados reais de cliente em qualquer material público.
Joel Ferreira, fundador da Pínax

o fundador

Joel Ferreira

Contador em Fortaleza — a pessoa com quem a marca aprendeu a falar. A voz pessoal é mais quente e em primeira pessoa; a voz da marca é a sala de controle. As duas obedecem à mesma lei: o número é o herói.

ler a história →