1. Inicio
  2. Marca
Identidad

Manual de marca

Cómo se construye y se usa la identidad de FH Tecnología: una forma, tres colores, tres tipografías. Todo lo que ves aquí se genera desde una retícula y un script.

El manual de marca de FH Tecnología define el monograma FH construido sobre una retícula de 24 unidades, sus versiones, la paleta cerrada de negro, blanco y oro con contrastes medidos, las tres tipografías de licencia libre y el tono de voz. Es una página pública para que cualquier colaborador aplique la identidad sin interpretarla.

Concepto

Una columna sostiene las dos letras.

La F y la H comparten el asta izquierda y la barra. Toda la construcción es ortogonal salvo un gesto: el corte a 45° con el que termina el brazo de la F, la faceta de un lingote. Tecnología en la retícula, criterio en la única decisión formal, oro en la faceta.

Se exploraron tres rutas: asta compartida, sello en negativo y trazo continuo. Se eligió la primera porque sobrevive a 16 px, no se parece a los monogramas de línea habituales y funciona como sólido de caras planas en la escena 3D de la portada.

Monograma FH sobre su retícula de 24 unidades, con las guías de astas, barra y brazo
Retícula de 24 u · trazo 4 u · barra a 9,5 u
Construcción

Retícula de 24 unidades.

La letra ocupa de 2 a 22. Las astas miden 4 u; la barra va de 9,5 a 13,5, medio módulo por encima del centro geométrico para que no parezca caída. El hueco entre el brazo de la F y el asta derecha mide exactamente un trazo.

ElementoCoordenadas (u)Nota
Asta izquierdax 2–6 · y 2–22Compartida por F y H
Asta derechax 18–22 · y 2–22Solo H
Barrax 6–18 · y 9,5–13,5Compensación óptica de medio módulo
Brazo de la Fx 6–14 arriba, 6–10 abajo · y 2–6Corte a 45°; hueco de 4 u hasta el asta derecha
Versiones

Un logo, siete usos.

Texto convertido a trazados: ningún archivo depende de una fuente instalada. Sobre placa dorada, la marca va siempre en negro.

Logotipo horizontal: monograma dorado y nombre en marfil sobre negro
Horizontal · fondo oscuro
Logotipo horizontal para fondo claro: monograma oro oscuro y nombre en negro
Horizontal · fondo claro
Logotipo vertical: monograma sobre el nombre
Vertical
Monograma FH dorado
Monograma
Logotipo monocromo negro
Monocromo negro
Logotipo monocromo blanco
Monocromo blanco
Logotipo en negro sobre placa dorada
Sobre dorado
Favicon de 32 píxelesFavicon de 16 píxeles, dibujado a mano con trazo de 3 píxelesMonograma animado: el trazo se dibuja y se rellena de oro
Favicons 32 y 16 · animación de carga
Zona de seguridad

Un trazo de aire alrededor.

La zona de seguridad mide un trazo del monograma (4 u, el alto del brazo de la F). Nada entra en ese margen.

Monograma
Mínimo 16 px en pantalla, 5 mm impreso. Por debajo de 24 px, usar los favicons dibujados a mano.
Horizontal
Mínimo 120 px de ancho, 30 mm impreso.
Vertical
Mínimo 64 px de alto, 18 mm impreso.
Margen = 4 u a cada lado
Color

Negro, blanco y oro. Nada más.

Dos tonos de oro según el fondo: el que brilla sobre negro no tiene contraste suficiente sobre papel. Contrastes medidos con la fórmula de WCAG 2.2.

Negro#0A0A0AFondo oscuro · tinta en claro
Superficie#141413Paneles en oscuro · oro 7,68:1
Marfil#F4F3EFTexto sobre negro · 17,83:1
Gris#A3A29ASecundario sobre negro · 7,72:1
Oro#C9A24AAcento sobre negro · 8,25:1
Oro realce#F0D58ABrillos y hover · 13,75:1
Papel#FAFAF7Fondo claro · negro 18,93:1
Oro claro#8A6510Acento sobre papel · 5,08:1 AA
Oro claro realce#B8892ASolo decorativo · 3,02:1
Gris claro#5A5951Secundario sobre papel · 6,73:1
  • El oro #C9A24A nunca es texto sobre papel (2,29:1). En tema claro el texto dorado usa #8A6510.
  • Sobre placa dorada el texto es negro (8,25:1), no blanco (2,16:1).
  • En 3D el oro es un material: metal de rugosidad media con reflejo cálido. El realce #F0D58A es el color del reflejo, no un plano.
Tipografía

Tres familias con licencia libre.

Autoalojadas en WOFF2 con subconjunto latino y ejes variables. Licencia SIL Open Font License 1.1. Se mantienen las del prototipo: Syne tiene carácter propio sin ser una moda, Instrument Sans lee bien a 16 px y JetBrains Mono da la voz técnica a las etiquetas.

Titulares
Syne 800Logotipo «FH» en 800, «Tecnología» en 700. Titulares con espaciado −0,025 em.
Texto
Instrument Sans 400–600Cuerpo 16 px, interlineado 1,65. Botones en 600.
Etiquetas
JetBrains Mono 500Mayúsculas, 11,8 px, espaciado 0,12 em. Metadatos, cifras y código.
Usos

Lo que se hace y lo que no.

CorrectoOro sobre negro o superficie oscura.
CorrectoOro claro sobre papel.
CorrectoMonocromo para una tinta o marca de agua.
IncorrectoEstirar, inclinar o rotar.
IncorrectoCambiar el color o añadir otros acentos.
IncorrectoSombras, contornos, brillos.
IncorrectoSobre texturas o fotos sin placa de color plano.
IncorrectoTexto blanco sobre placa dorada (2,16:1).
Tono de voz

Directo, concreto, sin humo.

La marca habla como trabaja: con datos, plazos y entregables con nombre. Si no hay dato, dice qué falta.

  • Frases cortas y verbo activo. «Se mide antes de tocar nada», no «soluciones innovadoras de vanguardia».
  • Primera persona del singular cuando habla Felipe; tercera cuando habla la marca. Nunca «nosotros» para aparentar equipo.
  • Español de España, tuteo, sin anglicismos innecesarios.
  • Sin promesas que no se pueden medir: ni posiciones en Google ni ahorros sin línea base.
  • Sin emojis ni signos decorativos.
Hablemos.

Cuéntame qué quieres conseguir. Respondo con una propuesta de siguiente paso.

Contar mi proyecto