MANUAL DIGITAL

LUCHA DE MARCA

Conectar a las personas con el espacio ideal para compartir sus vidas.

2
MANUAL DIGITAL
 PERSONALIDAD, TONO
Y LENGUAJE DE MARCA

Personalidad Tono Lenguaje

Amigable Cotidiano
Casual
Descomplicada Informativo

Humana Positivo
Sugerente
Conocedora Humorístico

3
MANUAL DIGITAL
 SÍMBOLO DE MARCA

(El espacio que buscan) (Cerca de lo que quieren) (Y con lo que más les gusta) (Isotipo de marca)

4
MANUAL DIGITAL
CONTENIDO

1. Desarrollo y Concepto de Marca

2. Redes Sociales
3. Contenido Web
4. Pauta Digital
5. Outdoor
6. Aplicaciones de Marca

5
MANUAL DIGITAL
1.DESARROLLO
Y CONCEPTO DE
MARCA

6
MANUAL DIGITAL
CONCEPTO Y PLANIMETRÍA
DE MARCA

Buscar una nueva vivienda es casi lo mismo que buscar pareja. Por eso,
Ciencuadras representa lo que las personas están buscando en un ícono que se
convierte en el imagotipo de Ciencuadras.

7
MANUAL DIGITAL
Estas son las dos aplicaciones correctas del imagotipo. La primera para formatos
horizontales y de gran tamaño, y la segunda para formatos de tamaño
reducido o vertical.

8
MANUAL DIGITAL
COBRANDING

Respetando las correspondientes zonas de seguridad, el logo del aliado se debe

ubicar a la derecha del imagotipo de Ciencuadras, separado por una delgada línea
de color gris encargada de delimitar la separación entre cada uno.
Esto aplica tanto para el uso del imagotipo de Ciencuadras con el “.com” como
para su uso sin dicho elemento. 9
MANUAL DIGITAL
RESERVA Y USO
MÍNIMO DEL IMAGOTIPO

50 px
330 px
Zona de seguridad Tamaño mínimo

Con la medida del isotipo de la marca, se genera la medida X y con esta

delimitaremos la zona de seguridad del imagotipo.

=X
10
MANUAL DIGITAL
RETÍCULA

Especificaciones
La retícula está diseñada para todos los formatos. Los requerimientos son: dos
columnas, dos filas, un margen de 70 px y el área del imagotipo depende de los
diferentes formatos.
11
MANUAL DIGITAL
 USOS CORRECTOS

(Logo alterno)

(Imagotipo)

(Isotipo)

Las distintas aplicaciones del logo varían según el formato o el fondo de color que
tenga la imagen. Siempre debe tener completa visibilidad.
El imagotipo debe finalizar con el “.com”.
12
MANUAL DIGITAL
USOS INCORRECTOS

El imagotipo nunca puede ir con colores diferentes a los de la marca, con degradé,
tamaños alterados o con sus letras en disposición vertical.

13
MANUAL DIGITAL
POSICIÓN CORRECTA
E INCORRECTA

Tamaño y posición
*El tamaño del imagotipo en la composición no debe superar la mitad de la pieza
en todos los formatos, tal como se evidencia en las imágenes de referencia.
*La posición irá en los laterales de la publicación.
14
MANUAL DIGITAL
 a

USO CORRECTO
ESCRITURA DE MARCA
La forma de escribir Ciencuadras es transversal y aplica para todo tipo de medios y formatos:

• Ciencuadras al ser un nombre propio, siempre debe escribirse con la primera ( C ) en altas,
de igual forma, es una sola palabra, por lo cual debe ir todo pegado. Esta instrucción también
aplica para el hashtag: #Ciencuadras.
• Cuando se trate del dominio de la página web ciencuadras.com, la (C) se debe escribir en
bajas, puesto que las URLs nunca contienen altas.
• De ninguna forma se debe escribir la palabra Ciencuadras con espacios intermedios.
Ejemplo: Cien cuadras.
• No se deben manejar variaciones del nombre con números. Ejemplo: 100 cuadras.

