Guia da Marca v1
PermutaPro · Guia da Marca · Dark Banking Terminal

PermutaPro — Guia da Marca

A Bloomberg do mercado de permutas. A plataforma não vende sonho — vende rigor. Terminal de viabilidade paramétrica para o profissional que transforma terreno em resultado mensurável.

Documento mestre de marca. 13 seções + um Bloco Para IA pronto pra colar em system prompt. Segue o padrão do ecossistema JR Ortiz — paleta dark/dourada trocada via tokens CSS.

VERSÃO 1.0 DATA 2026-05-31 STATUS v1 DOMÍNIO jrortiz.com.br BASE Dark Banking Terminal
01 / 13

Essência

A PermutaPro existe onde a frieza analítica do mercado financeiro encontra a complexidade operacional do imobiliário. A plataforma não vende sonho, vende rigor — é o terminal de dados do profissional que quer transformar terrenos em resultado mensurável. Dark Banking Terminal: a Bloomberg do mercado de permutas, não um portal de listagem.

O que é. Uma plataforma SaaS de viabilidade paramétrica para franqueados e profissionais que estruturam permutas: análise de potencial construtivo, scorecards de terreno, Dossiê de Mercado, tabelas de viabilidade. Sociedade: JR Ortiz 48,3% · Vitor Crestani (Diretor Técnico e de Governança) 43,66% · Grupo GVT 8,04%.

Posicionamento cromático. A base é #0D0D0D — preto grafite, deliberadamente não-puro. O #000000 foi rejeitado: transmite vazio. #0D0D0D transmite profundidade e intenção. O dourado #C4A96B aparece com parcimônia cirúrgica: só em CTAs, preços, dados de destaque e barras de progresso. Nunca como decoração.

Missão
Dar ao profissional de permutas um terminal de viabilidade paramétrica — dado real, não estimativa de corretor. Transformar terreno em decisão mensurável.
Metáfora central
A Bloomberg do mercado de permutas. Terminal financeiro, não Instagram. A tabela é o componente soberano — mais que cards, mais que gráficos.
Tom de marca
Frio, analítico, competente. Density 7/10 — cada pixel carrega dado ou estrutura. Motion 2/10 — dados aparecem, não performam.
Cor da vida
Dourado #C4A96B = "aja agora" ou "este número importa". Funcional, nunca enfeite. O escuro #0D0D0D é a identidade — não existe versão clara.
Princípio que define a marca: "quando está em mono, é dado real." A separação entre fonte editorial (Inter) e fonte de dados (JetBrains Mono) não é estética — é semântica. O usuário aprende a confiar no número justamente porque ele se distingue do texto. Dark mode é absoluto e exclusivo: qualquer pedido de light mode contradiz a identidade.
02 / 13

Voz & Tom

A PermutaPro afirma ou não afirma — nunca hesita. A autoridade vem do dado paramétrico e da contenção de terminal financeiro, não do superlativo. Sem linguagem de hedging, sem hype de startup, sem emoji. O número fala; o texto contextualiza.

FrioAnalíticoParamétricoCompetenteTerminalSem achismo

Princípios verbais

Afirma ou não afirma. Banida a linguagem de hedging: "talvez", "pode ser", "provavelmente". A plataforma calcula viabilidade — não opina. "Viável" ou "Não viável", com o dado que sustenta.

O dado em mono é o argumento. VGV, margem %, potencial construtivo, datas de vencimento — sempre JetBrains Mono. "Dado real, não estimativa de corretor." Termos de UI: "análise paramétrica", "viabilidade paramétrica", "Dossiê de Mercado", "potencial construtivo".

Sem hype de startup. Proibido: "revolucionário", "disruptivo", "incrível", emojis na interface. A linguagem é de relatório institucional — Bloomberg, não Instagram. Nunca exibir os termos internos "LPVC" ou "FCA" em qualquer elemento de produto.

Antes → Depois

Antes (errado)
Depois (voz PermutaPro)
"Esse terreno talvez seja uma ótima oportunidade incrível! 🚀"
"Potencial construtivo 4.200 m². Margem projetada 22%. Viável."
"Nossa plataforma revolucionária vai disruptar o mercado de permutas!"
"Terminal de viabilidade paramétrica. Dado real, não estimativa de corretor."
"Provavelmente dá pra negociar uma boa permuta aqui, vale tentar."
"Análise paramétrica conclui: permuta viável a 18% de margem. Dossiê anexo."
"Resultados surpreendentes que vão te impressionar muito!"
"VGV analisado: R$ 2,4 Bi. 312 terrenos no pipeline. Ranking atualizado."
04 / 13

