Resumen de la marca

En su interior encontrará una visión general de nuestros principales elementos de diseño y normas básicas sobre cómo aplicar estos elementos a diversas comunicaciones. Estos son los elementos clave de la expresión de nuestra marca.

Secure Code Warrior inspira a los desarrolladores a proteger el software que hace funcionar nuestro mundo a través de un código seguro impulsado por los desarrolladores learning platform.

Nuestra marca es más que un logotipo, un color o un tipo de letra. Es cómo hablamos, cómo cumplimos nuestras promesas y, en última instancia, cómo nos perciben nuestros clientes y el mercado.

Los principales elementos de la identidad visual de Secure Code Warriorse muestran aquí: logotipo, paleta de colores, tipografía y estilos de ilustración e iconografía. Cuando se utilizan de forma coherente según estas directrices, estos elementos forman un sistema flexible para crear historias y experiencias que amplifican la marca Secure Code Warrior .

Plataforma de marca

La Plataforma de Marca es la base de nuestra Estrategia de Marca y comprende la Idea de Marca, el Impacto Emocional, una Declaración de Posicionamiento, Pilares de Posicionamiento y una definición de Audiencia.

La Idea de Marca es la esencia o encarnación de lo que representamos. Confiere una dimensión emocional a la marca. Se utiliza para orientar el aspecto, la sensación y la voz.

El Impacto Emocional se define por cómo la marca Secure Code Warrior hace sentir a la gente. Se trata de un conjunto de cuatro emociones positivas que impulsan el comportamiento de la marca en todas las experiencias y puntos de contacto.Posicionamiento de la marca es la idea singular, diferenciada y relevante que queremos representar en la mente de nuestros clientes.

Los pilares del posicionamiento son las verdades auténticas e imperecederas sobre Secure Code Warrior. Todas nuestras comunicaciones deben reflejar con precisión uno o más de nuestros pilares de posicionamiento para garantizar una historia coherente en todas las experiencias y puntos de contacto.

Nuestro público está unificado por un perfil psicográfico global, y todas las expresiones de la marca deben resonar con este objetivo.

Impacto emocional

El impacto emocional se define por cómo una marca hace sentir a la gente. Se trata de un conjunto de cuatro emociones positivas que impulsan el comportamiento de nuestra marca en todas las experiencias y puntos de contacto.

Estos sentimientos, que constituyen el Impacto Emocional de Secure Code Warrior, se pretenden evocar a través de nuestras acciones, palabras y las experiencias que creamos para hacer que las partes interesadas se sientan de una determinada manera en relación con la marca.

Canalizar estos sentimientos deseados en todos los puntos de contacto con la marca nos ayuda a crear experiencias de marca significativas y coherentes. Y lo que es más importante, el impacto emocional determina los mensajes y la comunicación de la marca.

Nuestro impacto emocional está diseñado para ser relevante para el público al que debemos dirigirnos hoy y al que queremos dirigirnos en el futuro.

Marca narrativa

La narrativa de marca reúne todos los elementos de nuestra plataforma de marca para contar una historia concisa y poderosa que llegue a la gente en la cabeza y en el corazón. Podemos utilizarla internamente para alinear a las personas con el espíritu de nuestra marca. Y podemos utilizar el lenguaje para desarrollar comunicaciones de cara al exterior que inspiren a la gente con nuestra marca y creen creyentes.

Redefinir los fundamentos

El impacto emocional se define por cómo una marca hace sentir a la gente. Se trata de un conjunto de cuatro emociones positivas que impulsan el comportamiento de nuestra marca en todas las experiencias y puntos de contacto.

Estos sentimientos, que constituyen el Impacto Emocional de Secure Code Warrior, se pretenden evocar a través de nuestras acciones, palabras y las experiencias que creamos para hacer que las partes interesadas se sientan de una determinada manera en relación con la marca.

Canalizar estos sentimientos deseados en todos los puntos de contacto con la marca nos ayuda a crear experiencias de marca significativas y coherentes. Y lo que es más importante, el impacto emocional determina los mensajes y la comunicación de la marca.

Nuestro impacto emocional está diseñado para ser relevante para el público al que debemos dirigirnos hoy y al que queremos dirigirnos en el futuro.

Directrices de marca

Uso del logotipo

El logotipo Secure Code Warrior , que combina un símbolo de escudo sólido con un logotipo personalizado, es uno de los principales componentes de nuestro sistema de marca. En las páginas siguientes encontrará información detallada sobre la aplicación y el uso del logotipo.

Configuraciones