15
MANUAL DIGITAL
POSICIONAMIENTO
DE MARCA
• En la mayoría de piezas o textos que relacionen la marca, ya sea en medios digitales o
medios tradicionales, el logo y el nombre que debe utilizarse es ciencuadras.com.
• Esto con el fin de indicar a los espectadores de piezas de comunicación que Ciencuadras es
un portal web, de esta forma se logra redirigir el interés del público directamente a la página
web para iniciar la interacción con el usuario.
• Este tipo de anuncio de marca aplica para locuciones y cierres de videos que se utilicen en
los diferentes medios.
• En comunicaciones de la marca donde se hable o presente un servicio que no esté habilitado
en la página web de Ciencuadras, no se debe hacer uso de la terminación “.com”. Ejemplo:
servicio alistamiento (hasta el 2018).

16
MANUAL DIGITAL
 COLORES CORPORATIVOS

Los colores rojo y verde ( secundarios) se usarán únicamente en la página web, así:
rojo: favoritos (corazón) y verde para indicar funcionalidades de los inmuebles.
Nota: En las fuentes de publicidad no se usarán los siguientes colores: verde gris, rojo. 17
MANUAL DIGITAL
Ejemplos del manejo de color indicado para el imagotipo, según el fondo en el que
se encuentre.

18
MANUAL DIGITAL
DO’S
• Ciencuadras se centra en el estilo de vida que tienen las personas con sus espacios ideales.
• Ciencuadras es incluyente con gustos, intereses y personas.
• El tono es alegre y humorístico.
• Ciencuadras varía el contenido y los mensajes para no ser repetitivo.
• Ciencuadras trata a todos los clientes por igual, con una personalidad de carácter muy humano.
• Los problemas se resuelven con amabilidad y atención.

DONT’S
• Ciencuadras no es un intermediario, debe ser el protagonista de la comunicación.
• Ciencuadras no es invasivo, redundante, oportunista o aburrido.
• Ciencuadras no tiene una comunicación unilateral.
• Ciencuadras no es poético, trascendental, ni usa clichés.
• Ciencuadras no es complejo en la comunicación, ni en la plataforma.
• Ciencuadras no subestima personas, espacios o necesidades.
19
MANUAL DIGITAL
 Aa

USO DE LA TIPOGRAFÍA

La tipografía Product Sans solo debe ser utilizada en comunicación y piezas

gráficas corporativas de la marca Ciencuadras.
Esta tipografía debe ser aplicada en página web, papelería , comunicaciones
internas, tarjetas de presentación, mailings aliados y todo tipo de comunicación
que no contemple campañas publicitarias.
La tipografía Gotham Black o Bold es exclusiva en el uso de piezas gráficas y
comunicaciones de campaña (publicidad), esta tipografía se aplica en piezas
digitales (banners, social media, videos, etc) y medios tradicionales (vallas,
eucoles, prints).
En pauta online, las altas se usan para todas las piezas, el uso de bajas está
reservado para complementar el contenido de infografías, banners y en general
para las descripciones extensas.
20
MANUAL DIGITAL
 Aa

TIPOGRAFÍA CORPORATIVA
PRODUCT SANS
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1234567890

TIPOGRAFÍA DE CAMPAÑA
GOTHAM BLACK O BOLD
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1234567890

21
MANUAL DIGITAL
MANEJO DE FOTOGRAFÍAS
& LAYOUT
• En las fotografías se deben representar situaciones cotidianas vividas dentro de
un mismo espacio, en familia, con los amigos e incluso con la pareja, en full HD.
• Las fotos deben ser en lo posible en interiores, evidenciando los beneficios
de dichos espacios. Los protagonistas son colombianos o al menos
latinoamericanos.
• En caso de requerir un filtro debe ser azul (lo menos intenso posible), no aplica
ningún otro color ni combinaciones cromáticas.
• Las fotografías con o sin filtro siempre buscarán transmitir la alegría de estar
cómodo y en el lugar correcto.

22
MANUAL DIGITAL
LAYOUT (logo dentro de imagen)

El imagotipo podrá ubicarse dentro de un contenedor blanco de forma rectangular

que le de mayor legibilidad.

23
MANUAL DIGITAL
TIPO DE FOTOS

Las fotografías en lo posible deben incluir personas, y se sugiere que cuenten