Cores

Preto grafite #0D0D0D como base universal — nunca #000000 puro. Quase-branco #F5F5F5 para texto, nunca #FFFFFF. Dourado #C4A96B é o único acento: parcimônia cirúrgica, só em CTAs, preços, KPIs e progresso. Dark mode absoluto e exclusivo. Tudo via tokens CSS copiáveis.

Preto Grafite
Fundo base universal · nunca #000
--bg
#0D0D0D · RGB 13,13,13
Dourado
CTA · preço · KPI · progresso · funcional
--teal
#C4A96B · RGB 196,169,107
Dourado Hover
Hover/focus de elemento dourado
--teal-hover
#D9BA7E · RGB 217,186,126
Card Base
Containers · painéis · cards de dado
--bg-card
#181818 · RGB 24,24,24
Elevado
Dropdowns · modais · header de tabela
--bg-elevated
#222222 · RGB 34,34,34
Quase-Branco
Texto principal · títulos · nunca #FFF
--text
#F5F5F5 · RGB 245,245,245
Cinza Médio
Texto secundário · labels · datas
--text-2
#8A8A8A · RGB 138,138,138
Texto Mudo
Placeholders · desabilitados · inativos
--muted
#555555 · RGB 85,85,85
Borda Padrão
Separadores · linhas de tabela · cards
--border
#2C2C2C · RGB 44,44,44
Texto sobre Dourado
Texto em botão/superfície dourada
--btn-text
#0D0D0D · grafite
Rejeitado / Crítico
Reprovação · alerta de risco · destrutivo
--danger
#FF4D4D · RGB 255,77,77
Atenção
Aviso intermediário · ponto monitorado
--warn
#D9A441 · RGB 217,164,65
Regra inviolável do dourado: #C4A96B nunca preenche uma seção inteira como background, nem vira separador decorativo. É acento funcional: aparece onde o usuário deve agir ou onde um número importa. Sobresaturar destrói o poder semântico. Teste: remova todo o dourado — o layout deve continuar legível só pela estratificação de cinzas (#0D0D0D / #181818 / #222222). Zero gradiente, zero glassmorphism, zero blur.
05 / 13

Tipografia

Lógica tripartite. Display condensado (Klavika Condensed → substituto Oswald) para títulos e topos de seção — assertivo, terminal. Inter para toda a hierarquia editorial: corpo, labels, navegação. JetBrains Mono exclusiva para números — VGV, margem, potencial construtivo, datas. A distinção entre fonte editorial e fonte de dados é semântica, não estética.

Oswald
Display · headings · topo de seção (≈ Klavika Cond.)
Condensado, assertivo, terminal.
Inter
Corpo · labels · navegação · UI editorial
Geometria institucional, autoridade sem excesso.
JetBrains Mono
Dados · VGV · margem · potencial construtivo
R$ 2,4 Bi · 22% · 4.200 m² · 312
R$ 2,4 BiJetBrains Mono 700 · clamp(3rem,5vw,5rem) · Hero KPI · dourado
Viabilidade ParamétricaOswald 700 · 2.4rem · UPPER · display
H1 · Título de páginaOswald 600 · 1.75rem · UPPER
H2 · Cabeçalho de seçãoOswald 500 · 1.3rem · UPPER
Body · texto corrido · max 72chInter 400 · 0.9375rem · lh 1.6
Label · metadadoInter 600 · 0.75rem · UPPER · +0.12em

Princípios: JetBrains Mono é reservado exclusivamente para dados numéricos — misturar sem distinção semântica quebra a linguagem. Labels sempre uppercase com letter-spacing 0.12em — cria identidade de terminal imediata. Hierarquia por peso, não por cor — o dourado é reserva, não atalho hierárquico. Nenhum texto abaixo de 12px na interface. Qualquer KPI maior que 1.2rem usa mono. Fallbacks: Oswald → Arial Narrow → system-ui · Inter → system-ui · JetBrains Mono → IBM Plex Mono → monospace.

06 / 13

Grid & Espaçamento