Nuestro logotipo está disponible en tres configuraciones para ofrecerle una flexibilidad óptima.

Principal

El logotipo equilibrado y la forma compacta de esta configuración se adaptan a la mayoría de las aplicaciones. Utilícela siempre que sea posible.

Secundaria

Utilice esta configuración vertical y centrada cuando el espacio horizontal sea limitado en artículos como el swag.

Terciario

Puede utilizar esta configuración horizontal cuando el espacio vertical sea limitado, por ejemplo, en las cabeceras de los sitios web.

Espacio libre y tamaño mínimo

La identidad de la marca Secure Code Warrior debe aparecer de forma clara y legible en todas las solicitudes.

Espacio libre

El espacio libre mínimo impide que elementos como tipos, imágenes u otros logotipos entren en la zona de exclusión y comprometan la legibilidad y el impacto de nuestro logotipo.

Para todas las configuraciones del logotipo, el espacio libre mínimo alrededor del logotipo es la mitad de la anchura del escudo. Siempre que sea posible, utilice más espacio libre para que el logotipo respire.

Principal
Secundaria
Terciario
Tamaño mínimo

El tamaño mínimo es el más pequeño que nuestro logotipo puede aparecer sin comprometer la legibilidad. A continuación se muestran los tamaños mínimos recomendados para aplicaciones digitales e impresas.

Si tiene una aplicación que requiere un tamaño aún más pequeño, consulte sus necesidades con nuestro equipo de marca.

Principal
Secundaria
Terciario
Uso incorrecto

Los ejemplos mostrados a la derecha ilustran los usos que debe evitar. El logotipo Secure Code Warrior está dibujado a medida. No lo modifique ni recree sus elementos. Utilice siempre el logotipo tal y como se proporciona.

Uso de símbolos

Aunque nuestro logotipo completo es la principal expresión de nuestra marca y debe utilizarse siempre que sea posible, nuestro símbolo puede utilizarse por sí solo en determinadas aplicaciones

Redes sociales/Favicon

Puede adaptar nuestro símbolo para utilizarlo como icono de redes sociales o favicon. Para esta aplicación se prefiere la variante dorada del símbolo (véase la página 17). En modo luminoso, el color de fondo preferido es Medianoche (consulte las páginas 20-24 para obtener orientación sobre los colores de nuestra marca).

Ropa y botines

Cuando utilice nuestro símbolo en prendas de vestir o artículos de regalo, asegúrese de que va acompañado de nuestro logotipo completo en un lado diferente del artículo, como se muestra aquí. En artículos muy pequeños, como pins, puede utilizar nuestro símbolo sin el logotipo completo.

Uso de documentos a pequeña escala

Puede utilizar nuestro símbolo como pequeño elemento gráfico en el encabezado o pie de página (sólo páginas interiores) de un documento, como se muestra aquí. Para ver ejemplos de uso de nuestro símbolo, consulte la sección Aplicaciones de marca.

Espacio libre

El espacio libre es el área que rodea a nuestro símbolo y que debe mantenerse libre de cualquier elemento visual: texto, gráficos, bordes, motivos, otros logotipos, etc. Aquí se muestran las especificaciones para el espacio libre mínimo que debe utilizar para nuestro símbolo.

Tamaño mínimo

El tamaño mínimo es el más pequeño que nuestro símbolo puede aparecer sin comprometer la legibilidad. A continuación se muestran los tamaños mínimos recomendados para aplicaciones digitales e impresas. Si tiene una aplicación que requiere un tamaño aún más pequeño, comente sus necesidades con nuestro equipo de marca.

Nota: El tamaño mínimo expuesto en esta página se muestra a escala del 200% para una ilustración más clara.

Variaciones de colores primarios

Nuestro símbolo está disponible en las tres variantes de color que se muestran aquí: Dorado, Medianoche y Blanco.

Negro (uso especial) Variación

Puede utilizar esta variación de uso especial para aplicaciones de impresión en blanco y negro, como anuncios en periódicos, o situaciones de marca compartida en las que nuestro símbolo tenga que aparecer en un color fuera de nuestra paleta. Evite utilizar esta variación en pantalla o en aplicaciones de impresión a todo color.

Uso de fondo

Las combinaciones aprobadas de símbolo y color de fondo que se muestran a la derecha se han elegido para que sean legibles y se ajusten a la marca. Estas son las únicas combinaciones que debe utilizar. Para más información sobre nuestra paleta de colores, consulte las páginas 20-24.

Color

Visión general

