1. Elementos Básicos
• Marca a color (logotipo original y cambio propuesto)
• Marca blanco/negro y negro/blanco
• Marca en versiones monocromáticas
• Colores corporativos
• Colores armónicos (o fondos permitidos)
• Variación de tono
• Pauta de construcción
• Espacio circundante (o área de protección)
• Tamaño mínimo de reproducción (o tamaño mínimo de
reducción)
• Versión de marca (horizontal/vertical o alternabilidad
cromática o 3D/digital)
• Tipografía corporativa (logotipo y comunicados)
• Usos incorrectos (distorsión, rotación, supresión de el-
ementos, alteración cromática)
Realizado por:
Patricia Castañeda y Verónica López
2. Marca a color
* Incluir la lectura deno-
tativa y connotativa de la
marca.
* Lectura denotativa, indi-
car los que contiene, por
ejemplo esta formado de
3 circunferencias de color
rojo seguido por la pa-
labra akado, etc...
* Lectura Connotativa,
habla del significado, por
ejemplo que significa el
sentido de menor a mayor (forma de los círcu-
los), por qué el color rojo, etc.
* Vamos a incluir además la marca original y la
propuesta por nosotros explicando el por qué de
los cambios.
3. Marca b/n y n/b
* Se usan sacar positivos
y negativos para procesos
serigráficos.
*En el caso primero de
negro sobre blanco se
sobrentiende que el fondo
blanco es el papel por lo
tanto no se usa recuadro.
En este caso todos los
colores del logotipo se
reducen a negro pero sin
perder legibilidad. Esta
versión es un positivo.
* En el caso de blanco sobre negro se debe de-
limitar un recuadro negro y transportar todos los
colores del logotipo a blanco. Esta versión es un
negativo.
*Para cambiar los colores se toma como negro
al mas fuerte y blanco a los mas débiles.
4. Marca en versiones monocromáticas
* En este punto se debe
colocar al logotipo en un
solo color de los colores
de la marca.
* Por ejemplo: el logotipo
de la DNRS debe es-
tar realizado en colores
amarillo, azul y rojo por
pertenecer al estado, en-
tonces debemos colocar
un logo solo en amarillo,
otro solo en azul y otro
solo en rojo.
* Es decir las versiones monocromáticas depen-
den del número de colores que tenga la marca.
5. Colores corporativos
* Para mantener la
cromática del logotipo in-
variable en cualquier tipo
de impresión se seleccio-
nan los colores desde la
libreria de pantones.
* Pantone Color Matching
System es un sistema que
garantiza la reproducción
estandarizada del color.
El estandarizar color es
acordar entre varias im-
prentas de varias localidades, que para imprimir
algo, se referirán a este sistema, garantizado de
que en cualquier lugar que imprima el color será
igual al original. Los pantones más recomenda-
dos son los process color o los solid coated.
6. Colorores armónicos
* Recordar armonía de
color. Complementarios,
dobles complementarios,
tirádicos, comp.divididos,
cálidos, fríos, análogos...
*Evaluar si el logotipo se
coloca usando criterios de
contraste como forma de
armonizar el color.
*Cuando es elegido el
color NO SIGNIFICA QUE
SE PUEDAN REEMPLA-
ZAR LOS COLORES DE LA MARCA, sino que
puedo colocar el logotipo sobre esos fondos, si
así lo quiero.
* Además se pueden elegir pantones también de
estos colores. LO MAS IMPORTANTE es decir
en que caso uso que color.
7. Variación de tono
* Recordando. tonos son
los diversos matices de
un mismo color , en este
caso de un mismo color
de pantone.
* En el caso de akado, el
rojo es pantone 485 y el
gris es pantone 432. en-
tonces debemos disminuir
los tonos desde el 100%
hasta llegar a un mínimo
entre 20% y 10%. La fun-
ción que tendrán es ser marca de agua en algu-
nos soportes.
* Es importante colocar los porcentajes.
OJONO SE DEBE REDUCIR
LA OPACIDAD SINO EL TONO.
8. Pauta de construcción
* En la pauta de construc-
ción debemos explicar
como fue creada la mar-
ca.
* Su uso es en gran es-
cala dondo no hay medios
digitales de reproducción,
murales, paredes, frontis,
etc.
* Para la pauta se usa
una cuadrícula con módu-
los primarios de 1 cm y
secundarios de 0,5 cm.
* Además debe medirse todo elemento y consid-
erar en ángulo los grados de incluinación.
* Si es muy complicada la construcción se puede
separar en dos partes.
11. Espacio circundante
* Es un espacio de pro-
tección que debe ser res-
petado y no invadido por
ningún elemento gráfico,
tipográfico o fotográfico.
* El espacio debe ser
proporcional a un elemen-
to de la marca.
12. Tamaño mínimo de reproducción
1.12 Minimum reduction for the Web
The logotype: basic elements
The minimum size of the OLIVETTI logotype for the Web is a base of 70 pixels.
* Es la mínima
proporción a la que puede ser reducido el logo-
tipo, considerando que todos lsus elementos
puedan ser leibles y legibles.
* Es decir que sean claramente identificables.
13. Versiones de la Marca
* Tenemos 3 casos y po-
demos elegir uno o todos
de ellos.
1. Versión Horizontal y
vertical
2. Versión de alternabili-
dad cromática únicamente
usando los colores ccor-
porativos.
3. Versión de 3d o digital
* Se pueden en los casos
que el diseñador con-
sidere conveniente suprimir
palabras descriptivas bajo el
logotipo.
14. TYPOGRAPHY
USAID has standards for typography to ensure brand consistency across all printed materials.Typography is
Tipografía corporativa
one of the most important design elements. It is used to differentiate sections of information as headlines,
text, or captions.The font family, Adobe Gill Sans, was selected for clarity. Gill Sans Bold is used in the
USAID logo and brandmark. Adobe fonts are for use in professionally designed and printed
communications. Arial is the standard font for desktop publishing. Follow Executive
Secretariate guidance for Agency correspondence.
As a general rule, Gill Sans Bold is used for headlines, subheads, and highlighted text; Gill Sans Regular or Light
is used for body text; and Gill Sans Italic is used for captions. Adobe Garamond Regular, Bold, and Italic may
be used for body text in longer documents or technical papers and reports. Specific guidelines for font usage
are covered in Section 7.
When the Adobe Gill Sans font family is not available, default to Arial. When the Adobe Garamond font family
is not available, default to Times Roman.
ALTERNATE FONT IF GILL SANS IS
PRIMARY FONT FOR PRINT COMMUNICATIONS
NOT AVAILABLE
GILL SANS LIGHT ARIAL
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
1234567890 1234567890
GILL SANS LIGHT ITALIC ARIAL ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
1234567890 1234567890
GILL SANS ARIAL BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
1234567890 1234567890
GILL SANS ITALIC ARIAL BOLD ITALIC
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
1234567890 1234567890
GILL SANS BOLD Adobe® fonts are for professional graphic
ABCDEFGHIJKLMNOPQRSTUVWXYZ designers producing printed publications.
abcdefghijklmnopqrstuvwxyz Employees should use Arial for Microsoft Word®
1234567890 or Microsoft PowerPoint® communications.
GILL SANS BOLD ITALIC Adobe® fonts can be purchased for both Apple®
ABCDEFGHIJKLMNOPQRSTUVWXYZ and Microsoft Windows® operating systems from
abcdefghijklmnopqrstuvwxyz Adobe Systems Incorporated, at www.adobe.com.
1234567890 All trademarks are property of their respective owners.
2.10 GRAPHIC STANDARDS MANUAL DOWNLOAD GRAPHICS AT WWW.USAID.GOV/BRANDING
* Se consideran dos:
1. tipografía del logo-
tipo, fuente usada para crear el logotipo, como base o texto original. Si fue creada por el diseñador, se pone
nombre dado a la fuente y el nombre del diseñador 2. Tipografía de comunicados, indudable la empresa se
comunica externa e internamente, por eso se elege familia tipográfica que la represente. Generalmente las
universales : times, arial, helvetica, myriad, pues son fácilmente localizables en todo computador. *Se pone
abecedario completo con mayúsculas, minúsculas, números y signos con el nombre de la fuente.
15. Tipografía corporativa
BODY TEXT FONT FOR LONGER-PAGE DOCUMENTS
ADOBE GARAMOND
INCORRECT USE OF TYPOGRAPHY
The figures below show examples of some incorrect uses of
typography.The incorrect use of typography creates confusion
* Si se plantean usos
ABCDEFGHIJKLMNOPQRSTUVWXYZ
and undermines confidence in our brand. Please ensure that
the official fonts, Gill Sans, Adobe Garamond, Arial, and Times diferentes de tipografía se
abcdefghijklmnopqrstuvwxyz Roman, are used on Agency printed communications.
1234567890 The typography should only be used as specified in sections
4 and 7 of this manual.
puede colocar los que en
ADOBE GARAMOND ITALIC
GILL SANS WITH SHADOW
ningun caso son permiti-
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
dos.
euismod tincidunt ut laoreet dolore magna
ADOBE GARAMOND BOLD aliquam erat volutpat. Ut wisi enim ad minim.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz GILL SANS IN UPPER CASE
1234567890
LOREM IPSUM DOLOR SIT AMET, ADIPISCING
ELIT, SED DIAM NONUMMY NIBH EUISMOD
ADOBE GARAMOND BOLD ITALIC
TINCIDUNT UT LAOREET DOLORE MAGNA
ABCDEFGHIJKLMNOPQRSTUVWXYZ ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD.
abcdefghijklmnopqrstuvwxyz
1234567890
GILL SANS IN OUTLINE
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
ALTERNATE FONT IF ADOBE GARAMOND tincidunt ut laoreet dolore magna aliquam erat
IS NOT AVAILABLE volutpat. Ut wisi enim ad minim.
TIMES ROMAN
UNSPECIFIED FONT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz Lorem ipsum dolor sit amet,
1234567890 consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt
TIMES ROMAN ITALIC ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
TIMES ROMAN BOLD Adobe® fonts are for professional graphic
designers producing printed publications.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Employees should use Arial for Microsoft Word®
abcdefghijklmnopqrstuvwxyz
or Microsoft PowerPoint® communications.
1234567890
TIMES ROMAN BOLD ITALIC Adobe® fonts can be purchased for both Apple®
ABCDEFGHIJKLMNOPQRSTUVWXYZ and Microsoft Windows® operating systems from
abcdefghijklmnopqrstuvwxyz Adobe Systems Incorporated, at www.adobe.com.
1234567890 All trademarks are property of their respective owners.
DOWNLOAD GRAPHICS AT WWW.USAID.GOV/BRANDING GRAPHIC STANDARDS MANUAL 2.11
16. Usos incorrectos
* Hay tipos básicos de
usos incorrectos: distor-
sión, rotación, supresión
de elementos, alteración
cromática.
Distorsión, considera
el no alterar las propor-
ciones del logotipo.
Rotación, evita que todo
el logotipo sea rotado in-
discriminadamente o que
los componentes del logotipo sean rotados.
Supresión de elementos, evita que el logotipo
sea usado por partes, ejm. en un caso solo el
componente tipográfico y por otro lado el com-
ponente icónico de la marca.
Alteración cromática, evita que los colores cor-
porativos sean cambiados indiscriminadamente.
17. Usos incorrectos
1.15 Incorrect use of the logotype
The logotype: basic elements
The OLIVETTI logotype may never be:
• modified in any way (either lettering or composition)
• an integral part of a text or address
• used partly in positive and partly in negative
• used as a texture
• used on textured backgrounds
• used with shading or with 3D characters
• used with a frame
18. Señalética
• Señalización Externa
Diseño de Rotulación Externa
Pauta de construcción
Normativa de uso
• Señalización Interna
Diseño de Directorio general
Diseño de Directorio por piso
Diseño de Áreas de uso comunitario
Diseño de señalización Puert a Puerta
Pauta de construcción
Normativa de uso
19. Señalización Externa
* La rotulación externa es
un proceso que contepla el
evidenciar en las fachadas
de los edificios o lugares
físicos de ubicación de la
empresa, los elementos de
identificación que la hacer
reconocible y ubicable.
*Tenemos varias alternatias
como son: Rotulación
iluminada (usa iluminación externa al rótulo para
ser legible por la noche)
Rotulación luminosa (usa materiales que permiten
el paso de la luz incorporados como parte del
mismo) Tótems, Mini vallas, letras de bloque,
etc.
* Cuando se planifica rotulación externa se busca
la mejor legibilidad de la marca a la distancia.
20. Señalización Interna
* Depende del
requerimiento de la
empresa. Entre ellos,
Directorio General:
recopilan en el primer piso
la información de todas las
dependencias que existen
en un edificio de forma
general. Directorio
Por Piso: contienen
información detallada de las dependencias por
pisos o de la existencia de subdependencias
que existen en cada piso. Señalizadores
de Áreas de uso comunitario: por
ejemplo baños, comerdor, área de no fumar,
gradas de emergencia, asensores, copiadoras,
etc. Señalizadores puerta a puerta:
son los colocados sobre o junto a las puertas de
algunas oficinas importantes. Como: gerente,
contabilidada, RRHH, Financiero, etc.
22. Componentes del Programa
* Cuenta de 3 partes. Así:
1. Diseño Señalético:
consta del diseño
propiamente dicho de la
señal. Evalúa la selección
de tipografía, cromática,
forma del soporte de
la señal y del uso de
pictogramas (que ya han
pasado por el proceso de
abstracción gráfica)
2. Pauta Estructural: se refiere a la construcción
y los materiales a utilizarse en el programa.
3. Normativa de Uso: se refiere a la ubicación
de las señales.
Es importante considerar que se debe pensar
sincrónicamente en el diseño, en la pauta y en la
normativa, pues todos influyen en el diseño.
23. Diseño Señalético
* Recomendaciones
para el uso tipográfico.
Considerar: morfología del
espacio, condiciones de
iluminación, distancias de
visión, imagen e identidad
de marca, connotaciones
y legibilidad. Selección
por Exclusión: Rechazar
tipografía que imitan la
escritura manual, los textos de fantasía; los
ornamentales, los que poseen poca o demasiada
mancha y los excesivamente abiertos y los cerrados
o compactos, las que tienen solo mayúsculas y
las que permiten consufusión entre tilde y punto.
Las Mas Opcionadas son los caracteres lineales
de trazo uniforme: arial, times, miryad, helvética,
etc.
24. Diseño Señalético
* Recomendaciones para
el grafismo señalético
(pictogramas): consultar
repertorio de pictogramas
utilizables. Pictogramas
pueden ser rediseñados
con estilo particularizado.
Y basarse en la abstracción
(abstracción: proceso
mental que ignora lo
individual de lo que se observa, para apoyarse más
en la categoría a la que lo observado pertenece.
Se centra en las características genéricas y
esenciales)
25. Código cromático
*Selección de color usar
corporativos, o selección
por constraste y alta
saturación, o constituir
un código desarrollado.
La codificación por
color permite diferenciar
diferentes recorridos,
zonas, servicios,
departamentos, plantas
de edificio, etc. Ejm: transportes públicos, colores
distinguen tipo del servicio. Popular, ejecutivo,
tipo, interparroquiales, etc.
Imprescindible contraste entre figuras (caracteres,
pictogramas, flechas) y el fondo del soporte
informativo.
Color es factor de integración entre señalética y
medio ambiente. Realizar pruebas de contraste
para corregir problemas de legibilidad.
26. Pauta Estructural
* Selección de materiales
Considerar: ubicación
interior o exterior,
iluminación, protección.
Dar información necesaria
para elaborar las señales.
Se usan dimensiones,
materiales y materiales o
formas de sujeción.
27. Normativa de uso
Explicar la ubicación de
las señales
Especificar requerimientos
para visibilidad de la
señal.