Manual de Identidad Sonnar CRM

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.