Directrices de 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 .
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.
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.
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.
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.
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.
Nuestro logotipo está disponible en tres configuraciones para ofrecerle una flexibilidad óptima.
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.
Utilice esta configuración vertical y centrada cuando el espacio horizontal sea limitado en artículos como el swag.
Puede utilizar esta configuración horizontal cuando el espacio vertical sea limitado, por ejemplo, en las cabeceras de los sitios web.
La identidad de la marca Secure Code Warrior debe aparecer de forma clara y legible en todas las solicitudes.
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.
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.
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.
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
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).
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.
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.
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.
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.
Nuestro símbolo está disponible en las tres variantes de color que se muestran aquí: Dorado, Medianoche y Blanco.
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.
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.
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.
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.
Midnight es más suave que el negro normal y contiene un toque de azul. Nunca utilice negro en aplicaciones digitales; utilice siempre azul espacial. 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.
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.
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.
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).
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.
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.
Los ejemplos que se muestran aquí ilustran los usos de los colores que debe evitar.
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.
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.
Midnight es más suave que el negro normal y contiene un toque de azul. Nunca utilice negro en aplicaciones digitales; utilice siempre azul espacial. 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.
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.
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.
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.
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.
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.
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 PlatformFundada 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.
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.
Director General, Presidente y Cofundador
Jefe de Tecnología, Director y Cofundador
Director de Atención al Cliente y cofundador
Director de Innovación de Productos. Cazador de Dragones en Jefe y Cofundador
Director de Estrategia de Clientes. Jefe Singh y cofundador.
Ingeniero principal y cofundador
