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.
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.