DiseĂąado por:
w w w . s o n n a r c r m . c o m
manual de identidad
CONTENIDO INTRODUCCIÓN Acerca de SonnarCRM La Identidad de SonnarCRM
04
ESCALA DE GRISES Paleta de Grises Transparencias
14
LOGOTIPO Identidad Versión Principal (Horizontal) Versión Secundaria (Centrada/Vertical) Símbolo
06
USO DE COLOR Logotipo (Fondo Claro) Logotipo (Fondo Oscuro) Reglas del Logotipo Símbolo (Variación de Color) Balance Especificaciones
16
COLORES PRINCIPALES Paleta de Colores Transparencias
10
COLORES DE RESALTE Paleta de Colores Transparencias
12
TIPOGRAFÍAS Comfortaa (Signatura y Especiales / Especificaciones) Raleway (Títulos y Subtítulos / Especificaciones) Open Sans (Texto para Uso Digital / Especificaciones) Source Sans Pro (Texto para Impresión / Especificaciones) Ejemplos de Textos (Jerarquización / Publicaciones)
22
REGLAS DEL LOGOTIPO Espacio Libre Tamaño Mínimo Alteraciones Aplicaciones Incorrectas Aplicaciones Correctas
32
REGLAS DEL SÍMBOLO Espacio Libre Tamaño Mínimo Alteraciones Aplicaciones Incorrectas Aplicaciones Correctas
44
USOS DE LOGO Y SÍMBOLO Página Web Software CRM Redes Sociales -Facebook -Twitter -LinkedIn
50
ELEMENTOS DE DISEÑO Iconografía Botones para Uso Web Imágenes Vectoriales Fotografías
60
ARTÍCULOS DE IDENTIDAD Tarjetas de Presentación Firma Digital para Email
64
INTRODUCCIÓN Acerca de SonnarCRM
Creemos que cada negocio necesita una herramienta CRM verdaderamente eficiente, rentable y fácil de usar. Es por eso que hemos creado SonnarCRM, una solución dedicada a maximizar la relación con sus clientes para obtener el mayor provecho en cada interacción a través de los diferentes canales de comunicación (movilidad, email, call center, web y puntos de venta).
04
Permite utilizar las mejores herramientas para Ventas, Atención al Cliente, Marketing y Programas de Lealtad, todo en un mismo lugar. Lo que la mayoría de las empresas quieren lo tiene SonnarCRM, ya que mejora las ventas, incrementa la retención y satisfacción de clientes, genera mejores campañas de marketing y aumenta la rentabilidad de los negocios.
La Identidad de SonnarCRM La identidad de SonnarCRM se compone de todos los elementos gráficos y visuales de la marca, los cuales en balance y sincronía conforman una imagen constante que le ayuda a tener una presencia más clara y constante en todos los medios de comunicación que la marca utilice para hacer llegar información y promocionarse a los clientes. En este manual se describen todos los lineamientos, reglas y procedimientos a seguir para que la identidad de SonnarCRM no sufra alteraciones ni modificaciones no deseadas.
05
LOGOTIPO Identidad
El Logotipo de SonnarCRM está conformado por dos elementos: las ondas del sonar que representa la visión 360º del producto, la expansión tecnológica que se obtiene gracias a su implementación y el mayor alcance de nuevos clientes para las empresas. A las ondas del sonar se le denota dentro de las piezas del logotipo, como “Símbolo”. 06
El Símbolo se complementa con el nombre del producto “SonnarCRM”, representado en la tipografía Comfortaa y escrito en minúsculas, en estilo Bold y Light para dar una mejor lectura. Esta pieza del Logotipo se conoce como “Signatura”. La combinación del Símbolo y la Signatura dan lugar al Logotipo.
Versión Principal (Horizontal) La alineación Horizontal combina el Símbolo y la Signatura “SonnarCRM”. Esta construcción es el formato principal y debe ser utilizado en cualquier lugar posible. No intente alterarlo, redibujarlo, recrearlo ni separar o reorganizar la Signatura y el Símbolo. Siempre se deben utilizar los archivos digitales del diseño original aprobado. 1.5x
2x
7.7x
0.5x
0.35y
07
Símbolo Signatura
x
3.3x
x
Límites del Logo *Valor de x = 20 px
Versión Secundaria
0.43x
8.6 x
(Centrada/Vertical)
08
Cuando en el espacio no se puede aplicar el logotipo horizontal, se podrá utilizar la versión secundaria, es decir, en vertical. No intente alterarlo, redibujarlo, recrearlo ni separar o reorganizar la Signatura y el Símbolo. Siempre se deben utilizar los archivos digitales del diseño original aprobado.
8x
x
Límites del Símbolo
x *Valor de x = 15 px
0.43
Símbolo El Símbolo de SonnarCRM es una fusión entre la letra “O” y las ondas del Sonar, buscando dar la idea de una visión 360º. La expasión de las ondas crea un mayor alcance a los clientes, cerrando ciclos de ventas. Al resaltar la letra “O” se relaciona inconscientemente al producto con Obelit Consulting Services. No intente alterarlo, redibujarlo, recrearlo ni separar o reorganizar el orden de las ondas del Símbolo. Siempre se deben utilizar los archivos digitales del diseño original aprobado.
30 y
2y
17.5 y
y
3.5 y
4y
12.5 x 11.5 x
09
2 .5 x
2x
x
Espacio en Blanco Mínimo Espacio en Blanco Recomendado
COLORES PRINCIPALES Paleta de Colores
El uso del color es un aspecto importante de la identidad de SonnarCRM, la paleta de colores principales está compuesta por una variación de azules y un amarillo específico, los cuales deben de predomiar en publicaciones digitales e impresas, usando estratégicamente las combinaciones de color. El color Pantone® y el color de proceso 4/C son los que se especifican para uso en impresos. Las especificaciones para RGB se utilizarán únicamente en aplicaciones digitales. Estas se proporcionan a continuación de modo que obtengamos una apariencia consistente en los diferentes medios. 10
AZUL FUERTE
AZUL 2
AZUL 1
AZUL CLARO
AMARILLO
PARA USO DIGITAL #154469 R: 21 G: 68 B: 105 PARA USO IMPRESO Pantone Metallic 8483C C: 100 M: 75 Y: 34 K: 17
PARA USO DIGITAL #32749D R: 50 G: 116 B: 157 PARA USO IMPRESO Pantone Metallic 8203C C: 84 M: 46 Y: 18 K: 1
PARA USO DIGITAL #478FC3 R: 71 G: 143 B: 195 PARA USO IMPRESO Pantone SC 646C C: 73 M: 31 Y: 3 K: 0
PARA USO DIGITAL #7AC0E6 R: 122 G: 192 B: 230 PARA USO IMPRESO Pantone SU 291U C: 51 M: 8 Y: 1 K: 0
PARA USO DIGITAL #FFD750 R: 255 G: 215 B: 80 PARA USO IMPRESO Pantone SC 7404C C: 1 M: 11 Y: 75 K: 0
20%
70%
30% % 40
70%
30%
100%
70% %
40
%
80
60
%
AZUL CLARO
%
20%
90%
90%
%
50%
%
80
60
50%
40
100%
90%
70%
AZUL 1 10%
10%
30%
100%
%
AZUL 2
20%
%
80
60
%
40
%
50%
%
100%
80
60
AZUL FUERTE
90%
90%
30%
50%
%
70% %
40
20%
60
Para fines prácticos y estéticos, utilice los porcentajes de transparencia en múltiplos de 10, siendo el 10% el máximo de transparencia permitido.
50%
A continuación se muestra la paleta de colores principales con sus respectivos porcentajes de transparencia.
100%
%
10%
30%
80
10%
Las transparencias de la paleta de colores principales se pueden utilizar para fines estéticos al crear trabajos de diseño.
20%
10%
Transparencias
AMARILLO
11
COLORES DE RESALTE Paleta de Colores
La paleta de colores de resalte se utiliza sólo para fines estéticos en imágenes e ilustraciones, de forma que en combinación con los colores principales se mande un mensaje mucho más fuerte de la marca. Estos colores no forman parte de la paleta de colores principales de la marca, por lo cual no deben ser utilizados en el Logotipo, Símbolo o predomiar en publicaciones web o impresas.
12
AZUL 4
AZUL 3
TURQUESA
GRIS OXFORD
GRIS CENIZO
PARA USO DIGITAL #1B3A54 R: 27 G: 58 B: 84 PARA USO IMPRESO Pantone SC 7546C C: 100 M: 78 Y: 40 K: 31
PARA USO DIGITAL #1C5088 R: 28 G: 80 B: 136 PARA USO IMPRESO Pantone SC 2140C C: 100 M: 74 Y: 17 K: 3
PARA USO DIGITAL #21D0DB R: 33 G: 208 B: 219 PARA USO IMPRESO Pantone SU 319U C: 64 M: 0 Y: 17 K: 0
PARA USO DIGITAL #576672 R: 87 G: 102 B: 114 PARA USO IMPRESO Pantone SC 431C C: 70 M: 53 Y: 40 K: 13
PARA USO DIGITAL #B6C8CA R: 182 G: 200 B: 202 PARA USO IMPRESO #B6C8CA C: 30 M: 13 Y: 16 K: 0
20%
70%
30% % 40
20%
70%
30%
100%
70% %
60
40
%
80
50%
%
GRIS OXFORD
%
%
90%
90%
80
60
40
100%
50%
%
30%
90%
70%
TURQUESA 10%
10%
20%
100%
%
AZUL 3
%
80
60
%
40
%
50%
%
100%
80
60
AZUL 4
90%
90%
30%
50%
%
70% %
40
20%
60
Para fines prácticos y estéticos, utilice los porcentajes de transparencia en múltiplos de 10, siendo el 10% el máximo de transparencia permitido.
50%
A continuación se muestra la paleta de colores de resalte con sus respectivos porcentajes de transparencia.
%
10%
100%
30%
80
10%
Las transparencias de la paleta de colores de resalte se pueden utilizar para fines estéticos al crear trabajos de diseño.
20%
10%
Transparencias
GRIS CENIZO
13
ESCALA DE GRISES Paleta de Grises
La paleta de grises se utiliza para crear sombras y diferenciación de textos con fines estéticos. El negro y blanco puro se consideran parte de esta paleta. Puede usarse a discresión en fondos o elementos especiales de publicaciones web o impresas. También se puede aplicar en el Logotipo y Símbolo bajo los lineamientos establecidos en la sección de uso de color.
14
GRIS 5
GRIS 4
GRIS 3
GRIS 2
GRIS 1
PARA USO WEB #282829 R: 40 G: 40 B: 41 PARA USO IMPRESO Pantone Neutral Black C C: 81 M: 75 Y: 58 K: 59
PARA USO WEB #808080 R: 128 G: 128 B: 128 PARA USO IMPRESO Pantone SU 425U C: 52 M: 43 Y: 0 K: 6
PARA USO WEB #B3B3B3 R: 179 G: 179 B: 179 PARA USO IMPRESO Pantone Metallic 877C C: 31 M: 24 Y: 23 K: 0
PARA USO WEB #E7E7E8 R: 231 G: 231 B: 232 PARA USO IMPRESO Pantone SU 7541U C: 10 M: 7 Y: 6 K: 0
PARA USO WEB #ECF0F1 R: 236 G: 240 B: 241 PARA USO IMPRESO Pantone Pastels 9062C C: 8 M: 3 Y: 4 K: 0
Transparencias Las transparencias de la escala de grises se pueden utilizar para fines estéticos al crear trabajos de diseño que requieran sobras o reflejos en imagenes o fotografías. A continuación se muestra la escala de grises con sus respectivos porcentajes de transparencia sobre la paleta de colores principal. Para fines prácticos y estéticos, utilice los porcentajes de transparencia en múltiplos de 10, siendo el 10% el máximo de transparencia permitido. 15 10%
10%
10%
10%
10%
10%
10%
20%
20%
20%
20%
20%
20%
20%
30%
30%
30%
30%
30%
30%
30%
40%
40%
40%
40%
40%
40%
40%
50%
50%
50%
50%
50%
50%
50%
60%
60%
60%
60%
60%
60%
60%
70%
70%
70%
70%
70%
70%
70%
80%
80%
80%
80%
80%
80%
80%
90%
90%
90%
90%
90%
90%
90%
NEGRO
GRIS 5
GRIS 4
GRIS 3
GRIS 2
GRIS 1
BLANCO
USO DE COLOR Logotipo (Fondo Claro)
Para el Logotipo de SonnarCRM sobre Fondo Claro se utiliza el color Azul Claro para el SĂmbolo y el Azul 2 para la Signatura. Los fondos claros son el Blanco, el Gris 1 y Gris 2. No utilice este Logotipo sobre cualquier otro color no mencionado. Aplica para el Logotipo Principal y Secundario.
16
BLANCO
GRIS 1
GRIS 2
Logotipo (Fondo Oscuro) Para el Logotipo (Principal y Secundario) de SonnarCRM sobre Fondo Oscuro se utiliza el color Azul Claro para el SÃmbolo y el Blanco para la Signatura. Los fondos oscuros son: Gris 3 al 5, Negro, Amarillo, Azul 1, 2 y Fuerte. No utilice este Logotipo sobre otro color no mencionado.
17
GRIS 3
GRIS 4
GRIS 5
NEGRO
AMARILLO
AZUL 1
AZUL 2
AZUL FUERTE
Reglas del Logotipo Las variaciones de color en el Logotipo tienen consideraciones a tomar en cuenta para evitar una mala implementación de este. Aplica para el Logotipo Principal y Secundario.
18
FONDO AZUL CLARO
El Logotipo es diferente al que se utiliza sobre Fondo Claro u Oscuro, el Símbolo debe ser en Azul 1 y la Signatura en Blanco Puro
Logotipo en B&N: use escala de grises, con el Símbolo más claro que la Signatura
NUNCA utilizar el color Amarillo en el Símbolo
NO utilizar el Logotipo para Fondo Oscuro sobre un Fondo Claro
NO utilizar el mismo color para el Símbolo y Signatura
NUNCA utilizar el color Amarillo en la Signatura
NO utilizar el Logotipo para Fondo Claro sobre un Fondo Oscuro
Símbolo (Variación de Colores) Para el Símbolo se pueden aplicar todos los colores de la paleta de Colores Principales y la de Escala de Grises, siempre que este no se encuentre en conjunto con la Signatura. No utilice los Colores de Resalte en el Símbolo.
19
Balance El gráfico sirve como guía para el buen balance y equilibrio del uso de los Colores Principales, Colores de Resalte y Escala de Grises de SonnarCRM. Este uso del color facilita la consistencia en el diseño de todas las publicaciones digitales o impresas del producto y evita el desorden a través de la comunicación de la marca.
AZUL 2
AMARILLO AZUL 4 AZUL 3
AZUL CLARO
TURQUESA GRIS OXFORD GRIS CENIZO
20
¿Porqué Azul?
El azul es parte integral de la identidad visual de SonnarCRM, es el color más popular en el espectro y sugiere autoridad, seguridad, estabilidad, confianza y accesibilidad, características que un CRM debe de brindar. Las tonos de azul complementan rasgos atractivos del producto, los tonos más oscuros brindan la idea de tradición y calidad, los más brillantes, innovación y tecnología. Gracias a todo lo que comunica el color Azul, es importante aprovechar su uso en la comunicación de la marca.
AZUL FUERTE
NEGRO GRIS 5 GRIS 4 GRIS 3 GRIS 2 GRIS 1 AZUL 1
BLANCO
Especificaciones •Los Colores Principales, en combinación con el Blanco, brindan una plataforma de diseño consistente. El Amarillo se debe usar a discresión pudiéndose utilizar en íconos, botones o elementos de las publicaciones digitales o impresas. •Los Colores de Resalte deben usarse sólo para elementos de diseño en imágenes vectoriales o fotografías, NO utilizarlos en textos, íconos, botones, elementos clave, ni en el Logotipo o Símbolo de SonnarCRM. 21
•La Escala de Grises es principalmente utilizada para dar sombras y brillos a las imagenes y fotografías. El Blanco, Gris 1 y Gris 2 pueden ser utilizados como fondos y los Grises 3 al 5 para textos y elementos clave. El Negro debe utilizarse sólo para textos. •La coincidencia del color es crucial para el éxito de cualquier proyecto impreso. Aunque las diferencias visuales en la impresión no pueden ser eliminadas por completo, pueden ser minimizadas. Habrá ligeras variaciones de color al imprimir en distintos tipos de papel, por lo cual se deben de minimizar por concordancia con muestras de color PANTONE®, ajustando la formula de los valores de CMYK al tipo de papel y otras condiciones de impresión.
TIPOGRAFÍAS Comfortaa (Signatura y Especiales)
Seleccionamos una tipografía que permite a SonnarCRM tener una imagen amigable, profesional y tecnológica que refuerza visualmente su identidad. Debido a que esta tipografía forma parte del Logotipo, su utilización en títulos, encabezados y textos está limitado a casos especiales establecidos en las especificaciones de la tipografía.
22
Cualidades de la Tipografía:
Comfortaa demuestra ser “accesible” y “directa”, así como fácil de leer tanto en medios digitales como impresos. Es un tipo de letra humanista de la familia sans-serif con un estilo simple, redondeado y geométrico, permitiéndole ser usada en grandes tamaños así como en tamaños ínfimos sin que las letras, números o símbolos se distorsionen.
Tamaño y Capitalización:
El uso de Mayúsculas y Minúsculas en títulos y encabezados apoyan a dar la imagen de amabilidad y profesionalismo de la marca. Utilice el tipo de letra, tamaño, y grosor con inteligencia para establecer una jerarquización clara de la información. Para diferenciar la jerarquización de información se recomienda usar un mínimo de 2 puntos con 10 puntos máximo de diferencia entre cada nivel.
Comfortaa (Especificaciones) Se puede utilizar para cuestiones de publicidad en anuncios y publicaciones digitales para resaltar el nombre de “SonnarCRM” y diferenciarlo dentro del texto, así como para resaltar algunos encabezados o títulos pero sólo con el fin de enfatizar. No debe utilizarse en títulos y textos de información general.
Se utiliza al mencionar el nombre de “SonnarCRM” para resaltarlo del texto general. Debe utilizarse para los números en presentaciones, catálogos etc. Se utiliza al mencionar el nombre de “SonnarCRM” para resaltarlo del texto general.
Comfortaa Regular
ABCDEFGHIJKLMNÑOPQRS T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 ! ¡ ¿? @ # $ % & ( ) + - = . , ; : “ * ^ ´
Comfortaa Bold Comfortaa Light
23
Raleway (Títulos y Subtítulos) Raleway es la tipografía seleccionada para los títulos y subtítulos de todos los materiales de comunicación de SonnarCRM, tanto digitales como impresos. Al ser una tipografía de estilo Neo-grotesque, ésta puede ser sustituida por un tipo de letra Arial o Helvetica para comunicación corporativa.
24
Cualidades de la Tipografía:
La apariencia de Raleway es fuerte y funcional, muestra muy bien una personalidad profesional, con mucha actitud oculta dentro de su diseño minimalista. Este tipo de letra demuestra un estilo contemporáneo, permitiendo a SonnarCRM tener una imagen moderna.
Tamaño y Capitalización:
Se usa para 3 niveles de jerarquización de textos: Título, Subtítulo 1 y Subtítulo 2. Entre cada nivel se debe de diferenciar el texto tanto en grosor como en tamaño, tomando como mínimo 2 puntos y máximo 10 puntos de diferencia de tamaño entre cada nivel. Para su escritura se recomienda usar mayúsculas y minúsculas, sin embargo, se pueden usar sólo mayúsculas para dar énfasis al título o subtítulo. Se debe tener cuidado con la elección de colores para este tipo de letra ya que al tener un “estilo delgado”, al usar colores pálidos para el texto, el fondo debe ser más oscuro y viceversa. Por último, se debe estar al pendiente de caracteres que se consumen cuando el texto está por debajo de 12 puntos.
Raleway (Especificaciones) Utilizado para el Subtítulo 2 y se deben de tomar en cuenta los 2 puntos mínimos y 10 puntos máximo entre cada nivel de jerarquización de texto. Evite utilizarlo en un tamaño menor a 12 puntos.
Utilizado para el Subtítulo 1 y se deben de tomar en cuenta los 2 puntos mínimos y 10 puntos máximo entre cada nivel de jerarquización de texto. Es recomendado para su uso en botones inactivos de la página web o software. Utilizado para el Títulos y se deben de tomar en cuenta los 2 puntos mínimos y 10 puntos máximo entre cada nivel de jerarquización de texto. Es recomendado para su uso en botones activos de la página web o software.
Raleway Regular ABCDEFGHIJKLMNÑOPQRS T U V W X Y Z abcdefghijklmnñopqrstuvwxyz 1 2 3 4 5 6 7 8 9 ! ¡ ¿? @ # $ % & ( ) + - = . , ; : “ * ^ ´
Raleway Semibold Raleway Bold
25
Open Sans (Texto para uso Digital) Se seleccionó la tipografía Open Sans para los textos de publicaciones digitales de SonnarCRM al ser popular en el diseño web de estilo “flat” o plano. Este tipo de diseño es un género minimalista UI (user interface o interfaz de usuario) y se utiliza comúnmente en interfaces gráficas de usuario, tales como aplicaciones web y móviles, especialmente en material gráfico como carteles, anuncios, documentos digitales y productos editoriales. 26
Cualidades de la Tipografía:
Open Sans es una tipografía perteneciente al género humanista de las tipografías sans serif. Está diseñada con un estilo en posición vertical, con formas abiertas entre letras y una gran altura x (longitud de letras minúsculas), dándole una apariencia neutral y amable. Este tipo de letra optimiza la legibilidad a través de pantallas, dispositivos electrónicos, interfaces móviles e incluso en impresión.
Tamaño y Capitalización:
Se debe usar la capitalización en Mayúsculas y Minúsculas para apoyar a dar la imagen de amabilidad y profesionalismo de la marca. Utilice el tipo de letra, tamaño, y grosor con inteligencia para establecer una jerarquización clara de la información. Para diferenciar la jerarquización de información se recomienda usar un mínimo de 2 puntos y un máximo de 10 puntos de diferencia entre cada nivel.
Open Sans (Especificaciones) Este grosor de tipografía se utiliza para el texto en general para todas las publicaciones digitales de SonnarCRM.
Los estilos “Italic” de la tipografía Open Sans son utilizados para citar fuentes o distinguir ciertas palabras de otras dentro del texto. Es utilizado al hacer referencia a títulos de libros, películas, música, etc. El grosor Light puede ser utilizado para texto en general y los grosores Semibold & Bold de la tipografía Open Sans son utilizados para resaltar palabras importantes en el texto o para cualndo se necesita agregar una jerarquía de texto adicional al subtítulo 2.
Open Sans Regular
ABCDEFGHIJKLMNÑOPQRS T U V W X Y Z abcdefghijklmnñopqrstuvwxyz 1 2 3 4 5 6 7 8 9 ! ¡ ¿? @ # $ % & ( ) + - = . , ; : “ * ^ ´
Open Sans Light Open Sans Semibold Open Sans Bold
Open Sans Italic Open Sans Light Italic Open Sans Semibold Italic Open Sans Bold
27
Source Sans Pro (Texto para Impresión) Seleccionamos una tipografía que permite a SonnarCRM proporcionar una cara de texto funcional para su uso en la impresión. Esta tipografia es utilizada para todos los materiales de comunicación impresa para mantener la identidad del producto. En casos en los que se requiera una comunicación corporativa y la tipografía Source Sans Pro no esté disponible, ésta puede ser sustituida por Arial o Helvetica.
28
Cualidades de la Tipografía:
Source Sans Pro es un tipo de letra grotesca clásica de la familia “Sans Serif” con un diseño sencillo, un éstilo ligero, y un cuerpo más delgado con una postura más erguida que brinda un tipo de letra optimizado para el texto impreso. Tiene un carácter sutil pero resonante, con una sofisticación que permite la utilidad y la accesibilidad de voz de la marca, con una imagen amigable, profesional y tecnológica que refuerza visualmente la identidad de SonnarCRM.
Tamaño y Capitalización:
Se debe usar la capitalización en Mayúsculas y Minúsculas para apoyar a dar la imagen de amabilidad y profesionalismo de la marca. Utilice el tipo de letra, tamaño, y grosor con inteligencia para establecer una jerarquización clara de la información. Para diferenciar la jerarquización de información se recomienda usar un mínimo de 2 puntos y un máximo de 10 puntos de diferencia entre cada nivel.
Source Sans Pro (Especificaciones) Este grosor de tipografía se utiliza para el texto en general para todas las publicaciones impresas de SonnarCRM en las cuales se utiliza un fondo claro.
Los estilos “Italic” de la tipografía Source Sans Pro son utilizados para citar fuentes o distinguir ciertas palabras de otras dentro del texto. Es utilizado al hacer referencia a títulos de libros, películas, música, etc. El grosor Light puede ser utilizado para texto en general para publicaciones con fondos oscuros. Los grosores Semibold & Bold de la tipografía Source Sans Pro son utilizados para resaltar palabras importantes en el texto o para cualndo se necesita agregar una jerarquía de texto adicional al subtítulo 2.
Source Sans Pro Regular
ABCDEFGHIJKLMNÑOPQRS T U V W X Y Z abcdefghijklmnñopqrstuvwxyz 1 2 3 4 5 6 7 8 9 ! ¡ ¿? @ # $ % & ( ) + - = . , ; : “ * ^ ´
Source Sans Pro Light Source Sans Pro Semibold Source Sans Pro Bold
Source Sans Pro Italic Source Sans Pro Light Italic Source Sans Pro Semibold Italic Source Sans Pro Bold Italic
29
Ejemplos de Textos
JERARQUIZACIÓN TÍTULO
30
Al darle importancia al texto se producen materiales de apoyo a la comercialización y la comunicación con el cliente. Los diseños convencionales tales como carteles y folletos, así como los más inusuales tales como artículos promocionales o de identidad deben de reflejar siempre una línea constante de diseño apegada a la imagen de la marca. El uso inteligente del texto lo hace más divertido e interesante en la publicidad, brinda un doble énfasis en la facilidad de uso y el atractivo general. El objetivo es crear artículos con impacto, que promuevan e informen de manera sucinta el mensaje de SonnarCRM.
Raleway Bold 30pts
RESALTE SONNARCRM Comfortaa Bold&Light 34pts
TEXTO ESPECIAL Open Sans Bold 14pts
SUBTÍTULO 1 Raleway Semibold 20pts
CITAS O DEFINICIÓN Open Sans Italic 12pts
INFO IMPORTANTE Open Sans Bold 12pts
TEXTO PRICIPAL Open Sans Regular 12pts
TEXTO DE SUB-CATEGORÍAS SUBTÍTULO 2
Open Sans Italic 10pts
Raleway Regular 18pts
SUBTÍTULO 3 Open Sans Semibold 14pts
SEPARACIÓN ENTRE TEXTOS 16pts (se toman 2pts más que el tamaño del texto).
*El párrafo del texto va justificado a la izquierda sin separación silábica. ** El ejemplo toma para textos la tipografía Open Sans (para uso digital), para uso impreso sustituir por la Source Sans Pro.
PUBLICACIÓN 1
PUBLICACIÓN 2
TEXTO 1
TEXTO 1: NÚMERO
Raleway Regular 20pts
Comfortaa Bold 40pts
TEXTO 1 Raleway Semibold 20pts
TEXTO 1: COMILLAS Comfortaa Regular 40pts, Altura -15pts
TEXTO 2
31
Open Sans Bold 40pts
TEXTO 3 Raleway Semibold 30pts
TEXTO 4 Raleway Semibold 30pts
TEXTO 4: FECHA Open Sans Semibold 12pts
TEXTO 3 Open Sans Semibold 14pts
TEXTO 2 Open Sans Regular 14pts
Los siguientes son ejemplos en donde se utilizan diferentes tipos de textos, grosores, tamaños y colores que demuestran las diferentes formas en las que se pueden utilizar los textos para darle diseño a las publicaciones de SonnarCRM.
REGLAS DEL LOGOTIPO Espacio Libre (Logotipo Principal)
Al implementar el Logotipo Principal de SonnarCRM se debe mantener un Espacio Libre alrededor para protegerlo de gráficos o tipográficos que causen distracción. Nunca permita que el texto o gráficos invadan el Espacio Libre del Logotipo. 32
Tipos de Espacio Libre
RECOMENDADO
Espacio Libre Recomendado: se mide por el alto y ancho de 1/2 letra “o” del texto “sonnar” de la Signatura. Se utiliza con prioridad en todos los medio de comunicación de la marca. Espacio Libre Mínimo: la medida es igual al alto y ancho de 1/2 letra “o” reducida en un 50% del texto “sonnar” de la Signatura. Utilizarlo solo cuando el espacio de aplicación sea muy reducido.
MÍNIMO
Espacio Libre (Logotipo Secundario) Al implementar el Logotipo Secundario de SonnarCRM se debe mantener un Espacio Libre alrededor para protegerlo de gráficos o tipográficos que causen distracción. Nunca permita que el texto o gráficos invadan el Espacio Libre del Logotipo.
Tipos de Espacio Libre
33
Espacio Libre Recomendado: se mide por el alto y ancho de dos letras “o” del texto “sonnar” de la Signatura. Se utiliza con prioridad en todos los medio de comunicación de la marca. Espacio Libre Mínimo: la medida es igual al alto y ancho de 1 letra “o” del texto “sonnar” de la Signatura. Utilizarlo solo cuando el espacio de aplicación sea muy reducido.
RECOMENDADO
MÍNIMO
Tamaño Mínimo (Logotipo Principal) Dependidendo del medio de comunicación en el que se implemente el Logotipo Principal de SonnarCRM, es importante considerar los tamaños mínimos de este para su buena distinción.
34
Se toma como base el logotipo sin espacio libre, en el cual la proporción no debe ser menor a 25 pixeles de alto cuando se use para medios digitales, o de 0.5 centímetros de alto cuando sea utilizado para materiales impresos. En los logotipos con espacio libre mínimo y recomendado se ajusta el valor de la altura en pixeles o centímetros para mantener la proporción mínima del logotipo.
DIGITAL 25 px
Logotipo Sin Espacio Libre 107.5 px
Espacio Libre Mínimo
31 px
Espacio Libre Recomendado
36.2 px
113.2 px
117.3 px
IMPRESIÓN 0.5 cm
Logotipo Sin Espacio Libre 2.15 cm
Espacio Libre Mínimo
0.6 cm 2.2 cm
0.7 cm 2.25 cm
Espacio Libre Recomendado
Tamaño Mínimo (Logotipo Secundario) Al igual que en el Logotipo Primario de SonnarCRM, en el Logotipo Secundario también se deden de considerar los tamaños de este para su buena distinción en los distintos medios de comunicación en el que se implemente. Se toma como base el logotipo sin espacio libre, en el cual la proporción no debe ser menor a 75 pixeles de alto cuando se use para medios digitales, o de 1.5 centímeros de alto cuando sea utilizado para materiales impresos. En los logotipos con espacio libre mínimo y recomendado se ajusta el valor de la altura en pixeles o centímetros para mantener la proporción mínima del logotipo.
DIGITAL
75 px
90 px
105 px
71 px
Logotipo Sin Espacio Libre
86 px
Espacio Libre Mínimo
101 px
Espacio Libre Recomendado
IMPRESIÓN 1.5 cm
1.8 cm 1.4 cm
Logotipo Sin Espacio Libre
2.1 cm 1.7 cm
Espacio Libre Mínimo
2 cm
Espacio Libre Recomendado
35
Alteraciones (Logotipo Principal) Para el máximo impacto y consistencia completa de la identidad de SonnarCRM, es importante proteger la integridad del Logotipo Principal. Siempre se deben utilizar los archivos digitales del diseño original aprobado. Evite alterar el logotipo como se ejemplifica a continuación.
36
ALARGAR
DIRECCIÓN
No cambie la dirección del Símbolo de SonnarCRM
COMPRIMIR
PERSPECTIVAR
POSICIÓN
SUSTITUIR SÍMBOLO
No cambie la posición del Símbolo de Sonnar en el Logotipo
No sustituya el Símbolo en el Logotipo por otro símbolo o figura
PIXELEAR
Use siempre el tamaño de logotipo necesario para cada medio
TIPOGRAFÍA
No cambiar la Tipografía de la Signatura
PROPORCIÓN
No cambie la proporción ni el tamaño del Símbolo o Signatura
GROSOR TIPOGRÁFICO
No invierta el grosor de los textos de la Sinatura en el Logotipo
Efectos Especiales: No agregue efectos especiales ni trate de estilizar el Logotipo de SonnarCRM. A continuacรณn se muestran unos ejemplos de estilos y efectos que debe evitar aplicar al Logotipo.
RECORTAR
DELINEAR
TRANSPARENCIA
USAR TEXTURAS
EFECTOS ARTร STICOS
BISEL O RELIEVE
EFECTO 3D
DESENFOCAR
SOMBRA
BRILLO
37
Alteraciones (Logotipo Secundario) Al igual que el Logotipo Principal, en el Logotipo Secundario de SonnarCRM se debe evitar su alteración para mantener una consistencia y buena implementación de la identidad del producto. Evite agregar efectos especiales o estilizarlo. A continuación se ejemplifican las alteraciones, efectos y estilos que se deben evitar en el Logotipo.
38
ALARGAR
COMPRIMIR
PERSPECTIVAR
PIXELEAR
Use el tamaño de logotipo necesario para cada medio
DESCENTRAR
Nunca posicione el logotipo esquinado o fuera del centro
DIRECCIÓN
Nunca cambiar la dirección del Símbolo
POSICIÓN
No cambie la posición del Símbolo del Logotipo
SUSTITUIR SÍMBOLO
No sustituya el símbolo por otro o por una figura
Nunca cambiarla en la Signatura
GROSOR TIPOGRÁFICO
RECORTAR
No inviertirla en la Signatura
EFECTO 3D
DESENFOCAR
SOMBRA
TIPOGRAFÍA
DELINEAR
BRILLO
TRANSPARENCIA
USAR TEXTURAS
EFECTOS ARTÍSTICOS
BISEL O RELIEVE
39
Aplicaciones Incorrectas (Logotipo Primario) Es importante prestar atención en la aplicación del Logotipo Principal de SonnarCRM en los diferentes medios de comunicación de la marca para que el logotipo no se pierda en el contenido y el diseño permanezca intacto. A continuación las aplicaciones incorrectas del logotipo.
40
COMO PATRÓN
COMO MARCA DE AGUA
COMO PARTE DE TEXTO
DENTRO DE FIGURAS
SOBRE PATRONES
SOBRE FOTOS COMPLEJAS
Aplicaciones Incorrectas (Logotipo Secundario) Se le da la misma importancia de uso al Logotipo Secundario de SonnarCRM en los diferentes medios de comunicación de la marca para que este no se pierda en el contenido y la identidad siga una línea constante. A continuación las aplicaciones incorrectas del logotipo.
41
COMO PATRÓN
COMO MARCA DE AGUA
DENTRO DE FIGURAS
SOBRE PATRONES
SOBRE FOTOS COMPLEJAS
Aplicaciones Correctas (Logotipo Primario) El buen uso del Logotipo Principal en los diferentes medios de comunicaciรณn de SonnarCRM garantizarรก mantener la identidad limpia, constante y dar el mensaje del producto de mejor manera. Estos son ejemplos de aplicaciones correctas del logotipo.
42
SOBRE FONDOS BORROSOS
SOBRE GRADIENTES SUTILES
EN FOTOS BORROSAS
EN FOTOS DIFUMINADAS
SOBRE PATRONES NEUTROS
Aplicaciones Correctas (Logotipo Secundario) Al igual que el Logotipo Principal , el Logotipo Secundario debe implementarse de manera correcta en los diferentes medios de comunicaciรณn de SonnarCRM para apegarse a la identidad del producto. Estos son ejemplos de aplicaciones correctas del logotipo.
43
SOBRE FONDOS BORROSOS
SOBRE GRADIENTES SUTILES
SOBRE PATRONES NEUTROS
EN FOTOS BORROSAS
EN FOTOS DIFUMINADAS
REGLAS DEL SÍMBOLO Espacio Libre (Símbolo)
Al implementar el Símbolo de SonnarCRM se debe mantener un Espacio Libre alrededor para protegerlo de gráficos o tipográficos que causen distracción. Nunca permita que el texto o gráficos invadan el Espacio Libre del Símbolo. 44
Tipos de Espacio Libre
Espacio Libre Recomendado: se mide por el alto y ancho de 1/2 letra “o” del texto “sonnar” de la Signatura del Logotipo Principal. Se utiliza como el símbolo característico del producto. Espacio Libre Mínimo: la medida es igual al alto y ancho de 1/2 letra “o” reducida en un 50% del texto “sonnar” de la Signatura Logotipo Principal. Usarlo cuando el espacio de aplicación sea muy reducido.
RECOMENDADO
MÍNIMO
Tamaño Mínimo (Símbolo) Al igual que en el Logotipo de SonnarCRM, el Símbolo también toma en cuenta los tamaños de este para su buena distinción en los distintos medios de comunicación en el que se implemente. Se toma como base el símbolo sin espacio libre, en el cual la proporción no debe ser menor a 10 pixeles de alto cuando se use para medios digitales, o de 4 milímetros de alto cuando sea utilizado para materiales impresos. En los símbolos con espacio libre mínimo y recomendado se ajusta el valor de la altura en pixeles o milímetros para mantener la proporción mínima del símbolo.
DIGITAL 10 px 10.74 px
11.9 px 12.65 px
14.54 px 15.26 px
IMPRESIÓN Símbolo Sin Espacio Libre
Espacio Libre Mínimo
Espacio Libre Recomendado
4 mm 4.3 mm
4.73 mm 5.03 mm 5.81 mm
Símbolo Sin Espacio Libre
Espacio Libre Mínimo
Espacio Libre Recomendado
6.09 mm
45
Alteraciones (Símbolo) Para el máximo impacto y consistencia completa de la identidad de SonnarCRM, es importante proteger la integridad del Símbolo. Siempre se deben utilizar los archivos digitales del diseño original aprobado. Evite alterar el símbolo como se ejemplifica a continuación.
46
ALARGAR
COMPRIMIR
PERSPECTIVAR
PIXELEAR
Use el tamaño de símbolo necesario para cada medio
DESCENTRAR
Nunca posicione el símbolo esquinado o fuera del centro
DIRECCIÓN
Nunca cambie la dirección del símbolo
QUITAR LAS ONDAS
Nunca elimine las ondas del símbolo
AGREGAR ONDAS No agregar más ondas al símbolo del sonar
Efectos Especiales: No agregue efectos especiales ni trate de estilizar el Símbolo de SonnarCRM. A continuacón se muestran unos ejemplos de estilos y efectos que debe evitar aplicar al Símbolo.
47
DELINEAR
APLICAR TEXTURAS
EFECTOS ARTÍSTICOS
BISEL O RELIEVE
EFECTO 3D
DESENFOCAR
COLORES
Nunca aplicar colores diferentes a las ondas
SOMBRA
BRILLO
Aplicaciones Incorrectas (Símbolo) Es importante prestar atención en la aplicación del Símbolo de SonnarCRM en los diferentes medios de comunicación de la marca para que su diseño permanezca intacto y la identidad del producto constante. Estos son unos ejemplos de la aplicación incorrecta del símbolo.
48
DENTRO DE FIGURAS
SOBRE PATRONES
SOBRE FOTOS COMPLEJAS
Aplicaciones Correctas (Símbolo) El buen uso del Símbolo en los diferentes medios de comunicación de SonnarCRM permitirá darle un mejor diseño a todos estos y mantener la identidad limpia, constante, mandando el mensaje del producto de mejor manera. Estos son ejemplos de aplicaciones correctas del símbolo.
49
COMO PATRÓN
COMO MARCA DE AGUA
EN FONDOS BORROSOS
EN FONDOS EN PATRONES GRADIENTES NEUTROS
EN FOTOS BORROSAS
EN FOTOS TRANSPARETE DIFUMINADAS Para dar diseño a las publicaciones o usarlo de fondo
RECORTE
No mayor al 20% manteniendo sus 3 ondas visibles
USOS DE LOGO Y SÍMBOLO Página Web
El Logotipo Principal de SonnarCRM se utiliza en todas las pantallas de la página web en la parte superior como botón de Home, para dispositivos móviles se utiliza el Símbolo en vez del Logotipo. Este también aparece en el fondo de cada pantalla junto con la información de contacto. No colocar el Logotipo en otra sección de la página web o como elemento de diseño, a excepción de que sea para hacer mención al nombre del producto en Landing Pages o Pop-Ups. 50
Logotipo Principal (Home) 195 x 46 pixeles
Símbolo (Home) 48 x 45 pixeles
Logotipo Principal (Footer)
186 x 44 pixeles
Se puede utilizar el Símbolo de SonnarCRM como elemento de diseño en la página, ya sea como imagen o como un fondo tenue o marca de agua, así como viñetas para enunciar categorías o características del producto. Así mismo este se usa como FabIcon en la ventaja del navegador.
51
Símbolo (FabIcon)
40 x 40 pixeles
Símbolo (Fondo) 48 x 45 pixeles
Símbolo (Viñetas)
15 x 20 pixeles
Software CRM (Login) El Logotipo Principal de SonnarCRM se utiliza en el Software de CRM en la pantalla de Login: - En la parte superior y centrado, arriba de los datos de ingreso. 52
- En la esquina derecha de abajo del cuadro donde se menciona la versiรณn del Software CRM.
Logotipo Principal (Login Arriba)
301 x 121 pixeles
Logotipo Principal (Login Abajo) 141 x 46 pixeles
Software CRM (Interface) Se utiliza el Símbolo como FabIcon en la pestaña del navegador y dentro de la interface del Software de CRM el logotipo Principal se coloca en la esquina izquierda de la barra de herramientas.
Símbolo (FabIcon)
40 x 40 pixeles
Logotipo Principal (Barra de Navegación)
133 x 38 pixeles
53
Redes Sociales (Facebook) Para la red social Facebook se puede utilizar tanto el Logotipo Principal como el Secundario para la Foto de Perfil y de Portada.
54
La imagen muestra las medidas de cada una y el área de protección a considerar para que la imagen sea responsiva en dispositivos móviles. *Medidas tomadas de la estructura y diseño de la red social Facebook al mes de Julio 2016. Es importante considerar que estas medidas pueden cambiar con cada actualización de versión.*
En la Foto de Perfil se puede utilizar el Logotipo Principal o el Secundario con el Espacio Libre Recomendado y sus variaciones de color en Blanco y los Azules de la Paleta Principal. Nunca utilice sólo el Símbolo o cualquier otra foto que no sea el Logotipo. Para la Foto de Portada se pueden utilizar imágenes vectoriales, fotos o frases que muestren las características del CRM, siempre contemplando el Área de Protección Móvil para que los elementos sean siempre visibles. Se puede colocar también el Logotipo Principal en la parte superior de la foto.
55
Redes Sociales (Twitter) Para una imagen consistente de la marca en las redes sociales se recomienda que en Twitter se utilice una imagen igual o similar a la de Facebook.
56
La imagen muestra las medidas de cada Foto y el Área Visible en pantallas de computadora. La Foto de Encabezado se escala dinámicamente en los dispositivos móviles, en una proporción de 2:1 y la Foto de Perfil se mueve con base al tamaño de la pantalla.
Inicio
Notificaciones
Foto de Encabezado 1500 x 500 px Área Visible: 1500 x 380 px 1500 px
380 px
Foto de Perfil 400x400
se despliega a 200x200
TWEETS
SIGUIENDO
45,5 K
155
Tweets
Sonnar CRM
@SonnarCRM
SEGUIDORES
300 K
Tweets y respuestas
ME GUSTA
7.500
LISTAS
15
Medios
Sacamos un nuevo CRM! Solicita información aquí: sonnarcrm.com/ifo Comparte y danos retweet!
Monterrey NL sonnarcrm.com
*Medidas tomadas de la estructura y diseño de la red social Twitter al mes de Julio 2016. Es importante considerar que estas medidas pueden cambiar con cada actualización de versión.*
Mensajes
Se unió en julio de 2016
Twittear a Fotos
Mensaje
IMAGEN 1024 x 512 pixeles
Obtén mayor rendimiento y mejora tu servicio a clientes con sonnarcrm. sonnarcrm.com/beneficios
VIDEO 506 x 285 pixeles
Inicio
Notificaciones
Mensajes
En la Foto de Perfil se puede utilizar el Logotipo Principal o el Secundario con el Espacio Libre Recomendado y sus variaciones de color en Blanco y los Azules de la Paleta Principal. Nunca utilice sólo el Símbolo o cualquier otra foto que no sea el Logotipo. Para la Foto de Encabezado se pueden utilizar imágenes vectoriales, fotos o frases que muestren las características del CRM, siempre contemplando el escalamiento de la Foto de Encabezado y el movimiento de la Foto de Perfil para que los elementos sean siempre visibles en todos los dispositivos móviles. Se puede colocar también el Logotipo Principal en la parte superior de la foto.
57
Foto de Perfil 400x400
se despliega a 200x200
TWEETS
SIGUIENDO
45,5 K
155
Tweets
Sonnar CRM
@SonnarCRM
SEGUIDORES
300 K
Tweets y respuestas
ME GUSTA
7.500
LISTAS
15
Medios
Sacamos un nuevo CRM! Solicita información aquí: sonnarcrm.com/ifo Comparte y danos retweet!
Monterrey NL sonnarcrm.com Se unió en julio de 2016
Twittear a
Mensaje
Fotos
Obtén mayor rendimiento y mejora tu servicio a clientes con sonnarcrm. sonnarcrm.com/beneficios
VIDEO 506 x 285 pixeles
Redes Sociales (LinkedIn) LinkedIn es una plataforma mucho más profesional en la cual se debe de mantener la imagen de la marca, sin embargo utilizarla en una manera mucho más seria.
58
Para ello se muestra la siguiente imagen que denota las medidas necesarias para tanto el logo de la página de la empresa como el tamaño de la Foto de Encabezado.
*Medidas tomadas de la estructura y diseño de la red social LinkedIn al mes de Julio 2016. Es importante considerar que estas medidas pueden cambiar con cada actualización de versión.*
Inicio
Perfil
Logo 400x400
Mi red
Empleos
Intereses
Servicios comerciales
Sonnar CRM
50,000 seguidores
Software 50+ empleados
Inicio
Prueba una cuenta Premium gratis
Seguir
Empleo Cómo estás conectado
Foto de Encabezado Mínimo 646x220 px La imagen debe ser más Ancha que Alta
Nuestra misión es proveer a nuestros clientes una herramienta estratégica de tipo CRM verdaderamente rentable y eficiente, que aporte al crecimiento del negocio y genere valor de forma rápida y accesible. Queremos clientes satisfechos y utilizamos Sonnar CRM internamente para realizar nuestra operación diaria de Ventas, Marketing y Atención a Clientes.
Ver más
50 empleados en LinkedIn Ver todo
Inicio
En el área del Logo se usa el Logotipo Principal o el Secundario con el Espacio Libre Recomendado y sus variaciones de color en Blanco y los Azules de la Paleta Principal. Nunca utilice sólo el Símbolo o cualquier otra foto que no sea el Logotipo.
Perfil
Mi red
Empleos
Intereses
Servicios comerciales
Sonnar CRM
50,000 seguidores
Software 50+ empleados
Inicio
Prueba una cuenta Premium gratis
Seguir
Empleo Cómo estás conectado
59
Para la Foto de Encabezado se recomienda no utilizar las imágenes vectoriales ya que se ven mucho más informales. En su lugar, utilice frases con textos en diferentes tamaños o fotos que muestren las características del CRM. De esta manera se mantiene la identidad de la marca pero de una forma más seria.
50 empleados en LinkedIn Ver todo
Nuestra misión es proveer a nuestros clientes una herramienta estratégica de tipo CRM verdaderamente rentable y eficiente, que aporte al crecimiento del negocio y genere valor de forma rápida y accesible. Queremos clientes satisfechos y utilizamos Sonnar CRM internamente para realizar nuestra operación diaria de Ventas, Marketing y Atención a Clientes.
Ver más
ELEMENTOS DE DISEÑO Iconografía
Íconos Thin Line
Los tipos de íconos seleccionados para la identidad de SonnarCRM son utilizados en los diferentes medios de comunicación de la marca como la página web, presentaciones comerciales, folletos, etc.
Tipos de Íconos 60
Íconos “thin line”: son el estilo de íconos que se usa a lo largo de toda la identidad. El estilo “thin line” está conformado por elementos de líneas delgadas que forman figuras las cuales pueden ser usadas a un solo tono o con diferentes tonaldades de azul. Pueden usarse solos o dentro de un circulo a un tono o delineado. Íconos Sonnar: es el ícono “thin line” a un tono de azul o blanco dentro de un círculo a un tono azul o blanco.
Íconos en Círculo
Íconos Sonnar
Botones para Uso Web Para la página web, documentos digitales con acción, presentaciones, etc. es necesario el uso de botones de acción que lleven una misma línea de diseño que vaya de acuerdo a la identidad de SonnarCRM.
Tipos de Botones Botones Redes Sociales: se utiliza el símbolo de la red social en estilo “thin line” a un solo tono. Puede ser de color blanco o cualquier azul de la paleta principal de colores.
Botones de Acción Definida: son los que tienen una descripción de la acción a ejecutar, se utiliza la tipografía Open Sans Bold en mayúsculas. El texto va dentro de un cilindro redondeado con delineado de 2 puntos. Al accionar el botón, este debe cambiar de color. El color puede ser blanco o cualquier azul de la paleta principal, tanto para el botón fijo como el accionado. SOLICITAR MÁS INFORMACIÓN
FICHA TÉCNICA
Botones Simbólicos: son símbolos de acción los cuales pueden usarse en cualquier color de la paleta principal, escala de grises o de resalte.
61
Imágenes Vectoriales Las imágenes vectoriales sirven como elementos de diseño para representar de forma visual algunas características o funciones de SonnarCRM.
62
Estas imágenes vectoriales por lo general se ven representadas por dispositivos electrónicos como computadoras, tablets o teléfonos móviles en los que se ilustran las imágenes de las pantallas del CRM. También pueden ser representadas por elementos como artículos de oficina o símbolos que representen las características del texto de descripción. En las imágenes se pueden utilizar los colores de la paleta principal, colores de resalte o escala de grises en base al balance de color.
Fotografías El uso de fotografías en SonnarCRM es reducido, sin embargo hay ocaciones en que necesita representar en forma visual alguna característica o función por medio de una foto. Se tienen dos tipos de fotografías: Pantallas del CRM: Aunque el CRM es resposivo, muchas veces al hacer un “screenshot” algunos elementos se cortan o se pierden, por lo que las fotografías se debe de trabajar para que todos los elementos se vean bien, tanto en balance como en tamaño.
Empresariales: éstas deben de ser de tonos neutrales (que no predomine un color) y representar el uso de un elemento electrónico, así como contener un elemento que resalte en color amarillo o azul para personalizar la fotografía con la imagen de SonnarCRM.
1 - Initial Contact 2 - Opportunity Detection 3 - Proposal
4 - Close
FOTO PANTALLA INCORRECTA
FOTO INCORRECTA
63
ARTÍCULOS DE IDENTIDAD Tarjetas de Presentación
Se tienen dos tipos de diseño de tarjetas de presentación, las personalizadas y las genéricas. Ambas tarjetas tienen el mismo diseño en la parte de atrás, la cual es el Logo de SonnarCRM sobre un fondo Azul 2. Para la parte del frente, las personalizadas cuentan con el nombre y celular de la persona, a demás de los datos de contacto de la empresa. Las genéricas cuentan con un espacio en blanco para agregar información personal.
64
+52 (81) 1253 7400 +52 (81) 1253 7400 +52 1 (81) 1783 2770 contacto@obelit.com
Martin Scalia
martin.scalia@sonnarcrm.com www.obelit.com www.sonnarcrm.com
Comercial Av. Insurgentes 2121 Rincón de las Colinas 64633, Monterrey, NL, México
ATRÁS
FRENTE-PERSONALIZADA
Consultor
Av. Insurgentes 2121 Rincón de las Colinas 64633, Monterrey, NL, México
FRENTE-GENÉRICA
Firma Electrónica Ésta se utiliza para personalizar los emails que se mandan desde el mail de SonnarCRM. Cuenta con los datos personales de quien envía el correo, los datos personales de contacto y los datos de contacto de la empresa, así como el logotipo de la marca.
65
www.sonnarcrm.com Tel. +52 (81) 1253 7400 Av. Insurgentes 2121, RincĂłn de las Colinas 64633 Monterrey, NL. MĂŠxico