La paleta de colores de Secure Code Warrior se ha renovado para elevar una serie de azules como enfoque cromático principal. El dorado sigue siendo el color principal de la marca, pero debe utilizarse mínimamente en nuestro logotipo y como color de realce. Se ha creado una paleta secundaria brillante para acentos adicionales y visualización de datos. Consulte la página 23 para obtener orientación sobre su uso.

Especificaciones

A la derecha se muestran las especificaciones para reproducir nuestra paleta de colores tanto en aplicaciones digitales como de impresión. Secure Code Warrior los colores se basan en los estándares RGB actuales y en el Pantone Matching System. Estos colores se han elegido cuidadosamente para representar nuestra marca y nunca deben alterarse.

Medianoche vs. negro

Midnight es más suave que el negro normal y contiene un toque de azul. Nunca utilice el negro en aplicaciones digitales, utilice siempre el azul Midnight. En aplicaciones de impresión en las que no se disponga de colores directos Pantone, utilice negro normal para tipografías más pequeñas a fin de evitar problemas de registro en la prensa.

Nota: Los colores Pantone y CMYK especificados aquí son para uso en papel estucado. Si una aplicación requiere la impresión en papel no estucado, colabore con nuestro equipo de marca y con su impresor para determinar los colores óptimos.

Accesibilidad

Nuestros colores han sido probados según las Pautas de Accesibilidad al Contenido en la Web (WCAG) para garantizar una legibilidad óptima sobre diversos fondos. Aquí se muestran las combinaciones tipográficas y de colores de fondo recomendadas que superan las normas internacionales AAA y AA de WCAG 2.0.

La designación "AA Grande" en esta página denota un uso reservado sólo para texto grande. El texto grande se define en las normas WCAG como texto de 14 puntos (normalmente 18,66px) y en negrita o más grande, o de 18 puntos (normalmente 24px) o más grande.

Nota: Dentro de nuestra paleta de colores, existen otras combinaciones de colores que cumplen las normas de accesibilidad. Sin embargo, no forman parte de nuestro sistema visual y debe evitar su uso.

Utilización
Fondos y bloques de color

Puede utilizar cualquiera de nuestros colores primarios o secundarios, cálidos o fríos, para grandes inundaciones de fondo o bloques de color, pero dé siempre prioridad a los colores primarios. El dorado debe ser una presencia constante, pero sin abusar; considérelo un acento que añade un toque de magia de marca a un diseño. Evite utilizar nuestros colores neutros secundarios en estos contextos. Los colores secundarios siempre deben apoyar el diseño y nunca dominarlo. Asegúrese de que los colores no desentonen ni impidan la legibilidad.

Tipografía

Utilice principalmente el blanco o el medianoche para la tipografía, sobre todo para los pasajes más largos y el cuerpo del texto. Reserve otros colores para los acentos o la visualización de datos. Siga siempre las normas de accesibilidad (consulte la página anterior).

Ilustraciones e iconos

Nuestras ilustraciones e iconos utilizan únicamente nuestros colores primarios y siguen reglas de color específicas. Consulte las páginas 29-31 para obtener orientación.

Visualización de datos

Puede utilizar cualquier color de marca para la visualización de datos, pero dé prioridad a los colores primarios. Utilice colores secundarios y grises sólo para diferenciar información o visualizar conjuntos de datos complejos. Evite utilizar el color únicamente como decoración.

Nota: Dentro de nuestra paleta de colores, existen otras combinaciones de colores que cumplen las normas de accesibilidad. Sin embargo, no forman parte de nuestro sistema visual y debe evitar su uso.

Uso incorrecto

Los ejemplos que se muestran aquí ilustran los usos de los colores que debe evitar.

Tipografía

Visión general

El sistema tipográfico Secure Code Warrior se basa en dos fuentes: Red Hat y Clash Display.

Red Hat, desarrollada por MCKL para Red Hat, Inc., presenta un diseño moderno, geométrico y sin gracias, con líneas limpias y una estética versátil, lo que la hace adecuada tanto para medios digitales como impresos. Su aspecto sencillo y profesional garantiza la legibilidad en distintas plataformas. Red Hat Mono, una variante monoespaciada, completa el sistema tipográfico proporcionando una opción distintiva para código y contenido técnico.

Clash Display es un tipo de letra atrevido y expresivo que destaca por su alto contraste y sus formas de carácter únicas. Añade un toque de sofisticación y estilo allá donde se utilice.

Juntas, estas fuentes crean un lenguaje de diseño equilibrado y cohesivo que es a la vez funcional y visualmente atractivo.

