Libro de

la estética

1
 Contenido
Libro de la 1.
2.
Introducción
Logotipo, variaciones, tamaños y usos
00
00

estética
3. Paleta cromática global Comfama 00
4. Tipografía 00
5. Jerarquías 00
6. Arquitectura de marca, co-branding y endosos 00
7. Rejillas, cajas de contenido y sistema visual 00

Comfama
8. Manejo de ilustración 00
9. Fotografía 00
10. Iconografía 00
11. Infografía 00
12. Manejo de tablas y gráficos 00

2 3
 L
orem ipsum dolor sit amet, con-
sectetur adipiscing elit, sed do
eiusmod tempor incididunt ut la-
bore et dolore magna aliqua. Ut
enim ad minim veniam, quis nos-
Introducción trud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.

4 Libro de la estética: Introducción

5
 Anatomía, geometrización y proporciones

Logotipo,
variaciones
escalas y usos

6 7
Anatomía, geometrización y proporciones

Área de reserva

26,5º 26,5º

B A B B B B A A B B B A A

8 9
 Versión color Versión blanco y negro

Versión reserva color Versión blanco y negro reserva

Paleta cromática
global Comfama

Reducción mínima Reducción mínima

18 mm 18 mm

10 11
 Pantone 213 C Negro Comfama

100% 80% 60% 40% 20% 95% 80% 60% 40% 20%

Magenta Negro Gris

Comfama Comfama Comfama
Pantone 213 C Pantone XXX C Pantone XXX C
C00 M95 Y20 K00 C00 M00 Y00 K95 C03 M00 Y00 K50
R238 G42 B123 R51 G49 B50 R138 G146 B152
#ee2a7b #333132 #ee2a7b

12 13
 Helvetica
Neue
Tipografía

Pro
Helvetica Neue, también conocida como Neue
Helvetica Pro, es una reelaboración de 1983
del tipo de letra original. Fue rediseñado para
tener un conjunto más uniforme de alturas y
anchos con legibilidad mejorada. También se
expandió para contener muchos pesos y estilos
adicionales, como condensado y extendido.

14 Libro de la estética: Tipografía

15
 Aa
Helvetica Neue Pro 25 Ultra Light
Aa
Helvetica Neue Pro 26 Ultra Light Italic
Aa
Helvetica Neue Pro 35 Thin
Aa
Helvetica Neue Pro 36 Thin Light

ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP

QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ
abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs
twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789
@#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27)

Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a
cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña.
16pts / 20 16pts / 20 16pts / 20 16pts / 20

16 Libro de la estética: Tipografía Libro de la estética: Tipografía

17
 Aa
Helvetica Neue Pro 45 Light
Aa
Helvetica Neue Pro 46 Light Italic
Aa Aa
Helvetica Neue Pro 55 Regular Italic Helvetica Neue Pro 56 Regular Italic

ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP

QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ
abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs
twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789
@#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27)

Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a
cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña.
16pts / 20 16pts / 20 16pts / 20 16pts / 20

18 Libro de la estética: Tipografía Libro de la estética: Tipografía

19
 Aa Aa
Helvetica Neue Pro 65 Medium Helvetica Neue Pro 66 Medium Light
Aa Aa
Helvetica Neue Pro 75 Bold Helvetica Neue Pro 76 Bold Italic

ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP

QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ
abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs
twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789
@#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27)

Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a
cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña.
16pts / 20 16pts / 20 16pts / 20 16pts / 20

20 Libro de la estética: Tipografía Libro de la estética: Tipografía

21
 Aa Aa
Helvetica Neue Pro 85 Heavy Helvetica Neue Pro 86 Heavy Italic
Aa Aa
Helvetica Neue Pro 95 Black Helvetica Neue Pro 96 Heavy Italic

ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP

QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ
abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs
twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789
@#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27)

Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a
cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña.
16pts / 20 16pts / 20 16pts / 20 16pts / 20

22 Libro de la estética: Tipografía Libro de la estética: Tipografía

23
 Aa
Helvetica Neue Pro 57 Condensed
Aa
Helvetica Neue Pro 57 Condensed Oblique
Aa
Helvetica Neue Pro 67 Condensed Medium
Aa
Helvetica Neue Pro 67 Condensed
Medium Oblique

ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP

QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ
abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs
twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789
@#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27)

Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a
cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña.
16pts / 20 16pts / 20 16pts / 20 16pts / 20

24 Libro de la estética: Tipografía Libro de la estética: Tipografía

25
 Aa
Helvetica Neue Pro 77 Bold Condensed
Aa
Helvetica Neue Pro 77 Bold
Condensed Oblique
Aa
Helvetica Neue Pro 87 Condensed Heavy
Aa
Helvetica Neue Pro 87 Condensed
Heavy Oblique

ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP ABCDEFGHIJKLMNÑOP

QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ QRSTWVXYZ ÁÉÍÓÚ
abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs abcdefghijklmnñopqrs
twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789 twvxyz áéíóú 0123456789
@#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27) @#¿?+&$%*/()! (21 pts / 27)

Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a Ayudar a consolidar, a expandir y a
cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña. cualificar la clase media antioqueña.
16pts / 20 16pts / 20 16pts / 20 16pts / 20

26 Libro de la estética: Tipografía Libro de la estética: Tipografía

27
 T e
Altura
mayúscula

Altura x

Tejido
Jerarquía Ascendente

Línea media

x
Línea base
Descendente

Heavy 85

28 29
 Título Título Título a Título a
120 pt

x x

tres líneas tres líneas tres líneas tres líneas

x x

x x

de texto de texto de texto de texto