historias cortas, relacionadas con situaciones familiares. Por ejemplo: cocinando,
trabajando o divirtiéndose en un espacio, su espacio.

24
MANUAL DIGITAL
LEGIBILIDAD

El degradado de sombra suave debe utilizarse únicamente como última opción

y solo cuando en la imagen el imagotipo sea poco legible; de lo contrario, las
publicaciones deben hacerse sin degradado de sombra. 25
MANUAL DIGITAL
 LAYOUT PUBLICITARIO GENERAL

2 3

4 5

1. Titular inicial en naranja.

2. Frase de respaldo blanco.
3. Imagen que respalde la publicación.
4. Call to action (cuando aplique).
5. Logo ciencuadras.com.
26
MANUAL DIGITAL
 USO CORRECTO TIPOGRAFÍAS
FRASES COMPUESTAS

Titulares
El titular siempre debe ir en altas y en lo posible a la izquierda de la pieza,
su distribución debe ser en forma de bloque de texto.

Body o complemento
El texto complementario siempre debe ir tipo oración en un color blanco.

Call to action
Debe ir en un recuadro preferiblemente azul. Según el fondo de la pieza
podría tener variaciones a color naranja.

NOTA: La justificación de los textos pueden cambiar según la necesidad o el tipo

de imagen que se use. No se recomienda tener textos centrados a menos que se
use en una composicion 100% tipográfica.
27
MANUAL DIGITAL
 USO CORRECTO TIPOGRAFÍAS
DIGITAL – FRASES CORTAS

El texto que compone las frases cortas en formatos digitales

siempre debe ir tipo oración en un color blanco o azul y en altas, en
lo posible alineado a la izquierda. El color variará dependiendo del
fondo.

28
MANUAL DIGITAL
2.REDES
SOCIALES

29
MANUAL DIGITAL
 CONTENIDO REDES

Para nuevas redes que se vayan a implementar se debe elegir como primera opción de nombre de perfil “Ciencuadras”, si no está disponible,
se tiene “Ciencuadras Oficial” como alternativa (caso de Linked In). Además, se debe abrir una cuenta denominada 100cuadras para que no
quede libre.
Al responder los comentarios de los usuarios en las diferentes plataformas, el estilo de respuestas debe transmitir el tono de Ciencuadras,
que es: amigable, descomplicado, humano, conocedor, cotidiano, positivo, casual y con un sentido del humor respetuoso. También se pueden
usar gifs e imágenes. No se permiten respuestas que se desconecten de la marca, ni que estén relacionadas con temas álgidos, por ejemplo:
religión, sexo, política o equipos de fútbol fuera de la Selección Colombia.

*En Facebook, Instagram y Twitter el Copy out es máximo de cuatro líneas y debe estar acompañado de emojis.

*Cuando se pone el link del portal en todas las redes sociales, solo se utiliza la versión corta: ciencuadras.com y si como parte del copy se
agrega una URL extensa, se debe cortar con Bitly y copiarla en ese tamaño.

*Se admite el uso de las actualizaciones que vaya implementando cada red social, siempre y cuando estén alineadas con la estrategia de la
marca. Se analizarán los formatos permitidos por las diferentes redes para implementar una estrategia de contenido acorde con Ciencuadras.
30
MANUAL DIGITAL
IMAGEN DE PERFIL EN REDES
SOCIALES (4 VARIABLES)

Siempre debe ser el imagotipo para formatos de tamaño

reducido o solo el isotipo.

31
MANUAL DIGITAL
 USO DE IMÁGENES
EN REDES SOCIALES

Todas las piezas con imagen deben tener la misma línea gráfica.
Actualmente no se utilizan ilustraciones o vectores. Así mismo, en caso de
hacer citas textuales deberán ser afines a la marca, es decir, divertidas, o
con un toque de humor.
Se deben evitar frases transcendentales o complejas. El uso de memes
puede ser ocasional (siempre y cuando sean fotográficos), sin embargo es
preferible subir imágenes propias, para lograr diferenciación.
El logo en lo posible debe estar ubicado en la esquina inferior derecha.
Sin embargo con el fin de ajustarnos a la pieza, puede ir en otras esquinas
(respetando los lineamientos anteriores).

