Brandbook - Linda Caterine Romero by lcromeroa

Brand book.

Versión 01

Caterine Romero Architecture

Brand book. Versión 01

Sumario

Introducción

09 03 Recursos gráficos

01 Estrategia de marca Manifiesto del diseñador Valores de la marca

12 13

02 Elementos básicos

Test de repetición - construccón Patrón - alternativas Lenguaje fotográfico

30 31 32

04 Aplicaciones de la marca

Logotipo & logosimbolo Construcción-Zona de seguridad Test de reducción Usos indebidos Aplicación en positivo y negativo Aplicación en color

16 18 19 20 21

Tipografía Tipografía principal Jerarquia de usos tipográficos

22 23

Gama cromática Gama cromática principal Bases crmáticas Gama cromática secundaria

24 25 26

Hoja con membrete Sobre americano Tarjeta de presentación Mockup papeleria Página web Redes sociales Mockup cartel exterior Mockup tote bag

36 37 38 39 40 41 42 43

Bocetación

Glosario

Introducción

El desarrollo de una marca nace a partir de la proyección del concepto y la personalidad de está, generando un lenguaje visual coherente a partir de una serie de criterios que la caracteriza, proyectando así su esencia y logrando familiaridad e identificación entre la sociedad. Es así como se desarrolla el presente documento, un Brand book para la marca Caterine Romero Architecture, una guía que reúne las directrices para la aplicación adecuada de su identidad gráfica, ayudando a la construcción unificada de la marca. 09

Estrategía de marca

Habitar de manera sensitiva

Nombre Se opta por el nombre de la marca hacia una propuesta patronímica, Caterine Romero la proyección del individuo en sí, se complementa con el atributo de identidad en este caso Architecture, la elección del idioma responde a intensiones de poder focalizar la marca al exterior del país, y el caso de la descripción “Arquitectura”, dados los valores de la marca entre ellos “dinamismo” se concibe que en la vida de la marca se puedan desarrollar varias didácticas proyectuales de la profesión. Caterine Romero Architecture Es una marca enfocada hacia el diseño arquitectónico y el diseño interior cuya columna vertebral es: Habitar de manera sensible, tener un manejo de los estímulos mediante el color, la materialidad, el espacio y poder transmitir distintos tipos de experiencia. 11

Manifiesto de diseño

Entre la razón y la intuición elegimos la segunda, llena de posibilidades entre la creatividad, lo emocional y lo sensible. Somos curiosos ante las posibilidades que el diseño arquitectónico puede aportar a la sociedad desde distintas escalas y perspectivas, la manera en que la geometría, la materialidad y el color logran transmitir distintas emociones ante la percepción espacial, construyendo un paisaje onírico donde tú también estás invitado, un lugar donde el diseño y la arquitectura misma no es un ente alejado de las posibilidades de las personas, al contrario, acercándose a la comunidad, resignificando y dignificando el ser mediante el espacio que habita por medio de infinidad de posibilidades, dándote así la oportunidad de percibir y habitar de manera diferente. 12

Valores de la marca

Creatividad

Sensibilidad

Dinamismo

Minimalismo

Diversión

Empatía

Adaptación

Fuerza

Los valores de marca para Caterine Romero Architecture nacen desde la individualidad del ser y su proceso de autoconocimiento, convirtiéndose en atributos que aportan a la personalidad de la marca y gracias a este manual se entenderá la manera que actúa la misma. 13

Elementos básicos

Imagotipo Desde la intensión se eligen tres elementos de la personalidad de la marca que se quiere proyectar a la representación gráfica, al mismo tiempo se asigna un atributo a cada uno que se relacione y pueda ser graficado: (dinamismo-movimiento, minimalismo-vacío, adaptación-mutación), y con estos recursos poder graficar y geometrizar las iniciales CR, haciendo la pieza de tipo más abstracto. Tipografía La tipografía no es ajena a los conceptos anteriores, su elección radica en la proporción geométrica que tiene, y a la armonía que transmite a simple vista. Color Gama cromática principal el color cálido: Naranja, nos transmite diversión, alegría y sociabilidad, mientras que el color frio: El azul, que es su color complementario nos transmite armonía, calma, confianza. Esta combinación obedece a la complementariedad. La elección de la gama cromática secundaría radica en el uso de una base negra o fotografía a blanco y negro donde esta paleta incluye co-lores llamativos, divertidos y contrastantes que atrajeran al observador hacia la información que estos colores comuniquen, al mismo que sirvan como clasificador de proyectos. 15

Logotipo y logosimbolo - Construcción Lo go s im b olo

Imagotipo

Caterine Romero Architecture ZS