Especificaciones

Clash Display y Red Hat son nuestras principales fuentes de marca. Deberías utilizarlas en todos los materiales de marketing de cara al exterior.

Tanto Clash Display como Red Hat están disponibles para su descarga gratuita en Google Fonts.

Nota: En el sistema visual Secure Code Warrior sólo se utilizan los pesos de fuente mostrados en esta página. Evita utilizar otros pesos.

Medianoche vs. negro

Midnight es más suave que el negro normal y contiene un toque de azul. Nunca utilice el negro en aplicaciones digitales, utilice siempre el azul Midnight. En aplicaciones de impresión en las que no se disponga de colores directos Pantone, utilice negro normal para tipografías más pequeñas a fin de evitar problemas de registro en la prensa.

Nota: Los colores Pantone y CMYK especificados aquí son para uso en papel estucado. Si una aplicación requiere la impresión en papel no estucado, colabore con nuestro equipo de marca y con su impresor para determinar los colores óptimos.

Utilización
Fondos y bloques de color

Siga las especificaciones aquí descritas al crear maquetaciones.

En general, alinee la tipografía a ras de la izquierda. Puede utilizar una justificación diferente cuando las normas del sector dicten el formato, como en el caso de los comunicados de prensa. Utilice el interletraje métrico y el espaciado entre letras por defecto en todo el texto. Los titulares que sean frases completas deben usar signos de puntuación. Utilice la cursiva solo para indicar títulos y nombres de obras; evite utilizarla para enfatizar el cuerpo del texto.

Para ver ejemplos de nuestro sistema tipográfico en uso, consulte la sección Aplicaciones de marca.

Fuente alternativa
Fondos y bloques de color

Puede que no sea posible utilizar nuestras fuentes de marca cuando se colabora con otras organizaciones en documentos compartidos. En estos casos, puede utilizar Arial como sustituto.

Arial es un tipo de letra estándar del sistema que viene preinstalado en la mayoría de los ordenadores.

Arial también puede utilizarse en otras situaciones en las que no es posible utilizar Red Hat, como firmas de correo electrónico, algunas plataformas EDM y otros canales en los que sólo se permiten fuentes del sistema.

Ilustración

Estilo

La ilustración es una forma eficaz de reforzar el sentido narrativo de las comunicaciones de marca. La ilustración puede utilizarse a gran escala como elemento principal o a pequeña escala para apoyar el contenido.

Como se muestra aquí, el estilo de ilustración Secure Code Warrior es un estilo lineal e infográfico de narración visual que utiliza un peso de línea único y coherente. Cuando se coloca sobre un fondo de color, algunos componentes de la ilustración se rellenan de blanco para lograr un mayor impacto visual. El color se limita a líneas de medianoche y rellenos blancos para permitir flexibilidad al colocar ilustraciones sobre colores de fondo de nuestra paleta. Evite utilizar otros colores en las ilustraciones para mantener la coherencia y la claridad. Cuando amplíe o reduzca la escala de las ilustraciones, asegúrese de que el grosor de las líneas se ajusta proporcionalmente para mantener la integridad visual y el estilo de la ilustración. En aplicaciones de impresión, asegúrese de que las líneas tengan un grosor mínimo de 0,5 pt.

Nota: Para mantener la legibilidad y la coherencia visual, evite colocar nuestras ilustraciones sobre fondos Midnight o Sapphire.

Iconografía

Visión general

El estilo iconográfico de Secure Code Warrior se ajusta al estilo de ilustración de nuestra marca y está organizado en un sistema escalonado para facilitar su uso en diversas comunicaciones.

> Los iconos de nivel 1 representan el nivel más alto y captan conceptos narrativos descriptivos.
> Los iconos de nivel 2 son más abstractos y sirven de apoyo a contenidos técnicos centrados en el producto.
> Los iconos de nivel 3 son más sencillos y están diseñados exclusivamente para su uso en la interfaz del producto.

Todos los iconos mantienen un peso de línea único y coherente y un nivel de simplicidad que garantiza una legibilidad óptima a pequeña escala.

Los iconos de nivel 1 y 2 se construyen sobre una cuadrícula de 96px x 96px con un peso de línea de 2px (mostrados aquí a escala del 50%). Al escalar estos iconos, mantenga la relación entre el peso de línea y el tamaño. Para aplicaciones de impresión, asegúrese de que las líneas tengan un grosor mínimo de 0,5pt.

