1. Início
  2. Marca
Identidade

Manual de marca

Como se constrói e se usa a identidade da FH Tecnología: uma forma, três cores, três tipografias. Tudo o que você vê aqui é gerado a partir de uma grade e um script.

O manual de marca da FH Tecnología define o monograma FH construído sobre uma grade de 24 unidades, suas versões, a paleta fechada de preto, branco e ouro com contrastes medidos, as três tipografias de licença livre e o tom de voz. É uma página pública para que qualquer colaborador aplique a identidade sem interpretá-la.

Conceito

Uma coluna sustenta as duas letras.

O F e o H compartilham a haste esquerda e a barra. Toda a construção é ortogonal, exceto por um gesto: o corte a 45° com que termina o braço do F, a faceta de um lingote. Tecnologia na grade, critério na única decisão formal, ouro na faceta.

Foram exploradas três rotas: haste compartilhada, selo em negativo e traço contínuo. A primeira foi escolhida porque sobrevive a 16 px, não se parece com os monogramas de linha habituais e funciona como sólido de faces planas na cena 3D da capa.

Monograma FH sobre sua grade de 24 unidades, com as guias de hastes, barra e braço
Grade de 24 u · traço 4 u · barra a 9,5 u
Construção

Grade de 24 unidades.

A letra ocupa de 2 a 22. As hastes medem 4 u; a barra vai de 9,5 a 13,5, meio módulo acima do centro geométrico para que não pareça caída. O vão entre o braço do F e a haste direita mede exatamente um traço.

ElementoCoordenadas (u)Nota
Haste esquerdax 2–6 · y 2–22Compartilhada por F e H
Haste direitax 18–22 · y 2–22Só H
Barrax 6–18 · y 9,5–13,5Compensação óptica de meio módulo
Braço do Fx 6–14 em cima, 6–10 embaixo · y 2–6Corte a 45°; vão de 4 u até a haste direita
Versões

Um logo, sete usos.

Texto convertido em curvas: nenhum arquivo depende de uma fonte instalada. Sobre placa dourada, a marca vai sempre em preto.

Logotipo horizontal: monograma dourado e nome em marfim sobre preto
Horizontal · fundo escuro
Logotipo horizontal para fundo claro: monograma ouro escuro e nome em preto
Horizontal · fundo claro
Logotipo vertical: monograma sobre o nome
Vertical
Monograma FH dourado
Monograma
Logotipo monocromático preto
Monocromático preto
Logotipo monocromático branco
Monocromático branco
Logotipo em preto sobre placa dourada
Sobre dourado
Favicon de 32 pixelsFavicon de 16 pixels, desenhado à mão com traço de 3 pixelsMonograma animado: o traço se desenha e se preenche de ouro
Favicons 32 e 16 · animação de carregamento
Área de proteção

Um traço de respiro ao redor.

A área de proteção mede um traço do monograma (4 u, a altura do braço do F). Nada entra nessa margem.

Monograma
Mínimo 16 px em tela, 5 mm impresso. Abaixo de 24 px, usar os favicons desenhados à mão.
Horizontal
Mínimo 120 px de largura, 30 mm impresso.
Vertical
Mínimo 64 px de altura, 18 mm impresso.
Margem = 4 u de cada lado
Cor

Preto, branco e ouro. Nada mais.

Dois tons de ouro conforme o fundo: o que brilha sobre preto não tem contraste suficiente sobre papel. Contrastes medidos com a fórmula das WCAG 2.2.

Preto#0A0A0AFundo escuro · tinta no claro
Superfície#141413Painéis no escuro · ouro 7,68:1
Marfim#F4F3EFTexto sobre preto · 17,83:1
Cinza#A3A29ASecundário sobre preto · 7,72:1
Ouro#C9A24ADestaque sobre preto · 8,25:1
Ouro realce#F0D58ABrilhos e hover · 13,75:1
Papel#FAFAF7Fundo claro · preto 18,93:1
Ouro claro#8A6510Destaque sobre papel · 5,08:1 AA
Ouro claro realce#B8892ASó decorativo · 3,02:1
Cinza claro#5A5951Secundário sobre papel · 6,73:1
  • O ouro #C9A24A nunca é texto sobre papel (2,29:1). No tema claro o texto dourado usa #8A6510.
  • Sobre placa dourada o texto é preto (8,25:1), não branco (2,16:1).
  • Em 3D o ouro é um material: metal de rugosidade média com reflexo quente. O realce #F0D58A é a cor do reflexo, não um plano.
Tipografia

Três famílias com licença livre.

Auto-hospedadas em WOFF2 com subconjunto latino e eixos variáveis. Licença SIL Open Font License 1.1. Mantêm-se as do protótipo: Syne tem caráter próprio sem ser modismo, Instrument Sans lê bem a 16 px e JetBrains Mono dá a voz técnica às etiquetas.

Títulos
Syne 800Logotipo «FH» em 800, «Tecnología» em 700. Títulos com espaçamento −0,025 em.
Texto
Instrument Sans 400–600Corpo 16 px, entrelinha 1,65. Botões em 600.
Etiquetas
JetBrains Mono 500Maiúsculas, 11,8 px, espaçamento 0,12 em. Metadados, números e código.
Usos

O que se faz e o que não se faz.

CorretoOuro sobre preto ou superfície escura.
CorretoOuro claro sobre papel.
CorretoMonocromático para uma tinta ou marca-d'água.
IncorretoEsticar, inclinar ou girar.
IncorretoMudar a cor ou adicionar outros destaques.
IncorretoSombras, contornos, brilhos.
IncorretoSobre texturas ou fotos sem placa de cor chapada.
IncorretoTexto branco sobre placa dourada (2,16:1).
Tom de voz

Direto, concreto, sem conversa fiada.

A marca fala como trabalha: com dados, prazos e entregáveis com nome. Se não há dado, diz o que falta.

  • Frases curtas e verbo ativo. «Mede-se antes de mexer em qualquer coisa», não «soluções inovadoras de vanguarda».
  • Primeira pessoa do singular quando fala Felipe; terceira quando fala a marca. Nunca «nós» para aparentar equipe.
  • Espanhol da Espanha no original, tratamento informal, sem anglicismos desnecessários.
  • Sem promessas que não se podem medir: nem posições no Google nem economias sem linha de base.
  • Sem emojis nem sinais decorativos.
Vamos conversar.

Conte o que você quer alcançar. Respondo com uma proposta de próximo passo.

Contar meu projeto