Criamos caminhos digitais que levam ao coração do seu negócio. Cada interação digital é uma oportunidade.
Como é que a marca fala
Direta, confiante e em português europeu. Sóbria nas frases âncora, descontraída no resto.
O objetivo do marketing é conhecer e entender o cliente tão bem que o produto ou serviço se adapte a ele e se venda sozinho.
Criamos caminhos digitais que levam ao coração do seu negócio.
Cada interação digital é uma oportunidade.
Cores
Ciano como assinatura, grafite e branco gelo como base, coral e vermelho como acentos pontuais.
colors.primary
colors.secondary
colors.neutral
colors.tertiary
colors.quaternary
Tipografia
Acumin Variable Concept para os momentos de assinatura, Degular para títulos e corpo de texto, Biko para subtítulos e taglines: são as fontes originais da marca, definidas no DESIGN.md. Como dependem de um kit Adobe Fonts (e de um ficheiro Biko) que esta página não carrega, a coluna da esquerda mostra o que se vê sem esse kit, a fonte do sistema. A coluna da direita mostra a alternativa em Google Fonts, Plus Jakarta Sans, Sora e Quicksand, já carregada e a funcionar nesta página.
Tipografia original da marca
Acumin Variable Concept, Degular e Biko, sem fallback Google Fonts. É o que aparece se o kit Adobe Fonts não estiver configurado.
Alternativas Google Fonts
Plus Jakarta Sans, Sora e Quicksand. É a fonte que esta página usa em todo o resto do conteúdo.
Layout, espaçamento e formas
Escala de espaçamento em base 8px, e cantos arredondados generosos para equilibrar a geometria angular do símbolo.
Espaçamento
Cantos arredondados
none
sm · 8px
md · 16px
lg · 24px
xl · 32px
full
Logótipo
O lockup “Ralp Media” tem duas variantes principais conforme o fundo onde assenta. Na versão para fundo claro, “Media” fica em grafite; na versão para fundo escuro, “Media” fica em branco gelo. O símbolo mantém sempre a mesma cor e o mesmo efeito de desvanecimento.
Nota: os ficheiros oficiais usam #69C4D8 (“cor de logótipo”) no símbolo e em “Ralp”, que difere do #43E3EF definido como ciano de interface (colors.primary). Vale a pena decidir entre alinhar colors.primary a #69C4D8 para coincidir com o logótipo oficial, ou manter os dois tokens em paralelo, um para o logótipo e outro para a interface.
- Espaço de respiro mínimo: a altura do símbolo, em todos os lados.
- Tamanho mínimo digital: 32px de altura para o símbolo isolado, 24px para o lockup completo.
- Nunca recriar o lockup como texto solto; usar sempre o ficheiro SVG oficial.
- Em fundos coloridos (ciano, coral, vermelho), usar uma versão monocromática do símbolo, nunca a versão a cor.
Componentes
A própria barra de navegação desta página já usa o componente “nav bar”. Abaixo ficam os restantes átomos de interface.
Botões primários
Ciano por defeito, coral como alternativa “negativa” de igual peso, para usar quando o ciano já estiver em destaque na secção.
Botões secundários
Contorno neutro por defeito, contorno coral como alternativa “negativa” para ações de apoio com mais destaque.
Tags
Redes sociais
Websites
Campo de formulário
Card
Construção e operação de funis
Construímos e gerimos funis de venda, angariação e webinar, com sequências de email, copy e automação incluídas.
Símbolo e padrões
O símbolo nasce de losangos a 45 graus que representam pessoas, caminhos e um pin de mapa/objetivo, com o efeito de desvanecimento de #69C4D8 para #E63334 nas pontas. Este é o ficheiro oficial do símbolo; as restantes variantes do logótipo estão documentadas na secção Logótipo.
O padrão diagonal usa sempre uma cor sobre outra, nunca multicor:
Usar como textura discreta em secções de transição ou destaque, nunca como fundo de blocos de texto extensos.
Regras
Fazer
- Usar o ciano sempre com texto grafite por cima.
- Alternar fundos grafite e branco gelo entre secções.
- Usar o padrão diagonal como textura discreta.
- Manter botões e tags em formato pill.
Evitar
- Combinar coral e vermelho na mesma secção.
- Mais de duas famílias tipográficas no mesmo ecrã.
- Texto ciano sobre branco gelo, ou o inverso.
- Reescrever o nome da marca a imitar o logótipo.