x x

Contenido de Contenido de Contenido de Contenido de

x2 x2
80 pt
x x

secundario para secundario para secundario para secundario para

x x

x x

en lorem ipsum en lorem ipsum en lorem ipsum. en lorem ipsum.

x x

x x

x x

x x

Tercer lugar de contenido Tercer lugar de contenido Ayudar a consolidar, a Ayudar a consolidar, a
53 pt
x x

determinado para una determinado para una expandir y a cualificar la expandir y a cualificar la
x x

x x

pieza lorem ipsum. pieza lorem ipsum. clase media antioqueña. clase media antioqueña.
x x

x x

Black > Medium > Light 120 > 80 > 53 Black > Medium > Light 120 > 80 > 53

x = altura x del primer tamaño de letra x = altura x del segundo tamaño de letra x = altura x del tercer tamaño de letra x = altura x del primer tamaño de letra x = altura x del segundo tamaño de letra x = altura x del tercer tamaño de letra

30 31
 110 pt 77 pt

Clase media Propuestas Comfama La mejor Comfama cree que la

conversación es como un
x x x

x
antioqueña
x

x
de valor
x
x2

La conversación conversación viaje, mientras más dispuesto

casi siempre
x

es como un viaje
x

Comfama quiere Transformación de se esté a entregarse y a

x2 x2 x

es la que más
x x

abrir caminos. hábitos para una disfrutar, más valiosa será

x x

x x

vida mejor.
disfrutamos
x

la experiencia.
x

Bold > Light italic Heavy > Light italic Heavy > light italic

Heavy > Light

x = altura x del primer tamaño de letra x = altura x del segundo tamaño de letra x = altura x del tercer tamaño de letra

32 33
 Títulos
85 Heavy

La conversación
para Comfama
Las cosas irrelevantes para otros se
convierten en perlas de la conversación Entradilla
cuando el buen conversador las realza
Capitulares
85 Heavy 45 Light

110 pt 77 pt
o les da un giro inesperado.

La mejor Comfama cree que la

E
nriquecer la conversación proponiendo
temas y reflexiones que nos ayuden a
fuerza de la síntesis, de la contundencia y
del desocultamiento de la verdad.personas

conversación conversación es como un

interrogar nuestra tradición y cuestionen encuentran nuevas maneras de pensar, de
valores que se consideran absolutos, nos lleva al enlazar ideas y de construir soluciones a los

viaje, mientras más dispuesto

Cuerpo de texto camino de la búsqueda de una vida auténtica en retos del día a día.

casi siempre
45 light la medida en que es una vida autotrascendente y
Destacados

Comfama
autodestinada; es decir, una vida consciente fru-

se esté a entregarse y a
to de profundas reflexiones éticas y una vida libre
85 Heavy
que sigue la propia voz y busca la realización

quiere
es la que más disfrutar, más valiosa será
personal antes que la obediencia o los caminos
del ego. Por eso la conversación que interroga la
tradición y construye nuevas vías puede ser en
proponer
disfrutamos
La alineación del

la experiencia.
algunas ocasiones, incómoda, no porque quiera
texto siempre irá a la
izquierda*.
Sólo se recomienda
generar polémica, sino porque la búsqueda de
reflexiones profundas provoca movilidad en quie-
preguntas
justificación a ambos
lados cuando el texto
nes participan en ella.
y abrir
Black > Ultra Thin
del contenido (no
los títulos) sea de
La buena conversación tiene profundidad, ritmo
y poesía. El buen conversador tiene el don de la caminos
orientación editorial palabra, tiene profundidad, sabe llevar los ritmos
como revistas o y proponer caminos. Así mismo, tiene el don de La importancia de la conversación también
periódicos. Es muy
importante tener un
la escucha y a partir de las opiniones de los otros,
las trabaja y las engrandece. Las cosas irrelevan-
pasa por saber hacer silencio y callar. Hay
muchas conversaciones que hay que dejar
Cursivas
control de ríos, viudas
tes para otros se convierten en perlas de la con- pasar porque desenfocan y generan desgas-
y huérfanas en los El uso de cursivas
versación cuando el buen conversador las realza o te. Saber elegir las conversaciones relevan- (light / oblique) dentro
párrafos de todos los
les da un giro inesperado. La buena conversación tes que nos aportan en nuestro propósito de cuerpos de texto
contenidos.
produce momentos mágicos, agrieta la rutina y nos es un proceso de concentrarse en las con- es recomendado para
*No aplica para destacados, títulos,
conecta con el elixir de la vida, cuando es endul- reproducir extrangerismos,
subtitulos, entradillas, infografías, versaciones esenciales que nos ayudan en
gráficos, despieces y piezas con entrecomillados y
zada con un lenguaje poético y riguroso, tiene la nuestra construcción de identidad.
contenido muy visual. comentarios.

34 35
 172 pt 172 pt

La conversación para La conversación para

Ultra Light Ultra Light

345 pt
Black
Comfama 345 pt
Black
Comfama

36 37
 Arquitectura de
marca, co-branding
y endosos
Comfama Comfama
quiere quiere
proponer proponer
preguntas y preguntas y
abrir caminos abrir caminos

38 39
 Comfama Comfama
quiere quiere
proponer proponer Comfama
preguntas preguntas quiere
y abrir y abrir proponer
caminos caminos preguntas
y abrir
caminos

40 41
 Somos lo que
conversamos
Texto de cierre dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor inci-
didunt ut labore et dolore magnade aliqua.
Uteenim ad minim veniam, quis nostrud exer-
citation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in cul-
pa qui officia deserunt mollit id est laborum.

42 43
44