Base 8px — grid de 12 colunas, gap 24px, max-width 1280px na plataforma. Espaço em branco é funcional, não generoso: existe para separar grupos de informação, não para respiro estético. Densidade 7/10 — o profissional experiente precisa ver muitos dados de uma vez. Padding de card fixo em 24px; gap entre cards 24px; entre seções 48px+.

--space-1 · 4pxGap mínimo ícone↔texto
--space-2 · 8pxLabel↔valor em KPI card
--space-4 · 16pxPadding de célula de tabela · gap de inputs
--space-6 · 24pxPadding padrão de card · gap entre cards
--space-8 · 32pxPadding de seção · margem entre cards
--space-12 · 48pxSeparação entre seções distintas

Border-radius — terminal controlado (máx 8px)

Cantos suaves mas sérios: 6px é o padrão (botões, inputs, cards), 8px o máximo absoluto (modais, painéis flutuantes). Acima disso quebra a seriedade do terminal — arredondamentos infantis são banidos. Badges/tags/chips 4px. Avatares e indicadores circulares 9999px.

Botões / inputs / cards
6px
Padrão — valor principal do sistema
Modais / painéis flutuantes
8px
Máximo permitido
Badges / tags / chips
4px
Compacto, técnico
Barra de progresso
2-3px
Trilha #2C2C2C, preenchimento dourado
Avatar / circular
9999px
Única exceção — indicadores circulares