32
MANUAL DIGITAL
FACEBOOK

*En esta red social no hay uso de hashtag.

33
MANUAL DIGITAL
 INSTAGRAM

*Los posts finalizan con hashtags en español e inglés (se eligen los que
tengan relación con la pieza y que sean tendencia en el día). Siempre debe ir
#Ciencuadras.

*El copy out se separa de los hashtag con puntos negros para evitar su
saturación, así como se ve en la imagen.

34
MANUAL DIGITAL
 INSTASTORIES

*Por limitación de la aplicación, se usará la tipografía que mayor

relación tenga con los lineamientos digitales de la marca y en color
azul (026094). Máximo dos gifs por instastory.

*Se admite el uso de ilustraciones cuando se trate de objetos, no

de personas (por ejemplo: cuadernos, papeles, escritorios, etc.).

*Cuando se utilicen piezas con el imagotipo de Ciencuadras, éste

se debe ubicar en la parte inferior de la instastory para que no
interfieran con la foto del perfil de la marca que siempre aparece
en la parte superior izquierda. Es Ideal que las fotos ocupen el
100% de la pieza. En su defecto (foto sobre fondo).

35
MANUAL DIGITAL
 TWITTER

No es una red social de alta injerencia para la marca, sin embargo cuando dé lugar (por temas
puntuales) se tendrán en cuenta las siguientes anotaciones:
Los posts finalizan con hashtags en español e inglés (se eligen los que tengan relación con la
pieza y que sean tendencia en el día). Siempre debe ir #Ciencuadras.

36
MANUAL DIGITAL
 VIDEO ADS DIGITALES

Todo el contenido audiovisual debe atrapar la atención en los primeros cinco

segundos. Debe seguir la estructura previamente mencionada, con texto
moderado, un tiempo de lectura promedio y un cierre unificado.
Todas las piezas deben tener la siguiente estructura:
1. Desarrollo de historia.
2. CTA (call to action). Por ejemplo: cómpralo o arriéndalo en ciencuadras.com.
3. Frase de cierre con el selling line: “Ciencuadras, espacios que llenan tu vida”, y
debe incluir el sonotipo de la marca.
4. RTB Funcionalidad de la plataforma que se quiera resaltar (máximo dos
por pieza). Por ejemplo: medidas exactas y fotos 360º.

37
MANUAL DIGITAL
 YOUTUBE

*El título del video siempre debe tener un texto

breve relacionado con el mismo y terminar con “|
Ciencuadras”
*La descripción del vídeo debe ser diferente al copy
del mismo y no tener más de tres líneas; debe incluir
un cierre con el link de Ciencuadras y finalizar con el
selling line: Ciencuadras, espacios que llenan tu vida., y
el sonotipo de la marca.
*Se deben utilizar mínimo 3 etiquetas relacionadas con
el contenido del video.

38
MANUAL DIGITAL
3.CONTENIDO
WEB

39
MANUAL DIGITAL
LÍNEA DE CONTENIDO WEB
Los contenidos están segmentados de acuerdo con las audiencias de la marca, que son:
parejas, roommates, familias con niños pequeños, familias grandes, personas o familias
con mascotas, empresarios independientes, solteros y segmentos especiales (personas
en condición de discapacidad, de la tercera edad o que tengan sus negocios en casa).

Las imágenes deben ser divertidas y diferentes de acuerdo con la identidad de

Ciencuadras. Se seleccionan teniendo en cuenta el eje de contenido y la segmentación
de la pieza, pueden ser: expresiones faciales, mascotas, familias, artículos del hogar,
inmuebles, personas diversas, imágenes tendencia que sean oportunas para la marca,
símbolos y vectores.

No se permiten piezas que se desconecten de la marca, ni que estén relacionadas

con temas álgidos, por ejemplo: religión, sexo, política o equipos de fútbol fuera de la
Selección Colombia.

Tanto los copies como las imágenes escogidas deben transmitir el tono de Ciencuadras,
que es: amigable, descomplicado, humano, conocedor, cotidiano, positivo, casual y con un
sentido del humor respetuoso.

