Sistema de marca — fonte única de verdade
Os mesmos tokens, componentes e voz — de propostas a decks, do site ao produto. Este é o sistema que já vive nas nossas propostas comerciais, agora codificado para se reutilizar em qualquer lado.
A marca não promete transformação — entrega ferramentas funcionais. Tudo neste sistema serve essa promessa: preciso, discreto, sem teatro.
Ferramentas funcionais, não apresentações. A análise vive dentro da construção.
A IA aumenta o julgamento humano. Nunca substitui as suas pessoas.
Trabalha com quem constrói. Sem camadas, sem perda na tradução.
Space Grotesk Bold com um ponto final em signal green. O ponto é parte da marca — afirma conclusão e precisão. Nunca o omita.
Cada cor tem um trabalho. A disciplina é o que faz a marca parecer premium — não o número de cores.
Uma só família cobre display, títulos, corpo e etiquetas. Uma face única é mais rápida de aplicar e mais coerente à escala — a hierarquia vem do peso e do tamanho, não de misturar tipos.
Cada componente abaixo é código real de rp-brand.css — o mesmo que constrói as propostas. Copie a classe, componha, mantenha-se coerente.
Eyebrow · Rule · Botões
.rp-eyebrow · .rp-rule · .rp-btn-primary / -secondary / -ghostCartão · Callout mint · Callout ink
Apenas metadados de atividade. Nada de conteúdos. Dados no ambiente do cliente.
.rp-callout — nota positiva sobre mint.O objetivo não é registar mais horas.
É transformar horas em decisões de gestão.
.rp-callout-ink — momento de ênfase.Tabela de dados (com coluna de impacto)
| Indicador | Antes | Depois |
|---|---|---|
| Preparação por registo | 30 min manuais | 5 minutos |
| Memória de preços | Inconsistente | Estruturada |
| Próxima ação | Ad-hoc | Sugerida |
.rp-tbl · cabeçalho ink, coluna .impact em signal/green.Stat boxes (claro & ink)
.rp-stat / .rp-stat.ink — a variante ink destaca o número-chave.Layer cards · Feature grid
Captura passiva gera os registos a partir do contexto de trabalho.
As horas alimentam uma visão de rentabilidade em tempo real.
Corre em segundo plano. Zero fricção durante o dia.
Infere automaticamente cliente e processo.
.rp-layer (borda signal) · .rp-titlebar + .rp-feat-grid.Pricing / option cards · Lista de entregáveis
.rp-opt · cabeçalho .a (ink) ou .b (green)..rp-list — bullets em signal green.Closing block
O drama de convencer as pessoas a registarem tempos é antigo.
A ferramenta certa resolve-o por design — não por disciplina.
.rp-closing — o fecho ink com brilho signal. Um por documento.Texto quase-preto sobre fundos claros e luminosos é a base — é mais legível, comprovadamente.
Conteúdo de leitura vive em positive polarity: ink (#0E201C) sobre mint/branco. Estudos de legibilidade mostram melhor desempenho de leitura em texto escuro sobre fundo claro — a marca segue-o por defeito.
As superfícies ink reservam-se a momentos de acento — capa, fecho, titlebars, células de impacto. Nunca para parágrafos longos. Raio 16px (cartões), 20px (blocos grandes), pílula (botões). Hairlines em mint-200.
Português europeu. Concreto, mensurável e anti-hype. A frase certa resolve o problema — não o embeleza.
Um vocabulário partilhado significa que uma proposta, um deck, uma página web e o produto se parecem inequivocamente com a Revenue Precision — sem reinventar nada.
Documento A4 com capa ink, diagnóstico, camadas, tabela de ROI e fecho. O mesmo sistema em cada proposta comercial.
Slides com titlebars ink, stat boxes e um acento signal por slide. Mesmos tokens, formato 16:9.
Landing claro-por-defeito, botões-pílula, secções ink pontuais para hero e fecho.
UI de dashboards com a mesma paleta: ink para chrome, signal para ação e estado positivo.
Para quem trabalha em Google Slides (ou Docs), não é preciso CSS. São os mesmos tokens, traduzidos para o menu do Slides — para que um deck feito à mão continue inequivocamente Revenue Precision.
1 · Tipografia
2 · Cores (copie os hex)
No Slides: qualquer seletor de cor → Personalizado (+) → cole o código hex.
3 · Regras de layout
Fundo ink, título branco em Space Grotesk Bold, com um detalhe signal. É o momento de acento.
Fundo claro (mint/branco), texto ink. Alinhar à esquerda, espaço generoso, um acento signal por slide.
4 · Fazer / Evitar
logo/).logo/ — revenue-precision-wordmark-ink.png em fundos claros, -white.png sobre ink. Inserir → Imagem.Contratos, cartas, relatórios — a mesma marca em texto corrido.
Google Docs: Mais tipos de letra → Space Grotesk. Word: instale Space Grotesk (grátis, Google Fonts); sem ela, use um sans neutro. Títulos Bold, corpo Regular.
Wordmark no topo (logo/…wordmark-ink.png), margens largas, títulos em ink e um filete signal fino como acento. Rodapé em maiúsculas pequenas, sage.
#0E201C, ligações e ênfase green #08815D, texto secundário sage #5E7873. Signal green só em filetes e detalhes — nunca em texto.Simples e em texto — à prova de clientes de email, melhor entregabilidade que imagens.
revenue-precision-wordmark-ink.png em tamanho pequeno — mas o texto simples é o mais fiável entre clientes de email.Para quem desenha em Canva — configure o Brand Kit uma vez e fica tudo à mão.
Brand Kit → adicione as 6 cores (hex), carregue os logótipos de logo/, e defina o tipo de letra Space Grotesk (disponível no Canva).
Mesmas regras: claro por defeito, ink para acento, um toque de signal por peça, e o logótipo com o ponto. Uma só família tipográfica.
Todos os tokens e componentes vivem em rp-brand.css. Ligue-o e componha com as classes rp-*.
/* qualquer proposta, deck ou página nova */ <link rel="stylesheet" href="rp-brand.css"> <body class="rp"> <p class="rp-eyebrow">Como funciona</p> <div class="rp-card"> … </div> <div class="rp-stat ink"> … </div> </body> /* tokens principais (:root) */ --rp-ink:#0E201C; --rp-signal:#09D38F; --rp-green:#08815D; --rp-sage:#5E7873;
Este sistema é o retrato vivo da identidade da Revenue Precision, derivado do site e das propostas. Quando o site mudar, o sistema é regenerado a partir da mesma fonte — e a tarefa mensal republica esta página no mesmo endereço.