Manual da Marca
Este brandbook reúne as diretrizes visuais e de comunicação da ROHAYHU, consultoria colaborativa de gestão e design estratégico baseada em direitos humanos. Não é um manual de regras: é um ecossistema de aprendizado e colaboração aberta. Design Livre. Role para explorar.
Logo
A marca ROHAYHU é composta por uma tipografia elegante complementada pelo elemento circular que substitui a letra "O", símbolo da essência do nosso propósito: com afeto, em rede e ação.
O círculo é formado por figuras que remetem a seixos de rio ou pétalas, elementos naturais que simbolizam a fluidez, a transformação e a beleza orgânica da natureza. Suas proporções têm como referência a Sequência de Fibonacci e o número Pi (π), unindo matemática e natureza de forma harmônica, como nas espirais de conchas e galáxias.
Estado de constante mudança, adaptação e aperfeiçoamento, sempre conectados ao ambiente e ao entorno.
Referência aos povos originários e às sabedorias ancestrais e tradicionais de todo o mundo.
Organização macro de planetas e galáxias: o movimento como forma universal de organizar e adaptar.
"Nossa marca é fundamentada em valores ESG e na compreensão da diversidade humana."
Versões do logo
Atração, conexão, adaptação
E · Ambiental
Sustentabilidade: práticas regenerativas.
Biodiversidade: proteção dos ecossistemas.
Recursos naturais: uso consciente e preservação.
Economia circular: reduzir, reutilizar, reciclar.
S · Social
Direitos humanos: base de toda a nossa atuação.
Equidade e intersecção: gênero e gerações.
Povos e etnias: comunidades tradicionais e originárias.
LGBTI+: respeito às identidades.
G · Governança
Ética e integridade: transparência em todas as ações.
Compliance: conformidade regulatória.
Participação: decisões compartilhadas.
Prestação de contas: responsabilidade e clareza.
Área de proteção
Para garantir a integridade, a visibilidade e a força do logotipo, mantenha uma área de respiro ao seu redor, livre de outros elementos gráficos, textos ou bordas. A área mínima é definida pela proporção de 1/4 do círculo que forma a letra "O", aplicada em todos os lados.
Combinações dinâmicas
Círculo da composição original do logo. Uso em 16x16, 32x32 e 48x48 pixels.
Elemento circular isolado para perfis em redes sociais e destaques.
Para aplicações horizontais menores, onde o logo completo perde legibilidade.
Laboratório de adaptação
Inspirados pelo conceito de "gambiarra" do Design Livre, ensinamos a adaptar a marca para a sua comunidade. Em vez de proibir, ensinamos a transformar com consciência.
Contexto indígena ou quilombola
Substitua o fundo roxo por tons terrosos locais, mantendo o elemento circular e a tipografia.
Só tem impressora P&B?
Use a versão monocromática. O contraste entre preto e branco preserva a hierarquia visual sem perder legibilidade.
Datas e eventos culturais
Podem pedir adaptações. Adicione elementos gráficos ao redor do logo, nunca sobre ele.
Uso com parceiros
Posicione o logo ROHAYHU à esquerda ou acima, com separador visual. Mantenha proporções equivalentes.
O que preservar sempre
Paleta de cores
A paleta combina a profundidade do roxo com a energia vibrante do rosa, criando equilíbrio entre sofisticação e criatividade. O Carvão (#262424), extraído do kit oficial de logos, é a superfície escura padrão usada em todo o site rohayhu.com.br.
- RGB
- 26, 8, 48
- CMYK
- 46 84 0 81
- HSL
- 267 71% 11%
Fundos principais, textos e elementos de destaque.
- RGB
- 232, 62, 140
- CMYK
- 0 73 40 9
- HSL
- 333 79% 58%
Destaques, texto de ênfase e elementos de identidade.
- RGB
- 251, 97, 163
- CMYK
- 0 61 35 2
- HSL
- 334 95% 68%
Botões, CTAs e interações de alta energia.
- RGB
- 248, 187, 217
- CMYK
- 0 25 13 3
- HSL
- 330 80% 85%
Backgrounds suaves, hover states e gradientes.
- RGB
- 254, 248, 248
- CMYK
- 0 2 2 0
- HSL
- 0 43% 98%
Textos sobre fundos escuros e backgrounds claros.
- RGB
- 38, 36, 36
- CMYK
- 0 5 5 85
- HSL
- 0 3% 15%
Superfície escura padrão de todas as páginas do site rohayhu.com.br. Extraído do kit oficial de logos.
Tipografia
A tipografia combina elegância com acessibilidade: Montserrat para títulos e destaques, Arial / Calibri para textos, garantindo legibilidade para todas as pessoas.
Por que Arial, e não uma fonte "mais bonita"?
Arial e Calibri são recomendadas por especialistas em acessibilidade digital. Suas formas claras e o espaçamento generoso facilitam a leitura para pessoas com dislexia, baixa visão ou dificuldades de leitura. Letras sem serifa e com formas distintas (b ≠ d) reduzem confusão, o espaçamento amplo melhora a legibilidade para baixa visão, e Arial está disponível em praticamente todos os dispositivos.
Stacks tipográficas
A ROHAYHU opera em três contextos visuais, cada um com a sua stack. Escolha conforme o canal e o impacto desejado.
Documentos, relatórios, web corporativa
Montserrat (títulos) + Arial / Calibri (corpo). Stack padrão: acessibilidade máxima e disponibilidade universal.
Peças HTML de alto impacto, portfólios
Cormorant Garamond + DM Serif Display (display) + DM Sans (corpo) + JetBrains Mono (dados). Para sofisticação tipográfica em fundo escuro.
Apresentações, redes sociais, campanhas
Newsreader italic (display) + Montserrat 600–700 (títulos) + Arial / DM Sans (corpo). Impacto emocional e presença.
"Peça para alguém ler seu texto a 2 metros de distância. Se for legível, a tipografia está adequada."
Acessibilidade
Mais do que diretrizes, um mini-curso de acessibilidade visual. Aprenda os princípios e aplique em qualquer projeto, não só na ROHAYHU.
Tríade de conforto
Use sempre Purple Deep como fundo para textos em Pink White ou Pink Light. Texto branco sobre roxo (#1a0830 / #FEF8F8) e rosa claro sobre roxo (#1a0830 / #F8BBD9) garantem o máximo de conforto visual.
Só para interação
Use essa cor apenas em botões ou ícones grandes. Texto dentro de botão rosa vibrante deve ser Purple Deep (contraste 4.98:1) e nunca branco (3.06:1). Texto normal: mínimo 4.5:1 (AA). Texto grande: mínimo 3:1. AAA: 7:1.
Corpo mínimo de 16px
Mantenha o corpo do texto em Arial com no mínimo 16px (1rem). 14px só para informações secundárias. Para pessoas com baixa visão, evite itálico excessivo, que dificulta a leitura.
Nunca só a cor
Combine sempre cor com ícone ou texto explicativo. Teste no Chrome (F12 → Rendering → Emulate vision deficiencies) com Protanopia, Deuteranopia e Tritanopia. Cerca de 8% dos homens e 0,5% das mulheres têm algum tipo de daltonismo.
Respiro em caixa alta
Ao usar Montserrat em caixa alta, mantenha um leve espaçamento entre as letras (tracking 0.15em). Isso facilita a leitura para pessoas com dificuldades cognitivas.
Resumo das diretrizes
Fundo roxo + texto branco ou rosa claro · botões rosa com texto roxo escuro · corpo mínimo 16px em Arial · evitar itálico excessivo · cor + ícone + texto para estados · espaçamento amplo em caixa alta.
Motion & Sound
O movimento é o sistema nervoso da marca. Define como a ROHAYHU se comporta, soa e responde, criando uma experiência imersiva e memorável.
Movimentos suaves e orgânicos que remetem à fluidez da água e aos ciclos da natureza. Evite transições bruscas. ease: cubic-bezier(0.4,0,0.2,1)
Ritmo pausado que convida à reflexão. Durações entre 300ms e 600ms para transições principais. duration: 400ms–600ms
Cada movimento tem propósito. Animações sutis que guiam o olhar e comunicam estado. scale · opacity · translate
Sound branding
O som da marca é inspirado em elementos naturais: água corrente, vento suave e tons harmônicos que remetem a instrumentos ancestrais. Uma assinatura que transmite calma, conexão e movimento (3 segundos, tom em Dó maior). Sons de UI: click (gota d'água), success (acorde ascendente), notification (sino de vento). Nunca use sons agressivos, metálicos ou de urgência, e respeite as preferências de acessibilidade.
Transições
--transition-fast 150ms ease-out
--transition-base 300ms ease-in-out
--transition-slow 500ms ease
--transition-emphasis 800ms cubic-bezier
Easing curves
--ease-fluid cubic-bezier(0.4, 0, 0.2, 1)
--ease-emphasis cubic-bezier(0.2, 0, 0, 1)
--ease-bounce cubic-bezier(0.34, 1.56, 0.64, 1)
Tom de voz
A voz da ROHAYHU é a expressão da nossa personalidade em cada ponto de contato. Comunicamos de forma autêntica, inspiradora e criativa.
Colaborativa
Trabalhamos em parceria com os clientes, construindo soluções de forma conjunta e participativa.
Estratégica
Atuamos com visão sistêmica e planejamento, conectando design e gestão para gerar impacto real.
Humanizada
Colocamos as pessoas no centro, fundamentando o trabalho em direitos humanos e dignidade.
✓ Faça
- Use linguagem clara e acessível.
- Seja inspirador e motivacional.
- Mostre compromisso com direitos humanos.
- Conecte-se emocionalmente.
- Valorize a colaboração e a participação.
✗ Evite
- Jargões técnicos desnecessários.
- Tom arrogante ou distante.
- Promessas exageradas.
- Linguagem genérica.
- Comunicação impessoal.
Exemplos off-brand
Guia de prompts para IA
"Você é um redator da ROHAYHU, consultoria de gestão e design estratégico baseada em direitos humanos. Nosso tom é colaborativo, humanizado e estratégico. Evite jargões corporativos, superlativos vazios e linguagem impessoal. Use primeira pessoa do plural ('nós'). Seja inspirador sem ser piegas. Valorize diversidade, inclusão e sustentabilidade. Nosso lema é 'afeto · rede · ação'."
"Estilo visual ROHAYHU: diversidade humana real, não genérica. Fotografias com luz natural, ambientes colaborativos, elementos da natureza (rios, folhagens, texturas orgânicas). Evite fotos de banco genéricas, ambientes corporativos frios e poses artificiais."
Fotos de perfil & avatar
Acreditamos que o afeto é o nosso método de trabalho. Use as diretrizes abaixo para que a sua foto esteja em sintonia com o nosso ecossistema.
- Autenticidade: postura acolhedora, autêntica e inspiradora.
- Humanização: expressões naturais e espontâneas.
- Evite: tom distante, arrogante ou impessoal.
- Fundos que remetam à natureza (luz natural, plantas, texturas orgânicas).
- Sinta-se à vontade para incluir elementos do seu contexto pessoal e sociocultural.
- Rosto centralizado e com área de respiro ao redor.
- Harmonize roupas ou fundo com a tríade: Purple Deep, Pink Vibrant, Pink White.
- Garanta bom contraste entre você e o fundo, para clareza a todas as pessoas.
- Use o selo/avatar em um dos cantos, sem sobrepor ao rosto.
- Mantenha a proporção áurea.
- Com parceiros, logo ROHAYHU à esquerda ou acima, com separador visual.
Exemplos e inspirações
Código aberto
Inspirados pelo Design Livre, tratamos a marca como um bem comum: use, transforme, compartilhe. Disponibilizamos os arquivos-fonte para remixagem, adaptação e aprendizado.
BY-SA
Creative Commons BY-SA 4.0
Você pode compartilhar, copiar, redistribuir, remixar, transformar e criar a partir deste material para qualquer fim, inclusive comercial, desde que: Atribuição (BY), dê crédito à ROHAYHU, com link para a licença e indicação de mudanças; Compartilha Igual (SA), distribua suas contribuições sob a mesma licença.
"Sua comunidade, seu contexto, sua cultura: a marca se transforma com você. Remixe. Adapte. Compartilhe."
Quer os arquivos da marca (logo em SVG/PNG, paleta, design tokens, guia de prompts e o manual completo em PDF)? Fale com a gente.
Quer aplicar a marca no seu projeto?
Uma conversa direta e sem compromisso para entender como a identidade ROHAYHU pode trabalhar a favor do seu contexto.