3.5X

Poppins Interlineado 14,54 Traking 110 Alineación central ZS: Zona de seguridad 1X 16

3.5X

4.5X

X/2

ZS: Zona de seguridad 1X

Caterine Romero Architecture ZS

Poppins Interlineado 32 Traking 150 Alineación derecha Alineación ezquierda ZS: Zona de seguridad 1X

3.5X

Lo go t ip o

6.5X

*El uso de las tres versiones (Logosimbolo, imagotipo y logotipo) serán validas para cualquier presentación, ya sea impresa o digital 17

Test de reducción

Caterine Romero Architecture

1.2 cm

2 cm

5 cm

Me d ios im p r es os

4.2 cm 2 cm Caterine Romero Architecture 3,5 cm

Caterine Romero Architecture

85 px

42 px

Caterine Romero Architecture

96 px

22 px

42 px

107 px

M e d ios d ig ita l e s

Usos incorrectos Caterine Romero Architecture

Caterine Romero Architecture

*El uso indebido de la marca deriva e distorción del reconocimiento de la misma

Caterine Romero Architecture

Positivo / negativo

Caterine Romero Architecture

* Vease apartado de bases cromáticas 20

Aplicación de color

Caterine Romero Architecture

Base BC1: GP1 Base BC2: GP2

Base GP1: BC1 Base GP2: BC1 21

Tipografía

Poppins

Diseñador: Indian Type Foundry * Esta tipografía es la unica se maneja en el desarrollo de la marca

Light ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 |!¡”$%&/=?¿^*,.;:-_[]

Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 |!¡”$%&/=?¿^*,.;:-_[]

SemiBold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 |!¡”$%&/=?¿^*,.;:-_[] Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 |!¡”$%&/=?¿^*,.;:-_[]

Jerarquía de usos Poppins Bold

32pt / Int 38,4 pt

Poppins Bold Italic

24pt / Int 28,8 pt

Poppins Bold Poppins SemiBold Italic

24pt / Int 28,8 pt 20pt / Int 24 pt

Título de sección Subtitulo de sección Título de parrafo Subtítulo

Poppins Regular 12pt / Int 14,4 pt / Negro 60% Justificar todas las líneas

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Poppins Regular

10pt / Int 12pt / Negro 60%

Fig. 1 Pie de imagen

Poppins Light Italic

10pt / Int 12pt / Negro 60%

Citas Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar

Poppins Regular

10pt / Int 12pt / Negro 60%

Fig. 1 Pie de página 23

Gama cromática principal (GP) G P1

GP2

Hex: #EC875B RGB: 236,135,91 CMYK: 3,57,65,0 Pantone: 2433C

Hex: #C2DBE4 RGB: 194,219,228 CMYK: 28,6,10,0 Pantone: 545C

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

Opacidad

Usos principales Medios digitales Para publicaciones extensas (impresas o digital) combinada con GP2

Usos principales Medios impresos Para publicaciones extensas (impresas o digital) combinada con GP1

Bases cromáticas (BC) BC1

BC2

Hex: #12100B RGB: 18,16,11 CMYK: 77,69,65,90 Pantone: 416C

Hex: #FFFFF RGB: 255,255,255 CMYK: 0,0,0,0 Pantone:11-0602

100%

80%

60%

40%

20%

100%

Opacidad

Usos principales Base y acompañamiento GP1-GP2 Textos con opacidad al 60%

Usos principales Base principal para documentos en digital e impresos 25

Gama cromática secundaria - Acentos (AC) AC 1

AC2

Hex: #fbc6d0 RGB: 251,198,208 CMYK: 0,31,9,0 Pantone: 699C

Hex: #bef048 RGB: 190,240,72 CMYK: 34,0,84,0 Pantone: 3806

100%

80%

60%

40%

20%

Opacidad

Usos principalesde la gama Acentos y clasificación para tipos de proyecto Utilizalos en fotografía blanco y negro o Base cromática BC1 26

100%

80%

60%

40%

20%

Opacidad

AC 3

AC4

Hex: #f2d261 RGB: 242,210,97 CMYK: 7,16,71,0 Pantone: 120C

Hex: #8793f1 RGB: 135,147,241 CMYK: 54,42,0,0 Pantone: 7452C

100%

80%

60%

40%

20%

Opacidad

100%

80%

60%

40%

20%

Opacidad

Recursos gráficos