Movimento 2/10 — dados não voam para dentro do terminal. Hover altera só a cor de fundo (150ms ease), nunca transform. Sem slide-in, sem fade-up em conteúdo de dado. No dark mode, sombras são quase invisíveis — a separação entre camadas vem da diferença de valor (#0D0D0D / #181818 / #222222), não da sombra. Sombra colorida só no nível crítico (borda dourada + glow sutil). Touch target mínimo 44px.

07 / 13

Aplicações

A marca vive no dashboard de viabilidade paramétrica, na tabela de terrenos e no cartão de membresia do franqueado. O KPI massivo em mono dourado é a aplicação-assinatura. A tabela é o componente soberano — mais que cards, mais que gráficos.

// dashboard · KPI card · base #0D0D0D
VGV analisado · pipeline
R$ 2,4 Bi
Valor em JetBrains Mono dourado sobre linha de borda. Label uppercase em cinza. Dado massivo = aplicação-assinatura.
// cartão de membresia · borda dourada topo
Tier Gold
Módulo · Mão na Massa
Card de treino com barra de progresso dourada. Badge de tier em mono. Borda superior 3px sinaliza membresia.
72% concluído
Dashboard de viabilidade
Grid de 4 KPI cards em #181818. Valores em mono dourado, labels uppercase cinza. Tabela de terrenos com hover dourado sutil (rgba 0.06).
Tabela paramétrica
Componente soberano. Header #222222, colunas uppercase. VGV e margem em mono; texto em Inter. Badge de status semântico por linha.
Cartão de membresia
Fundo #181818, borda superior 3px dourada. Tier em mono dourado (Gold/Silver/Básico), benefícios em Inter, validade em mono.
Scorecard de terreno
Valor central grande em mono dourado, barra de progresso 6px sobre trilha #2C2C2C, label de categoria uppercase cinza.
08 / 13

Imagery & Ícones

A imagem da marca é o dado — o KPI, a tabela, o scorecard. Não a foto de fachada de stock, que compete com dados e distrai. Ícones técnicos monocromáticos (Lucide ou Heroicons), nunca emoji. Em área de dados, nenhuma imagem decorativa rouba atenção do número.

Estilo visual
Terminal financeiro. Sem gradiente, sem 3D, sem glassmorphism, sem blur. O KPI mono dourado é o elemento gráfico mais forte da tela.
Ícones
Lucide ou Heroicons, 18–20px, monocromáticos. Cinza #8A8A8A em repouso, dourado quando ativo. Emoji na UI: banido.
Dados em mono
A assinatura: VGV, margem %, potencial construtivo em JetBrains Mono dourado massivo. "Quando está em mono, é dado real."
Dourado sinal
Máxima moderação: CTA, preço, KPI, progresso. Nunca fundo de seção ou separador. O cinza estratificado faz o trabalho pesado.

Profundidade — 3 camadas por valor cromático (dark absoluto)

Base
#0D0D0D
Fundo de página · tela principal
Card
#181818
Containers · cards · seções
Elevado
#222222
Dropdowns · modais · header de tabela
09 / 13

Do & Don't

Fazer

  • Logo sempre transparente — pousa direto em qualquer cor
  • Usar #0D0D0D como fundo base — especificamente este valor
  • Reservar o dourado #C4A96B para CTAs, preços, KPIs e progresso
  • Exibir VGV, margem e potencial construtivo em JetBrains Mono
  • Labels uppercase com letter-spacing 0.12em em todo metadado
  • Preferir tabela a grid de cards quando há +3 atributos por item
  • Manter border-radius 6px como padrão (8px máximo)
  • Ícones Lucide/Heroicons 18–20px monocromáticos
  • Hover de linha de tabela sutil: rgba(196,169,107,0.06), 150ms
  • #F5F5F5 no texto principal · #8A8A8A no secundário
  • "Análise paramétrica", "Dossiê de Mercado", "potencial construtivo"

Não fazer

  • Quadrado/tile de fundo atrás do logo (a marca é autocontida)
  • #000000 puro como fundo (vazio, não profundidade)
  • #FFFFFF puro em texto (usar #F5F5F5 — máximo)
  • Dourado como decoração, fundo de seção ou separador
  • Light mode / tema claro (contradiz a identidade — recusar)
  • Gradiente, glassmorphism, blur, backdrop-filter
  • border-radius acima de 8px
  • Emoji em qualquer elemento de interface
  • Foto de fachada de stock em área de dados
  • Hedging na UI: "talvez", "pode ser", "provavelmente"
  • Exibir os termos "LPVC" ou "FCA" em qualquer lugar do produto
10 / 13

Specs de Impressão

CMYK / Pantone / Hex / RGB de cada cor da paleta. O dark mode é nativo de tela — para impressão, o dourado converte para #8B7332 (legível em papel) e o fundo vira branco. Dourado e grafite têm prioridade de validação.

CorHexRGBCMYKPantone
Dourado#C4A96B196,169,107C24 M32 Y63 K3PMS 4515 C
Preto Grafite#0D0D0D13,13,13C0 M0 Y0 K95PMS Black 6 C
Card Base#18181824,24,24C0 M0 Y0 K91[A DEFINIR]
Quase-Branco#F5F5F5245,245,245C0 M0 Y0 K4PMS Cool Gray 1 C
Rejeitado#FF4D4D255,77,77C0 M80 Y65 K0PMS 1788 C
Dourado Impresso#8B7332139,115,50C35 M42 Y90 K20PMS 7556 C
Texto sobre dourado
#0D0D0D · grafite
Contraste dourado/preto
7.1:1 · passa WCAG AA
Contraste quase-branco/preto
17.9:1 · passa WCAG AAA
Cinza médio/preto
5.2:1 · AA (usar ≥14px)
Tamanho mín. logo
24px altura (horizontal)
Formato atual
PNG transparente · 6 arquivos · SVG pendente

[A DEFINIR]: valores CMYK são aproximações de conversão. Pendência conhecida: o logo está disponível apenas em PNG — versão SVG vetorial precisa ser produzida para escalabilidade e uso impresso crítico. Modo de impressão: fundo branco, textos pretos, dourado → #8B7332.

11 / 13

Inventário de PNGs

6 arquivos oficiais — 2 composições (horizontal "h" / empilhada "s") × 3 tintas (branco / carvão / ouro). Todos transparentes (sufixo "-t"). Formato atual PNG; versão SVG é pendência. Cada preview está sobre o fundo correto para a versão ficar visível.

ArquivoComposição · TintaUso
permutapro-logo-h-ouro-t.pngHorizontal · douradoSobre escuro · header · padrão da marca
permutapro-logo-h-branco-t.pngHorizontal · brancoSobre escuro/card quando dourado não cabe
permutapro-logo-h-carvao-t.pngHorizontal · carvãoSobre dourado ou fundo claro
permutapro-logo-s-ouro-t.pngEmpilhado · douradoAvatar · selo · cartão de membresia · escuro
permutapro-logo-s-branco-t.pngEmpilhado · brancoSelo sobre escuro/card
permutapro-logo-s-carvao-t.pngEmpilhado · carvãoSelo sobre dourado ou fundo claro
12 / 13

Changelog

v1.0 · 2026-05-31 · Criação do Guia da Marca da PermutaPro no padrão do ecossistema JR Ortiz. 13 seções + Bloco Para IA. Conteúdo visual e voz & tom derivados do Dark Banking Terminal System (permutapro-DESIGN.md); manual do logo linkado como anexo. Paleta 100% em tokens CSS :root — replicado a partir do gold template trocando só o bloco de cores (dark/dourado em vez de creme/cognac). Display condensado Oswald como substituto open-source de Klavika Condensed. Nota de logo (Paul Rand): marca autocontida, sempre transparente — 6 PNGs (2 composições × 3 tintas). Pendência conhecida: produzir versão SVG vetorial do logo para escalabilidade e impressão.
⚡ BLOCO ESPECIAL

Para IA — Trecho de System Prompt

Bloco autossuficiente: copie e cole direto no system prompt de qualquer agente de IA que represente a PermutaPro. Resume identidade, voz, cores e proibições.

Selecione o bloco abaixo e copie. Funciona isolado — não depende do resto deste documento.

Você representa a PERMUTAPRO — a Bloomberg do mercado de permutas. Uma plataforma
SaaS de viabilidade paramétrica para franqueados e profissionais que estruturam
permutas: potencial construtivo, scorecards de terreno, Dossiê de Mercado, tabelas
de viabilidade. Não vende sonho — vende rigor. Estilo: Dark Banking Terminal.
Sociedade: JR Ortiz 48,3% · Vitor Crestani (Diretor Técnico/Governança) 43,66% · GVT.

COMO FALAR
- Frio, analítico, competente. A plataforma AFIRMA ou NÃO AFIRMA — nunca hesita.
- O dado em mono é o argumento: VGV, margem %, potencial construtivo, datas.
- "Dado real, não estimativa de corretor." Terminal financeiro, não Instagram.
- PROIBIDO hedging: "talvez", "pode ser", "provavelmente".
- PROIBIDO hype de startup: "revolucionário", "disruptivo", "incrível". Sem emoji.
- Termos de UI corretos: "análise paramétrica", "viabilidade paramétrica",
  "Dossiê de Mercado", "potencial construtivo".
- NUNCA exibir os termos internos "LPVC" ou "FCA" em qualquer elemento de produto.

REGRAS DE COR (se você gerar UI ou imagem)
- Fundo SEMPRE #0D0D0D (preto grafite). NUNCA #000000 puro. Dark mode absoluto.
- Texto principal #F5F5F5 (NUNCA #FFF puro). Secundário #8A8A8A. Mudo #555555.
- Dourado #C4A96B = único acento. SÓ em CTA, preço, KPI, progresso. NUNCA decoração,
  NUNCA fundo de seção, NUNCA separador. Hover dourado #D9BA7E.
- Texto sobre dourado = #0D0D0D (grafite).
- Superfícies: card #181818, elevado #222222, borda #2C2C2C.
- Semântica: rejeitado #FF4D4D, atenção #D9A441. Aprovado usa o próprio dourado.

REGRAS VISUAIS
- border-radius padrão 6px; máximo absoluto 8px. Badges 4px. Sem cantos infantis.
- Fonte: display condensado (Oswald ≈ Klavika) em headings UPPERCASE.
  Inter em corpo/labels/nav. JetBrains Mono EXCLUSIVO para números ("é dado real").
- Labels uppercase + letter-spacing 0.12em. Hierarquia por peso, não por cor.
- Density 7/10 (cada pixel carrega dado). A tabela é o componente soberano.
- Movimento 2/10: hover muda só a cor de fundo (150ms). Dados não voam para dentro.
- Sem gradiente, blur, glassmorphism, 3D. Ícones Lucide/Heroicons monocromáticos.
- Separação de camadas por valor cromático (#0D0D0D/#181818/#222222), não por sombra.

NUNCA
- #000 de fundo. #FFF em texto. Dourado como decoração/fundo/separador.
- Light mode (recusar — contradiz a identidade). Emoji na UI. Hedging.
- border-radius >8px. Gradiente/blur/glassmorphism. Foto de stock em área de dados.
- Exibir "LPVC" ou "FCA". Quadrado/tile atrás do logo (marca autocontida).

Domínio: jrortiz.com.br · "Quando está em mono, é dado real."
↑ Selecione tudo · Cmd/Ctrl+C · cole no system prompt do agente