Directrices de Marca
Identidad Visual y Estándares de Diseño
Versión 1.0, octubre de 2025
Personalidad de Marca
- Innovative
- Trustworthy
- Human-Centric
- Dynamic
Uso del Logotipo
Pautas para el uso y la colocación correctos del logotipo en todos los materiales de marca.
Logotipo Principal
Variaciones del Logotipo
-
Logotipo Completo (Principal)
Úsalo sobre fondos claros para lograr la máxima visibilidad y reconocimiento de marca.
-
Logotipo Secundario
Úsalo sobre fondos oscuros como marca alternativa cuando el espacio sea limitado o en momentos de marca singulares.
-
Negativo (Versión Blanca)
Úsalo sobre fondos oscuros y fotografías para un contraste óptimo.
Descargar el Paquete de Logotipos
Consigue todas las variaciones del logotipo en varios formatos (PNG, SVG, AI)
Icono
Cuándo Usar el Icono
- Iconos de app y favicons
- Fotos de perfil en redes sociales
- Patrones y fondos de marca
- Animaciones de carga y microinteracciones
- Materiales de marketing con espacio limitado
- Como elemento decorativo junto al logotipo completo
El icono de radar es un activo de marca potente que representa la misión central de SOCRadar: una vigilancia constante en ciberseguridad. Los arcos concéntricos simbolizan el escaneo y la protección continuos.
Descargar el Paquete de Iconos
Consigue todas las variaciones del icono en varios formatos (PNG, SVG, AI)
Zona de Seguridad
Nuestro logotipo necesita espacio para respirar. Mantén siempre una zona de seguridad mínima a su alrededor equivalente al ancho de la «a» minúscula del logotipo tipográfico de SOCRadar. Así la marca conserva su impacto visual y se mantiene despejada en cualquier aplicación.
Medida de la Zona de Seguridad
Entender la unidad «a» para un espaciado coherente del logotipo
La unidad de zona de seguridad se basa en el ancho de la «a» minúscula del logotipo tipográfico de SOCRadar.
- 1
Mide la «a»
Localiza el ancho de la «a» minúscula del logotipo tipográfico
- 2
Aplícalo en todos los lados
Usa esa medida como espacio mínimo arriba, abajo, a izquierda y a derecha
- 3
Mantén la coherencia
Así el logotipo siempre respira lo suficiente, sea cual sea su tamaño
Tamaño Mínimo
Color Principal
Impresión
Qué No Hacer con el Logotipo (usos incorrectos)
Para mantener la integridad y la coherencia de la marca, nunca modifiques el logotipo de las siguientes formas:
-
No estires ni deformes
Mantén siempre la proporción original
-
No comprimas
Nunca comprimas ni aplastes el logotipo verticalmente
-
No rotes
El logotipo debe mantenerse siempre horizontal
-
No cambies los colores
Utiliza únicamente los colores de marca aprobados
-
No añadas efectos ni sombras
Mantén el logotipo limpio, sin degradados ni sombras
-
No añadas contornos ni bordes
El logotipo no debe llevar contornos añadidos
-
No reorganices los elementos
Conserva la disposición original de todos los elementos
-
No lo uses sobre fondos recargados
Asegura un contraste y una nitidez suficientes
-
No lo uses sobre colores similares
Evita fondos que reduzcan la visibilidad
-
No cambies el espaciado entre elementos
Conserva el espaciado original entre los elementos del logotipo
-
No uses baja resolución
Utiliza siempre archivos vectoriales de alta calidad
-
No uses el logotipo en versión de contorno
Utiliza siempre la versión rellena del logotipo
-
No cambies la tipografía
Utiliza siempre la tipografía original
-
No añadas iconos ni elementos
Mantén el logotipo en su forma original, sin añadidos
-
No cambies el lema
Escribe siempre «Your Eyes Beyond» tal cual
Legibilidad
Que el logotipo se mantenga claro y legible en todos los tamaños y contextos es clave para el reconocimiento de marca. Estos ejemplos muestran los estándares correctos de contraste y visibilidad.
Tamaño y Nitidez
-
Tamaño Óptimo
El logotipo se ve con claridad y todos los detalles son nítidos
-
Tamaño Mínimo (120 px)
Sigue siendo legible en el tamaño mínimo recomendado
Contraste con el Fondo
-
Fondo Oscuro
Contraste excelente sobre fondos oscuros
-
Fondo Claro
Usa el logotipo completo sobre fondos claros
-
Con Zona de Seguridad
Usa una capa de fondo cuando sea necesario
Pautas de Contraste
Asegura siempre un contraste suficiente entre el logotipo y su fondo. El logotipo debe reconocerse de inmediato, sin forzar la vista.
-
0 % negro
Contrast ratio = 4.8:1
-
10 % negro
Contrast ratio = 3.8:1
-
20 % negro
Contrast ratio = 3:1
-
30 % negro
Contrast ratio = 2.5:1
-
40 % negro
Contrast ratio = 1.7:1
-
50 % negro
Contrast ratio = 1.2:1
-
60 % negro
Contrast ratio = 1.2:1
-
70 % negro
Contrast ratio = 1.8:1
-
80 % negro
Contrast ratio = 2.6:1
-
90 % negro
Contrast ratio = 3.7:1
-
100 % negro
Contrast ratio = 4.4:1
Pautas de Relación de Contraste
- 3:1 o superior: cumple los estándares para elementos no textuales; aceptable para el uso del logotipo
- Por debajo de 3:1: contraste insuficiente; evita colocar ahí el logotipo
- Usa la versión blanca o clara del logotipo sobre fondos muy oscuros (90 % de negro o más)
- Usa el logotipo principal sobre fondos claros (0-20 % de negro) para una mejor visibilidad
Paleta de Color
Nuestra paleta de color cuidadosamente seleccionada, que define nuestra identidad visual.
Colores Principales
-
Coral Enérgico
PRINCIPAL- HEX
- #FF4562
- RGB
- 255, 69, 98
- CMYK
- 0, 73, 62, 0
Botones de llamada a la acción, titulares, destacados clave y acentos.
-
Azul Noche Profundo
PRINCIPAL- HEX
- #1B1B3C
- RGB
- 27, 27, 60
- CMYK
- 55, 55, 0, 76
Texto principal, fondos oscuros y materiales corporativos que requieren un tono profesional.
-
Blanco Puro
PRINCIPAL- HEX
- #FFFFFF
- RGB
- 255, 255, 255
- CMYK
- 0, 0, 0, 0
Fondos, espacio negativo y texto sobre fondos oscuros.
Tonos y Matices de Color
Usa estas variaciones tonales para crear profundidad y jerarquía manteniendo la coherencia de marca.
Variaciones del Coral Enérgico
-
El más claro
- HEX
- #FFD1DB
- RGB
- 255, 209, 219
-
Claro
- HEX
- #FF9BB0
- RGB
- 255, 155, 176
-
Base
- HEX
- #FF4562
- RGB
- 255, 69, 98
-
Oscuro
- HEX
- #CC3750
- RGB
- 204, 55, 80
-
El más oscuro
- HEX
- #99293C
- RGB
- 153, 41, 60
Variaciones del Azul Noche Profundo
-
El más claro
- HEX
- #8D8DA2
- RGB
- 141, 141, 162
-
Claro
- HEX
- #54546F
- RGB
- 84, 84, 111
-
Base
- HEX
- #1B1B3C
- RGB
- 27, 27, 60
-
Oscuro
- HEX
- #15152F
- RGB
- 21, 21, 47
-
El más oscuro
- HEX
- #0D0D1C
- RGB
- 13, 13, 28
Jerarquía de Uso del Color
La regla 60-30-10 garantiza el equilibrio visual en todos los materiales de marca. Este principio crea jerarquía y evita la saturación de color.
Azul Noche Profundo (dominante)
Fondos, secciones grandes, cabeceras
Blanco Puro / Gris Claro (secundario)
Áreas de contenido, tarjetas, elementos de apoyo
Coral Enérgico (acento)
CTA, destacados, interacciones importantes
Ejemplo Visual
- 60 % – Fondo y cabeceras
- 30 % – Áreas de contenido
- 10 % – Acentos
Este reparto proporcional crea jerarquía visual y dirige la atención del usuario de forma eficaz.
Tipografía
Familias tipográficas, pesos y jerarquía para una comunicación coherente.
Familias Tipográficas
Red Hat Display
Tipografía principal para titulares y textos de impacto
- Medium (500)Your Eyes Beyond
- Semibold (600)Your Eyes Beyond
- Bold (700)Your Eyes Beyond
Úsala para: titulares principales (H1), subtítulos (H2, H3) y otros elementos de texto de impacto.
Inter
Tipografía secundaria para texto de cuerpo y legibilidad
- Regular (400)Tu sistema de alerta temprana frente a los hackers
- Medium (500)Tu sistema de alerta temprana frente a los hackers
- Semibold (600)Tu sistema de alerta temprana frente a los hackers
Úsala para: párrafos, listas, texto de botones y cualquier texto pequeño donde la legibilidad sea crítica
Familias Tipográficas
-
Innovando el futuro de la tecnología
-
Nuestra misión y visión
-
Funcionalidades y ventajas clave
-
Información adicional
-
Nuestra marca aspira a marcar la diferencia en el sector con interfaces fáciles de usar y una infraestructura potente. Creemos en la innovación, la confianza y en poner a las personas en el centro de todo lo que hacemos.
-
Texto de apoyo que aporta contexto adicional con un peso visual más ligero. Perfecto para información secundaria y contenido complementario.
-
Dirección de correo
La Tipografía en la Práctica
SECCIÓN HERO
Your Eyes Beyond
Tu sistema de alerta temprana frente a los hackers
Detecta las amenazas antes de que se conviertan en brechas. SOCRadar ofrece inteligencia de ciberamenazas y protección del riesgo digital completas para organizaciones de todo el mundo. Adelántate a los ciberadversarios con monitorización en tiempo real y hallazgos accionables.
TARJETA DE FUNCIONALIDAD
Plataforma de Inteligencia de Amenazas
Monitorización y análisis en tiempo real de las ciberamenazas en todo el panorama digital.
Protección de Marca
Protege la reputación de tu marca con monitorización continua y alertas instantáneas.
Gestión de la Superficie de Ataque
Identifica y reduce las vulnerabilidades antes de que los atacantes puedan explotarlas.
MAQUETA DE ARTÍCULO
El futuro de la inteligencia de ciberamenazas
En un mundo cada vez más conectado, las organizaciones se enfrentan a ciberamenazas sofisticadas que evolucionan a un ritmo sin precedentes. Las medidas de seguridad tradicionales ya no bastan para protegerse de los vectores de ataque modernos.
Monitorización 24/7
Vigilancia continua de las amenazas potenciales
Análisis Impulsado por IA
El aprendizaje automático detecta anomalías al instante
Cobertura Global
Protección en todos los canales digitales del mundo
Estrategia de Defensa Proactiva
SOCRadar permite a los equipos de seguridad pasar de una defensa reactiva a una proactiva. Al aportar señales de alerta temprana e inteligencia accionable, las organizaciones pueden prevenir los incidentes antes de que ocurran.
Principios de Comarcado
Pautas profesionales para colaborar con otras organizaciones manteniendo la integridad de la marca.
Visión General del Comarcado
Al colaborar con otras organizaciones es clave mantener la integridad de nuestra marca respetando la identidad de los socios. Estas pautas garantizan aplicaciones de comarcado profesionales y equilibradas.
Jerarquía Visual
Establece una jerarquía clara según el tipo de colaboración y el contexto
Espaciado Coherente
Mantén un espacio adecuado entre logotipos para preservar la identidad de cada marca
Respeto Mutuo
Trata los logotipos de los socios con el mismo cuidado que los activos de nuestra propia marca
Disposición de Logotipos
Una disposición correcta asegura que ambas marcas queden representadas con profesionalidad
-
Logotipo del Socio
Disposición Horizontal (preferida)
Usa un separador vertical con un espacio de entre 1 y 1,5 veces la altura del logotipo
-
Logotipo del Socio
Disposición Vertical (alternativa)
Usa un separador horizontal cuando el espacio vertical sea limitado. Mantén un espacio de 1,5 veces la altura del logotipo
-
Logotipo del Socio
Evita: espaciado insuficiente
Nunca coloques los logotipos demasiado juntos: genera confusión visual
Relaciones de Tamaño
El tamaño de los logotipos debe reflejar la jerarquía y el contexto de la colaboración
Logotipo del Socio
Colaboración
En colaboraciones entre iguales, los logotipos deben tener la misma altura
Consideraciones de Fondo y Color
Elige la versión del logotipo adecuada según el fondo
-
Logotipo del Socio
Fondos Claros
Usa las versiones principales del logotipo sobre fondos claros
-
Logotipo del Socio
Fondos Oscuros
Usa las versiones blancas o claras del logotipo sobre fondos oscuros
Buenas Prácticas
Sí
- Usa siempre los archivos oficiales de logotipo de ambas marcas
- Mantén un espaciado coherente en todas las aplicaciones
- Usa separadores entre logotipos cuando proceda
- Asegura que ambos logotipos tengan contraste suficiente con el fondo
- Documenta la disposición acordada para mantener la coherencia
No
- Never modify partner logos or change their colors
- Don’t merge or overlap logos
- Never use low-resolution or stretched logos
- Don’t place logos on busy or distracting backgrounds
- Avoid placing logos at dramatically different sizes unless approved
Requisitos del Logotipo del Socio
Prepara estos recursos para un comarcado correcto
- 1
Archivos Vectoriales (AI, EPS o SVG)
Formatos escalables de alta calidad para impresión y uso digital
- 2
Archivos PNG (fondo transparente)
Mínimo 300 ppp para impresión; 72 ppp es aceptable para digital
- 3
Varias Versiones de Color
Versiones a todo color, en blanco y en negro para distintos fondos
- 4
Directrices de Marca
Requisitos de zona de seguridad, tamaños mínimos y restricciones de uso
Ejemplos Reales
Descubre cómo aplicar el comarcado en distintos materiales de marketing y plataformas
-
Portada de Informe
Materiales de investigación comarcados con presencia equilibrada de ambas marcas
-
Presentación de Webinar
Diapositivas digitales con el logotipo en la esquina superior
-
Banner de Evento
Banners de evento físicos y digitales con disposición horizontal de logotipos
-
Publicación en Redes Sociales
Gráficos para redes sociales con presencia mínima del logotipo
-
Estand de Congreso
Impresiones de gran formato para estands y expositores
Redes Sociales
Plantillas y pautas para crear contenido atractivo en redes sociales.
Principios Generales
Incluye Siempre el Logotipo
El logotipo debe estar presente y visible en cada publicación, normalmente en la esquina superior derecha o inferior izquierda.
Respeta los Colores de Marca
Cíñete estrictamente a la paleta de la marca. Usa el Coral Enérgico para dirigir la atención a los elementos clave.
Mantén la Tipografía
La jerarquía tipográfica establecida debe mantenerse en todo el contenido de redes sociales.
Ejemplos