Tarjeta de presentación
Formato 9 × 5 cm, estándar en Colombia. Frente blanco con el logo horizontal a color y reverso azul con el logo vertical en negativo sobre la trama del mapa. Papel propalcote o kimberly de 300 g, acabado mate.
Identidad01
Quién es AC3, qué dice su símbolo y cómo se usa el logo.
Guía de marca
Sobre AC3
La Asociación de Cartografía Colaborativa de Colombia es el capítulo oficial de la OpenStreetMap Foundation en el país, el único. Representa a toda la comunidad de contribuidores de OpenStreetMap, voluntarios o remunerados, y diseña y coordina proyectos de cartografía colaborativa.
Su trabajo resuelve un problema concreto: el acceso limitado a datos geográficos claros y accesibles para comunidades y organizaciones.
La marca en tres palabras
ColaborativaDetalladaInclusiva
A quién le habla
Personas en empresas y universidades de Bogotá, alrededor de los 35 años, que necesitan mapas como herramienta de apoyo: para visualizar, orientarse y ejecutar proyectos, no para análisis cartográfico complejo.
Qué debe sentir
Confianza, colaboración e innovación social. Que encontró la herramienta que buscaba y un equipo que le resuelve la parte técnica de los mapas.
Qué la diferencia
Es la voz oficial de OpenStreetMap en Colombia. Detrás hay una comunidad apasionada por el mapa y sus datos, capaz de ofrecer soluciones integrales.
Frente a quién se mide
HOT, Kaart y Trufi. La marca busca distinguirse de ellos con una imagen más liviana, cercana y actual.
Guía de marca
Carácter de marca
OpenStreetMap se percibe geométrico, detallado y algo vintage. AC3 existe para facilitar ese mundo, así que su marca se ubica en el lado opuesto: orgánica, minimalista y moderna, sin perder la seriedad de una institución.
OrgánicaGeométrica
MinimalistaDetallada
ModernaVintage
CercanaDistante
LivianaPesada
SocialCorporativa
Guía de marca
El símbolo
Se llama Constelación. En OpenStreetMap todo el mapa se construye con nodos unidos por vías, y el símbolo es exactamente eso. Conecta con OSM sin recurrir a la lupa ni al mapa impreso, que el brief descartó por viejos.
- 1
Nodos
Los cinco puntos azules son la comunidad de contribuidores. Tienen el mismo tamaño y la misma distancia al centro: ninguno pesa más que otro.
- 2
Vías
Las líneas que los unen son las conexiones, igual que las vías que enlazan nodos en OSM. Sus terminaciones redondeadas suavizan la estructura radial.
- 3
Centro
AC3 como núcleo que coordina la red. Queda alineado con el centro óptico del logotipo.
- 4
Flecha norte
Responde al pedido de ubicación del brief. Es la indicación del norte en cartografía y, a la vez, el indicador de posición de las apps de navegación: el «estás aquí» de hoy.
La comunidad conectada apunta a un mismo norte.
Guía de marca
Por qué este logo
Cada decisión de diseño responde a algo que AC3 pidió en el cuestionario de marca. Las citas son textuales.
| Lo que pidió el cliente | Cómo lo resuelve la identidad |
|---|---|
Estilo orgánico, minimalista y modernode pronto AC3 debe reflejar lo opuesto, algo más ligero | Formas simples, terminaciones redondeadas y un solo símbolo sin ornamentos. Nada de texturas ni efectos. |
Azules para la parte tecnológicaPodría tener azules para reflejar la parte tecnológica | El azul AC3 (#001487) es profundo y confiable. Se aleja del verde de OSM y de los grises de los logos temporales. |
Un símbolo de ubicación, sin elementos viejosuna chincheta o gota invertida puede representar mucho | La flecha norte cumple la función de la chincheta con un lenguaje actual, el de la navegación en el celular. |
Colaborativa e inclusivaRepresentamos a toda la comunidad de contribuidores | Una red de nodos iguales alrededor de un centro. Es el concepto de la marca dibujado. |
Pocos colores, monocromo y versátilque pueda cambiarse de colores para otros fondos | Dos colores planos. El sistema tiene positivo, negativo y versiones a una tinta en azul, negro y blanco. |
Sin degradados ni sombras, legible en pequeñomuchos detalles que se pierden en pequeño tamaño | Todo es color plano. Para favicon, redes y escarapelas existe un símbolo simplificado con trazos más gruesos. |
| Referentes: IBM, TomTom, The North Face | La solidez tipográfica de IBM, la fórmula de TomTom (palabra fuerte, símbolo simple, un acento de color) y la síntesis de The North Face. |
Guía de marca
Versiones del logo
El nombre legal es largo, así que el sistema separa la sigla del descriptor. Se elige la versión según el espacio disponible, siempre en este orden de preferencia.
Principal: horizontal con descriptor
Documentos, papelería, sitio web en pantallas amplias y firmas. Es la versión que presenta a AC3 con su nombre completo.
Horizontal
Barras de navegación, encabezados y espacios bajos donde el descriptor quedaría ilegible.
Vertical
Pendones, escarapelas, portadas y formatos cuadrados o verticales.
Símbolo
Sello, marca de agua y elemento gráfico cuando AC3 ya está identificada.
Símbolo simplificado
Trazos y nodos más gruesos para favicon, avatar en redes, bordados y tamaños menores a 32 px.
Prueba de reducción
El simplificado a 64, 32, 24 y 16 px. La flecha y el centro se siguen distinguiendo.
Guía de marca
Área de protección y tamaños mínimos
La unidad x es el diámetro del nodo central. Alrededor del logo debe quedar libre, como mínimo, una x por cada lado: ningún texto, borde ni imagen puede entrar en esa zona. Los archivos entregados ya incluyen este margen.
Horizontal con descriptor
40 mm impreso, 200 px en pantalla.
Horizontal
22 mm impreso, 110 px en pantalla.
Vertical
25 mm impreso, 110 px en pantalla.
Símbolo
10 mm impreso, 40 px. Por debajo, usar el simplificado (hasta 16 px).
Guía de marca
Versiones de color
El brief pidió un logo que cambie de color según el fondo y que funcione con pocas tintas. El coral se reserva para la flecha, el centro y la línea del descriptor; en las versiones a una tinta todo pasa al mismo color y la flecha se sigue reconociendo por su forma.
Positivo
Azul y coral sobre blanco o niebla. Versión preferida.
Negativo
Símbolo y letras en blanco, acentos en coral, sobre azul AC3 o azul noche.
Una tinta azul
Impresión económica, sellos y documentos a una tinta.
Una tinta negra
Fotocopias, fax, prensa y grabado láser.
Una tinta blanca
Fondos oscuros o de color, bordados y serigrafía.
Sobre fotografía
Negativo sobre zonas oscuras y uniformes de la foto, o con una capa de azul noche al 55 %.
Sobre coral
Solo a una tinta blanca. El coral nunca va sobre coral.
Guía de marca
Usos incorrectos
El logo solo se usa a partir de los archivos originales. Estos son los errores más comunes y ninguno está permitido.
No deformar
No estirar ni comprimir. Escalar siempre en proporción.
No cambiar los colores
Solo las combinaciones de esta guía. El verde de OSM no es parte de la marca.
No añadir efectos
Sin sombras, degradados, relieves ni contornos.
No rotar
La flecha siempre apunta al norte.
No usar la flecha sola
Fuera del símbolo se lee como «subir» o «volver arriba».
No usar sin contraste
Evitar fondos medios o fotos con mucho detalle detrás del logo.
Tipografía y color02
Dos familias y una paleta corta, pensadas para imprimirse fácil en cualquier material.
Guía de marca
Tipografía
Una fuente expandida y pesada para la sigla, con la solidez de IBM, y una geométrica amable para todo lo demás.
Logotipo
Akira Expanded Bold
Solo para la sigla AC3 dentro del logo, ya convertida a curvas en los archivos. No se usa para textos, títulos ni piezas nuevas: su ancho extremo es lo que hace única a la sigla y repetirla la desgastaría.
Diseñada por Typologic. Si en el futuro se necesita editar la sigla, hay que adquirir la licencia comercial con el fabricante.
Institucional
Poppins
Geométrica, de terminaciones suaves y muy legible en pantalla. Ya aparece en el descriptor del logo, así que conecta textos y marca. Es gratuita (licencia OFL) y está en Google Fonts, lo que facilita usarla en web, documentos y presentaciones.
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z
á é í ó ú ü 0 1 2 3 4 5 6 7 8 9 ¿ ? ¡ ! & @ #
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z
á é í ó ú ü 0 1 2 3 4 5 6 7 8 9 ¿ ? ¡ ! & @ #
RegularTextos largos
MediumDescriptor, énfasis
SemiBoldTítulos
BoldCifras y datos
Título, SemiBold 48/52Mapeamos Colombia juntos
Subtítulo, Medium 22/30Proyectos de cartografía colaborativa
Texto, Regular 16/26OpenStreetMap es un mapa libre y abierto. Cualquiera puede usarlo, mejorarlo y compartir sus datos.
Nota, Regular 13/20© Colaboradores de OpenStreetMap, datos disponibles bajo licencia ODbL.
Si Poppins no está disponible (por ejemplo en un correo), usar Arial o Helvetica.
Guía de marca
Paleta de color
El azul es el color de la marca y el coral su acento. El coral es más cálido y claro que el rojo de HOT, lo que evita confusiones con el competidor más cercano. Los valores Pantone son la referencia más próxima: conviene confirmarlos con una guía física antes de imprimir.
Azul AC3
- HEX
- #001487
- RGB
- 0, 20, 135
- CMYK
- 100, 85, 0, 47
- Pantone
- Pantone 2746 C
Color principal. Logotipo, títulos, fondos institucionales.
Coral norte
- HEX
- #FF6B5D
- RGB
- 255, 107, 93
- CMYK
- 0, 58, 64, 0
- Pantone
- Pantone 178 C
Acento. Solo para la flecha, el nodo central, botones y detalles.
Azul noche
- HEX
- #000B45
- RGB
- 0, 11, 69
- CMYK
- 100, 84, 0, 73
- Pantone
- Pantone 2767 C
Fondos oscuros y bloques de mucho contraste.
Niebla
- HEX
- #EEF1FA
- RGB
- 238, 241, 250
- CMYK
- 5, 4, 0, 2
- Pantone
- —
Fondos claros, tarjetas y áreas de apoyo.
Gris vía
- HEX
- #636B8F
- RGB
- 99, 107, 143
- CMYK
- 31, 25, 0, 44
- Pantone
- Pantone 7545 C
Texto secundario, pies de foto y líneas finas.
Blanco
- HEX
- #FFFFFF
- RGB
- 255, 255, 255
- CMYK
- 0, 0, 0, 0
- Pantone
- —
Espacio y respiro. Fondo por defecto.
Proporción de uso
Blanco 50 %
Azul 30 %
Niebla 12 %
8 %
Combinaciones de texto
Contraste calculado según WCAG 2.1. El coral no se usa para textos sobre blanco (2,8:1); ahí solo funciona en elementos gráficos o botones con texto blanco en tamaño grande.
Aa 14.5:1Blanco sobre azul AC3. Apto para texto
Aa 12.8:1Azul sobre niebla. Apto para texto
Aa 6.6:1Coral sobre azul noche. Apto para texto
Aa 6.6:1Azul noche sobre coral. Apto para texto
Recursos gráficos03
Iconos, trama, ilustración y fotografía construidos con el mismo lenguaje de nodos y vías.
Guía de marca
Iconografía
Una línea de iconos de trazo, con la misma lógica del símbolo: líneas que conectan y un punto coral que marca lo importante, sea un nodo, un destino o una ubicación.
Retícula de 24 px
Trazo de 1,75 px con extremos y uniones redondeadas. Se escalan en múltiplos de 24.
Un solo acento
Cada icono lleva como máximo un elemento coral. El resto va en azul o en blanco sobre fondos oscuros.
Sin relleno
Solo contorno, salvo el punto de acento. Nada de sombras ni degradados.
Guía de marca
Supergráfico
El elemento gráfico de apoyo es el propio mapa. Las calles de La Candelaria, en Bogotá, dibujadas con datos reales de OpenStreetMap: las vías principales en línea gruesa y los cruces como nodos coral. Muestra lo que hace AC3 sin necesidad de explicarlo.
Datos reales
La trama se genera con datos de OSM. Para un evento en otra ciudad, se usa el mapa de esa ciudad.
Siempre de fondo
Nunca compite con el logo ni con el texto: va en tonos cercanos al fondo, con los nodos como único acento.
Atribución
Cuando se usa el mapa, se incluye «© Colaboradores de OpenStreetMap», como exige la licencia ODbL.
Guía de marca
Ilustración
Ilustraciones planas para explicar procesos, talleres y proyectos. Las cabezas de las personas son círculos, como los nodos del símbolo, y las líneas del mapa las conectan.
Paleta de marca
Azul, coral, niebla y un tono intermedio de azul. El coral se reserva para la acción o el protagonista de la escena.
Diversidad
Personas con distintos tonos de piel y roles, sin rasgos faciales. La inclusión es uno de los tres atributos de la marca.
Formas redondeadas
Esquinas suaves, color plano, sin contornos negros, texturas ni sombras.
Guía de marca
Fotografía
Fotos de personas reales haciendo el mapa, del territorio que se mapea y del mapa mismo. Estas imágenes son referencias de estilo: para las piezas finales, lo ideal es usar fotos propias de los eventos de AC3.
Preferir
Luz natural, personas en acción, diversidad de edades y regiones, pantallas con OSM y lugares reconocibles de Colombia.
Evitar
Fotos de banco posadas, mapas impresos, lupas, brújulas antiguas y filtros de color fuertes.
Tratamiento duotono
Para portadas y fondos: foto en blanco y negro con capa azul AC3. El logo va en negativo encima.
Aplicaciones04
La marca en las piezas que AC3 usa: web, documentos y eventos.
Guía de marca
Hoja membretada
Tamaño carta o A4. El logo con descriptor va arriba a la izquierda y una línea coral separa el encabezado del contenido. El pie azul lleva el dominio y la frase de capítulo oficial.
Escarapela
Para mapatones y eventos. Cinta azul AC3 y tarjeta blanca con el logo vertical a color. La franja coral cambia con el nombre de cada evento.
Pendón
Roll-up de 80 × 200 cm. El logo va en el tercio superior, que es lo que se ve por encima de la gente. La trama del mapa ocupa la parte baja y la franja coral cierra con el dominio.
Camiseta
Algodón azul AC3 con el símbolo en negativo en el pecho. Se reproduce bien bordado o en serigrafía a dos tintas; a una tinta se usa la versión blanca.
Bolsa de tela
Lona cruda con el símbolo a color y la frase de la comunidad. Es la pieza de mercadeo que más circula fuera de los eventos.
Presentación
Portada de diapositivas 16:9. Fondo azul, título en blanco con segunda línea en coral y el mapa como imagen de apoyo a la derecha.
Sitio web
Encabezado de ac3.org.co. El logo horizontal sin descriptor funciona mejor en la barra de navegación. El botón principal es coral y el resto de la interfaz se mantiene en azul y blanco.
Redes y aplicación móvil
En redes el avatar es el símbolo simplificado sobre azul. En pantallas de mapa, la flecha coral indica la ubicación, igual que en el símbolo.
Guía de marca
¡Gracias!
La identidad de AC3, esta guía, las versiones del logo, la iconografía, las ilustraciones y los mockups fueron diseñados por Manuel Martinez.
¿Quieres una marca así para tu negocio?
WhatsApp+57 333 280 4365
Correomanuel5002@me.com