“Tu conexión con el mundo”
Derechos exclusivos de edición
Diana Patricia Acuña Ostios
Taller de identidad e imagen coordinada
Escuela de Diseño Gráfico
Universidad Nacional de Colombia
Sede Bogotá | 2024-01
Ninguna parte de esta publicación, incluido el diseño de la cubierta, puede ser producida, reproducida, comercializada sin autorización del autor.
Todos los derechos reservados
Quienes somos
Manifiesto
Valores
Misión y visión
Nuestro Rostro
Logotipo y naming
Estudio geométrico y área de reserva
Reducción
Cobranding
Color, variaciones y usos
Repetición
Tipografía
Jerarquía y manejos de párrafo
Fotografía
Pictogramas
Aplicaciones y formatos
Redes sociales Papelería
Contenido adicional
Referencias
Conceptos
Webgrafía
En este manual se encuentran herramientas para fortalecer nuestro sistema visual de U versal, rutas para el posicionamiento de la marca, lineamientos gráficos y conceptuales, marcando una estrategia para mantener nuestra identidad coherente y estructurada.
En U versal, somos más que una empresa de branding corporativo; somos los arquitectos de identidades para plataformas educativas que inspiran y transforman el mundo. Queremos potenciar instituciones a través de estrategias innovadoras y diseño de marca que generen conexiones.
Somos prácticos y profesionales, aspiramos al cambio y queremos ayudarte a alcanzar tus metas a mediano y largo plazo.
Creemos en el poder transformador de la educación, creemos que en tus metas y en la huella que puedes dejar en el mundo. Para nosotros tú y tu comunidad debe trascender, no solo ser una institución, sino factores de cambio que elevan la calidad de vida y permiten cumplir sueños. Nos comprometemos a crear conexiones profundas y significativas entre las instituciones educativas y sus comunidades sin importar el rincón del planeta en el que se encuentren. Creemos que la educación, el intercambio de ideas y la interconexión cambia vidas, y queremos ser parte de eso.
Profesional
Crearemos estrategias para lograr tus objetivos con calidad y excelencia.
Creativo
Con nosotros tu marca será contundente, con soluciones diversas a tus necesidades.
Innovación
Harás la diferencia, te brindaremos soluciones diversas para que explotes todo tu potencial.
Accesible
Alcanzaremos juntos todos los rincones del planeta con soluciones flexibles y que se adapten a ti y a tu público.
Practicidad
Soluciones, sencillas, rápidas y funcionales.
En U versal, potenciaremos el impacto y la relevancia de las marcas enfocadas en la educación virtual, sin importar el rincón del planeta en el que se encuentren.
Trabajamos para hacer que la educación sea más accesible y una experiencia que cambie vidas.
Misión Visión
Nos visualizamos como líderes globales en el branding enfocado a plataformas educativas virtual, seremos reconocidos por nuestra capacidad para transformar ideas en experiencias auténticas y accesibles a nivel internacional.
Inspiraremos y generaremos un cambio, fomentaremos el acceso a la educación ovnline a nivel mundial.
Dinámico y con proyección como nosotros, apostamos por elementos gráficos como diagonales y nodos.
Nace inspirado en las tendencias del nicho, tipografías sin serifas, sobrias, modernas, con elementos minimalistas y planos.
Su tipografía es Gotham book italic.
U Versal, nace de la palabra “universal”.
Para el proceso de construcción del nombre tomamos en cuenta su facilidad de pronunciación, legibilidad, sonoridad y originalidad.
Queremos ir más allá de las fronteras, facilitar acercamientos, intercambios e innovación, siempre de la mano con nuestros clientes. Ser universales.
Para el uso del logotipo e isologo con fondo, se usara un área extra de 4X.
Nuestro logotipo no debe deformarse, llevar sombras o voltearse.
Debe mantenerse sin modificación alguna salvo variaciones en color.
Para que el logotipo sea legible y reconocible se realizaron pruebas de reducción.
Su tamaño mínimo debe ser de 15mm en impresión y de 11,6 px en pantalla.
No existe un límite para el tamaño máximo, lo que le permite adaptarse y responder de forma versátil en grandes formatos.
Para nosotros la compañía es importante, juntos y conectados llegamos más lejos. Por eso, para colaboraciones, se debe manejar un área de reserva de 4X de alto y 6X de ancho. El isologo también puede usarse para las colaboraciones y debe tener el área de reserva mencionada anteriormente.
Nuestros colores son vibrantes, sólidos, que evocan profesionalidad e innovación.
#5a3b8b C:78 M:86 Y:5 K:0
#49b07d C:70 M:2 Y:63 K:0
C:0 M:0 Y:0 K:100 #c1c3c9 C:27 M:19 Y:16 K:3
No se deben usar degradados, ni de colores fuera de la paleta, no se permite el intercambio de colores que no estén descritos en este apartado. No se usara el color violeta sobre negro, ya que se dificulta la lectura y no hay buen contraste.
Estas variaciones refieren tanto al logotipo, como el isologo.
Para repeticiones recomendamos principalmente el isologo, no se permite el uso del logotipo .
Para el isologo debe ser ladrillo por columna con desplazamiento de 1/2, de 5x5 copias y ángulo de 0°
Como patrón auxiliar se recomienda usar los nodos del isologo, debe ser ladrillo por fila, desplazamiento de 3/5, 5x5 copias y ángulo de 0°, también es posible jugar con la linea punteada
Estos patrones son gráfica secundaria.
Gotham es legible, práctica y versátil como nosotros. Esta tipografía se usa tanto como principal como secundaria, sin embargo, cada uno de sus variaciones y pesos tiene aplicaciones específicas.
Gotham Light Párrafos
Gotham Light Italic Anotaciones
Gotham Book Auxiliar
Gotham Book italic Logotipo
Gotham Medium Títulos y subtitulos
A B C D E F G H I J K L M N Ñ O P
a b c d e f g h i j k l m n ñ o p q r
1 2 3 4 5 6 7 8 9 0 @ # $ % & *
A B C D E F G H I J K L M N Ñ O P
a b c d e f g h i j k l m n ñ o p q r
1 2 3 4 5 6 7 8 9 0 @ # $ % & *
A B C D E F G H I J K L M N Ñ O P
a b c d e f g h i j k l m n ñ o p q r
1 2 3 4 5 6 7 8 9 0 @ # $ % & *
A B C D E F G H I J K L M N Ñ O P
a b c d e f g h i j k l m n ñ o p q r
1 2 3 4 5 6 7 8 9 0 @ # $ % & *
A B C D E F G H I J K L M N Ñ O P
a b c d e f g h i j k l m n ñ o p q r
1 2 3 4 5 6 7 8 9 0 @ # $ % & *
36 pts
18 pts - 6,3mm 21 pts 12 pts 9pts
Interlineado 15 pts
Subtítulo 2
Imuscides magnihicidis il maxim quissi officiatiae lam nobitio tenimiliquae pos earchil ipsanditate num quuntiis aspere cuptaecto odi aut am que quod quis as debitis ma dollut adi ommoloris dolorer uptaquia con nimagnihil estistium quat am, odipsa diciunt pra vid minullabores acitium sum eturis iunt iur, omnihitio. Arum fugit, velecup tature, ut et arum iume impe volo esto omnimil maionsecabo. Nam iducit aliti od quo voluptas aliquam facea apsyduck ajamjsk ipsunt.
Seceped molest, nost lab id eum rerae. Et faciat facitatias sin plabor am, cum il ipsandi tatendis mos volest, sapisquate re offictus et, nonsequas exceprae most, voluptatis prendig enimporiorem renis resti te ommoluptatem iusam, aut fuga. Nequi cusda volore por ab inulparup.
6 pts
Anotaciones
118 mm
Se pueden manejar párrafos de 42 mm, 70 mm y 135 mm.
Para nosotros el cuadrado es la base para cualquier tipo de construcción, se puede transformar para lograr diversidad en el sistema gráfico. Pueden ser proporcional, o variar altura y anchura.
La conexión es clave, la línea punteada es un elemento gráfico que genera este tipo de relaciones. Son lineas discontinuas, se recomienda que tengan grosor de 0,75 o 1pt, con una longitud de 1,85 mm y con remate redondeado.
De color sólido para resaltar títulos, comparte el mismo formato en relación de aspectos y medida que el logotipo con fondo.
Elemento gráfico pensado para generar dinamismo y versatilidad.
Para nosotros es importante el acercamiento y la conexión. La fotografía nos permite plasmar esto, sin embargo, su uso es complementario y pensado para contenido en redes sociales y web principalmente.
Las imágenes tienen un tratamiento especial, debe incluir los colores de la marca, en monocroma; para generar contraste el fondo debe tener una baja saturación, sin embargo, la piel de los modelos, no se debe modificar.
No se permiten fotos que se salgan de dichos parámetros.
Su temática es la educación, prefiriendo siempre personas conectadas o en procesos educativos. Los modelos deben ser diversos en su edad, origen, y género y las fotografías deben ser de alta calidad.
El logotipo y el isologo pueden acompañar las fotografías, la base estructural para su posicionamiento, X, surge del alto del logotipo con fondo. Se permiten usar las variantes de color descritas anteriormente, incluyendo aquellas que tienen fondo, esto aplica también para el isologo.
Los pictogramas pueden ser entendidos en cualquier parte del mundo. Facilitan la comunicación más que el lenguaje escrito y es por ello que desarrollamos un sistema de pictogramas.
Este sistema esta basado en la unidad mínima X con la que se construyó nuestro logotipo e isologo, ademas, usa elementos y constantes gráficas de la marca, como lo son los rectángulos, y las diagonales que se mencionaron en un apartado anterior.
Para formatos físicos, como cartas o tarjetas, se diseñó una retícula.
Para cartas debe manejarse un margen vertical de 10 mm y horizontal de 5 mm, con subdivisiones de 20 mm y medianiles de 5 mm.
Es posible escalar esta cuadricula dependiendo de las necesidades del formato físico, sin embargo, se recomienda respetar los margenes de 10 mm y 5 mm y mantener las proporciones de la retícula.
Para tarjetas, se puede usar un tamaño mínimo de 6 puntos.
,9 c m
Fecha
Destinatario
Cargo destinatario
Empresa perteneciente
Estimados
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenea com modo ligula eget dolor Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla mesequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulutate eget, arcu. In enim justo rhoncus ut, imperdiet a, venenatis vitae, jus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend acaeni Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tel. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imper diet. Etiam ultricies nisi ve augue. Curabitur ullamco
Duis leo Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,Lorem ipsum dolor sit amet, consectetuer adipiscing elit.ras dapibus vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend acaeni Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tel. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imper diet. Etiam ultricies nisi vel augue. Curabitur ullamco
Frima
Cargo remitente
Empresa
Correo electrónico
cm
Nombre de destinatario
Cargo del destinatario
Contacto
Para redes sociales se usan formatos preestablecidos que suelen ser los mas usados, esto por versatilidad, ademas que permite mover el contenido fácilmente entre los diversas redes sociales.
Los formatos y relaciones de aspecto son 1:1 (1080x1080 px), 4:5 (1080x1350 px), 9:16 (1080x1950 px), 16:9 (1950x1080 px).
Para vídeo se debe usar una resolución mínima de 1280x720 para un relación de aspecto de 16:9.
Pictograma
Símbolo gráfico que comunica y transmite información visual de forma clara y precisa. Al ser esa su función, resultan herramientas poderosas cuando se sistematiza una marca.
Manifiesto
Es una declaración de la existencia de la marca, lleva consigo parte de la misión y visión, ademas busca inspirar a los posibles clientes, así como conseguir su apoyo.
Nequi
https://www.nequi.com.co/comunicado/nequi-revela-su-evolucion-de-imagen-inspirada-los-colombianos-conozca-la-campana-con-la-cual-colombiase-apropio-de-nequi
Didi
https://www.behance.net/gallery/93218871/DiDi-Food-Branding-2020
Coursera
https://about.coursera.org/brand-guide/ Booking
https://www.behance.net/gallery/4370615/Bookingcom-Corporate-Identit