Los iconos de nivel 3 se construyen en una cuadrícula de 24px x 24px. Estos iconos pueden ser lineales o sólidos para una mayor flexibilidad en función de las necesidades del producto. Los iconos lineales utilizan un peso de línea de 1px (mostrado aquí a escala 100%), mientras que los iconos sólidos utilizan formas rellenas con acentos de línea de 1px. Evite mezclar estilos lineales y sólidos en el mismo contexto.

Color

Para garantizar una legibilidad y armonía visual óptimas, nuestros iconos adaptan sus colores en función del color de fondo. Esta adaptación es coherente en todos los niveles, con un acento específico añadido a los iconos del nivel 1.

> Fondo blanco: Todos los niveles se representan en color medianoche.
> Fondo zafiro: Los iconos del nivel 1 son principalmente blancos con un acento dorado para realzar la narración y añadir un toque de sofisticación. Los niveles 2 y 3 son sólo blancos.
> Fondo Cielo: Todos los niveles son de medianoche.
> Fondo de medianoche: Todos los niveles son de color Cielo.

Al mantener estos tratamientos de color, nos aseguramos de que nuestros iconos sean versátiles y adaptables a diferentes necesidades de diseño, al tiempo que conservan un lenguaje visual coherente.


Nota: Los iconos de nivel 3 pueden utilizarse con distintos colores de fondo en función de las necesidades del producto. Garantice siempre la legibilidad en estas aplicaciones.

Dossier de prensa

Nuestra misión

"Establecer nuevas normas de codificación segura que transformen las formas de crear software".

Nuestro producto

El ágil learning platform

Los equipos de desarrollo aprenden mientras codifican para prevenir las vulnerabilidades de seguridad antes de que se produzcan con nuestra plataforma de formación en codificación segura todo en uno.

Más información Learning Platform

Nuestra historia

Cómo nos convertimos en líderes del sector en seguridad de software.

Fundada en Australia por Pieter Danhieux, Fatemah Beydoun, Colin Wong y Jaap Karan Singh.

Tras conseguir cuatro grandes bancos australianos como clientes, la empresa se embarcó en una expansión mundial hacia Estados Unidos y la UE. Esto incluyó la adquisición de la empresa belga Sensei, y el nombramiento de sus creadores, Matias Madou y Nathan Desmet, como miembros del equipo fundador de Secure Code Warrior.

En la actualidad, la empresa da servicio a más de 650 clientes empresariales y emplea a más de 200 personas en todo el mundo. Ha sido galardonada con más de una docena de premios -entre ellos el SINET 16 Innovator Award 2020 y el Hall of Innovation 2021 de JPMorgan Chase & Co- y ha obtenido la certificación SOC 2 Tipo II.

Más información sobre Nuestra historia

Nuestro equipo

Los fundadores de Secure Code Warrior

Nuestro equipo jurídico especializado ayuda a nuestra empresa a satisfacer las necesidades de nuestros clientes ofreciéndoles asesoramiento estratégico en un panorama normativo cada vez más complejo, global y cambiante.

Pieter Danhieux

Director General, Presidente y Cofundador

Doctor Matias Madou

Jefe de Tecnología, Director y Cofundador

Fatemah Beydoun

Director de Atención al Cliente y cofundador

Colin Wong

Director de Innovación de Productos. Cazador de Dragones en Jefe y Cofundador

Jaap Karan Singh

Director de Estrategia de Clientes. Jefe Singh y cofundador.

Nathan Desmet

Ingeniero principal y cofundador

Nuestra misión

Techopedia: La IA en la sombra plantea riesgos en todos los ámbitos, desde la sanidad hasta DevSecOps

Ray Fernández
5 de octubre de 2024
Artículo de prensa

DZone: Misconfiguration Madness: Vulnerabilidades comunes en el sector financiero

Matías Madou
2 de octubre de 2024
Artículo de prensa

KBi Media: Cómo los CISO están consiguiendo que los desarrolladores den prioridad a la seguridad

Matías Madou
30 de septiembre de 2024
Artículo de prensa

ITWire: El reto de mantener la seguridad del código en la era de la IA

Pieter Danhieux
27 de septiembre de 2024
Artículo de prensa

En AI Today: Cómo evolucionará el desarrollo de software en la era de la IA

Matías Madou
3 de septiembre de 2024
Artículo de prensa

KBI Media: Por qué "Secure by Design" es fundamental en el mundo interconectado actual

Pieter Danhieux
29 de agosto de 2024
Artículo de prensa

Contacto con nosotros

Consultas de prensa: steve.bosk(a)w2comm.com

Para asistencia al cliente, visite nuestro Centro de Ayuda.