El contenido es publicado en formato post, sin embargo, las piezas se ajustan de acuerdo
con los formatos permitidos por cada red social.
40
MANUAL DIGITAL
 LÍNEA DE CONTENIDO WEB

Piezas sin copy

Cuando la imagen es explícita se complementa la
publicación con el copy out.

Estadísticas y diccionario
Esta línea está enfocada en el acompañamiento de la
marca a la audiencia con datos sobre el sector inmobiliario,
frases cercanas y con un toque de humor.
Los textos que citen alguna cifra deben generar una
sugerencia o tips útiles para los usuarios.

41
MANUAL DIGITAL
LÍNEA DE CONTENIDO WEB

Tips de decoración
Contenidos con información breve e interesante para
los amantes de la decoración.

Contenido funcionalidades
Se desarrollan publicaciones que den a conocer los
beneficios del portal, de forma que el usuario prefiera
buscar inmuebles en Ciencuadras.

42
MANUAL DIGITAL
 LÍNEA DE CONTENIDO WEB
Contenido de apoyo para las inmobiliarias
Ciencuadras trabaja de la mano del sector inmobiliario, por
lo que genera contenido de valor para las inmobiliarias y los
arrendatarios o compradores.

Contenido SEO
En estas piezas se utilizan palabras clave para posicionar el
portal en el mercado y hacer más sencilla y personalizada la
búsqueda de inmuebles a nuestros usuarios.

43
MANUAL DIGITAL
 LÍNEA DE CONTENIDO WEB
Contenido sobre la marca
Con el propósito de generar comunidad en torno a Ciencuadras se
realizan contenidos enfocados en el posicionamiento de la marca.

Contenido tendencia
Ciencuadras es una marca fresca y divertida, por lo tanto,
además de tener contenido propio, tiene contenido disruptivo y
viral como los memes, que son apropiados para resaltar el tono
de humor. Ser oportunos y no oportunistas es la medida para la
selección y creación de este tipo de publicaciones.

44
MANUAL DIGITAL
 CONTENIDO
Animación
La duración mínima de una animación debe ser de tres
segundos y la máxima de 30 segundos.

Fotos 360º
En estas piezas se usa como marca de agua la versión
en blanco del imagotipo.
Facebook determina el tamaño de las fotos 360º.

45
MANUAL DIGITAL
CONTENIDO

Gif animado
La duración del gif no debe superar los diez segundos.
Este formato solo es admitido por Facebook.

46
MANUAL DIGITAL
4.PAUTA
DIGITAL

47
MANUAL DIGITAL
 FORMATOS PROGRAMÁTICA

Las piezas para pauta programática deben estar en formatos

HTML y opcionalmente CSS, JS, GIF, PNG, JPG, JPEG o SVG.
*(768*1024 px)
*(300*600 px)
*(320*480 px)
*(300*250 px)
*(320*250 px)
*(320*50 px)
*(728*90 px)
*Cuando las piezas contengan un botón CTA debe ir en color Pantone
137C.

48
MANUAL DIGITAL
 FORMATOS DISPLAY

Las piezas para display deben estar en formatos HTML y

opcionalmente CSS, JS, GIF, PNG, JPG, JPEG SVG.

*Anuncio media pagina (300*600 px)

*Rectángulo intercalado (300*250 px)
*Banner para dispositivo móvil (320*50 px)
*Skyscraper horizontal (728*90 px)
*Cuadrado (250*250 px)
*Cuando las piezas contengan un botón CTA debe ir en color
Pantone 137C.

49
MANUAL DIGITAL
5.OUTDOOR

• AVISO
• VALLA
• EUCOL

50
MANUAL DIGITAL
 51
MANUAL DIGITAL
 52
MANUAL DIGITAL
 53
MANUAL DIGITAL
 54
MANUAL DIGITAL
6.APLICACIONES
DE MARCA
• TARJETAS DE PRESENTACIÓN.
• HOJA MEMBRETADA.
• APLICACIÓN EN OFICINA.
• UNIFORME DEL PERSONAL

55
MANUAL DIGITAL
 56
MANUAL DIGITAL
 57
MANUAL DIGITAL
 58
MANUAL DIGITAL
 59
MANUAL DIGITAL
 60
MANUAL DIGITAL