Patrón Desde la concepción de la marca ha logrado verse representada mediante la geometría es así como a partir del relleno de las líneas interiores del imagotipo se logran abstraer figuras geomé-tricas para la creación del patrón. Lenguaje fotográfico Siguiendo la idea del contraste entre colores y su sensaciones se concibe la utilización de fotografía en blanco y negro para exponer información relevante sobre el proyecto acompañada de colores llamativos y fotografías en color para el entendimiento del proyecto en su descripción, estas con tintes calidos para trasnmitir al observador una sensación de confort,. Esta estrategía con el fin de crear un lenguaje claro en cuanto la lectura de la información. 29

Test de repetición - Construcción Tamaños mí nimos

1.4 cm

G i ro d e m ód ul o

Repetición: horizontal 270º

40 px

1.4 cm

Ab s t r a cción m ód u l o b a se

40 px

Patrón - alternativas Color de patrón: GP1 / Opacidad 20% Base: BC2

Color de patrón: BC1 / Opacidad 20% Base: BC2

Color de patrón: GP2 / Opacidad 20% Base: BC2

Color de patrón: GP1, GP2, BC1 / Opacidad 20% Base: BC2

Lenguaje fotográfico Bl an co & N e g r o Usos: Portadas de proyectos, publicidad. *El blanco y negro se utilizará como base para información general del proyecto, dicha información irá en colores: GP1, GP2, AC1, AC2, AC3, AC4 al 100% según su clasificación previa.

Proyecto Proyecto Proyecto Proyecto Proyecto Proyecto

*Color aplica para uso de logotipo sobre la fotografía Base cromática: BC1 *Tomas generales dependiento la escala del proyecto donde se pueda apreciar el global.

Color Usos: Descripción del proyecto, publicidad. *En caso de requerir información sobre la fotografía utilizar colores: BC1, BC2 al 100% *Color aplica para uso de logotipo

Base cromática: BC2 Temperatura: Calida

Proyecto Proyecto

Aplicación de la marca

Dicotomía de aplicación Lograr diferentes atmosferas y perspectivas en cuanto a la marca en sus primeros acercamientos con el cliente. *Observaciones Medios impresos: Base BC2, y manejo de logosímbolo con GP2BC1 Medios digitales: Base BC1, y manejo de logosímbolo con GP1BC2 Material publicitario: Estará sujeto a disposición de tonalidades de color, su aplicación puede ser con cualquier color de la gama cromática principal. 35

Hoja con membrete 3 cm

4 cm Caterine Romero Architecture

3 cm

Fecha Destinatario Dirección Ciudad

Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo con. sequat.

27.9 cm

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Cordialmente.

Arq. Caterine Romero +57 316 571 77 07 arq.caterine@cr_arch.com

2 cm

Clle 55 s nº 55k 55 Bogotá-Colombia

+57 316 555 78 95 +57 319 425 02 01

21.6 cm 36

www.cr_architecture.com @cr_architecture

*Fomato único tamaño carta

Sobre americano

3 cm

Caterine Romero Architecture

11 cm

3 cm

2 cm 1 cm

Clle 55 s nº 55k 55 Bogotá-Colombia +57 316 571 77 07 www.cr_architecture.com

22 cm Alineación central *Sobre para hoja carta 37

Tarjeta de presentación

9 cm

2.5 cm

Caterine Romero Arquitecta

Caterine Romero Architecture

+57 316 571 77 07 arq.caterine@cr_arch.com www.cr_architecture.com @cr_architecture

1.5 cm

2.5 cm

1 cm 6 cm

Disposición vertical Alineación central Logosimbolo *Tarjeta personalizada de uso exclusivo de los miembros Caterine Romero Architecture 38

1 cm

Mockup papelería

Página web

-Manejo de página web con base BC1, pestañas de navegración en BC2 y eslogan en GP1 -Uso de logotipo en BC2 40

Redes sociales

Instagram -Imagen de perfil: Implementación de diferentes variables con color con imagotipo -Organización del feed: Tarjeta a la derecha con nombre del proyecto o arquitectura vinculada con alguna actividad, tarjetas al centro y derecha imagen del proyecto -Hightlight: Proceso de obra, proyectos realizados y noticias relevantes. 41

Mockup cartel exterior

Mockup tote bag

Bocetación

Retrospectiva del proceso de creación de marca, un vistazo de todas las posibilidades de proyección gráfica, desde pautas de Naming hasta conceptualización y diseño de logo, un camino divertido de como entre una infinidad de opciones se llega a un resultado. 46

Glosario

Brand book Manual de identidad corporativa Calaveras Espacios no uniformes entre palabras que se forman al justificar. Feed Sistema de contenido que permite al usuario tener una lectura clara y precisa Mockup Base para realizar fotomontajes y previsualizar los diseños. Tote bag Bolsa de tela utilizada en la cotidianidad. Tracking Espacio entre dos elementos tipográficos. 49