xxÁrea de protección
Reserva al menos 1x alrededor. Usa como medida el diámetro del círculo interior del pin. Ningún texto o imagen invade esta zona.
Mappindo conecta viajeros con anfitriones locales y guías profesionales a través de Planes.
02 / GUÍA DE MARCA
Logotipo
El nombre y el pin forman una sola firma. Usa siempre los archivos oficiales para conservar su forma y proporciones.
PrincipalARCHIVO VECTORIAL ORIGINAL
ARCHIVO VECTORIAL ORIGINALxx
120 pxLogotipo · ancho mínimo20 px / 16 pxPin en interfaz / favicon
Uso independiente del pin
En favicon, avatar de marca y espacios pequeños. Si el detalle interior pierde claridad, aumenta el tamaño.
Usa el archivo original. El logotipo se coloca como archivo; no se escribe con una fuente.
03 / GUÍA DE MARCA
Color
El turquesa es la señal más reconocible de Mappindo. Los tonos profundos aportan contraste; los claros dejan respirar el contenido.
COLOR PRINCIPALAzul Mappindo
Azul Mappindo
original.
RGB0 · 203 · 211
HSL182° · 100% · 41%
CMYK orientativo100 · 4 · 0 · 17
Pantone aproximado3115 C
Para impresión, valida CMYK y la aproximación Pantone con una prueba física. El resultado depende del perfil, el papel y el acabado.
La familia turquesa
Selecciona un color para copiar su HEXNeutros de apoyo
Degradados
Fondos de comunicación
Petróleo → turquesaBlanco → cian → mentaUsa transiciones amplias y suaves. Mantén una zona tranquila detrás de títulos y datos. El brillo acompaña al contenido.
Contraste legible
Texto normal: mínimo 4.5:1Aa7.45:1
Texto oscuro / turquesa
Apto para texto normalAa9.40:1
Blanco / turquesa profundo
Apto para texto normalAa2.00:1
Blanco / turquesa
Evitar en texto normal04 / GUÍA DE MARCA
Tipografía
Stevie Sans es la tipografía de marca. Plus Jakarta Sans es el complemento digital utilizado en la app, el pitch y esta guía.
AaPlus Jakarta Sans
PRODUCTO DIGITAL
Plus Jakarta Sans
Títulos expresivos.
Lectura cómoda.
Controles claros.
Conoce la ciudad con alguien que sí la vive.
Aa Bb Cc Ññ · 0123456789 · ¿A dónde vamos?
Destacado · 64–96 / 800Explora.
Título · 36–56 / 700
Planes para conectar.
Cuerpo · 16–18 / 400
Encuentra planes creados por anfitriones locales y guías profesionales que conocen el lugar.
Etiqueta · 14 / 600Ver perfil
Escala orientativa: adáptala al espacio y al dispositivo. Interlineado de cuerpo: 1.5–1.65. DM Sans e Inter son alternativas web. Los archivos de Stevie Sans no se redistribuyen; para web, usa el proyecto autorizado de Adobe Fonts.
05 / GUÍA DE MARCA
Interfaz
Los botones trasladan el color al producto. Cada nivel tiene una función y un tratamiento consistente.
EJEMPLO DE LA APPConvierte lo que
Convierte lo que
conoces en un plan.
Diseña el recorrido, define los detalles y compártelo con viajeros.
Ejemplo interactivo de estiloJerarquía de acciones
Prueba los botonesLos ejemplos muestran el estilo de la app; las acciones no modifican contenido.
Estados del botón principal
El foco siempre es visible. Con movimiento reducido, elimina las transiciones.
06 / GUÍA DE MARCA
Ilustración
Personajes de viaje cercanos y expresivos. Comparten textura, sombras suaves, proporciones y una paleta reconocible.
EL UNIVERSO MAPPINDO
19 PERSONAJES · PNG CON TRANSPARENCIA
Conserva el estilo.
Mantén color, grano y sombras. No deformes el cuerpo ni agregues contornos.
Da intención al gesto.
Presentar, orientar o celebrar. El personaje acompaña un mensaje concreto.
Cuida el encuadre.
No cortes manos, rostro o accesorios clave. Deja aire hacia donde mira o señala.
Avatares ilustrados. Úsalos en ejemplos, perfiles de demostración y comunicación. Los perfiles reales de anfitriones locales y guías profesionales usan fotografía.
Ver personajes y avatares07 / GUÍA DE MARCA
Fotografía
Muestra personas compartiendo una actividad y el contexto del lugar. Luz natural, gestos espontáneos y una escena creíble.
La actividad primero.
Elige una foto que explique qué se hace. Deja ver al grupo, el entorno y los detalles del plan.
Un rostro reconocible.
Retrato actual de la persona, mirada visible y fondo sencillo. Evita logos o ilustraciones como foto de perfil.
Piensa en el recorte.
Prepara portadas horizontales y retratos cuadrados. Conserva el sujeto principal en el área central.
Para publicar un plan real, utiliza fotografías que correspondan a esa actividad y a sus participantes.
08 / GUÍA DE MARCA
Voz y palabras
Cercanía sin exagerar. Explica qué puede hacer alguien, con quién y cuál es el siguiente paso.
ASÍ SUENA MAPPINDO
“Conoce la ciudadTexto de la app · Descubrimiento
con alguien que
sí la vive.”
OFERTA
Planes
Para las actividades y recorridos que se descubren y reservan.
PERSONAS
Anfitriones locales
Para quienes comparten un plan desde su conocimiento del lugar.
PERSONAS
Guías profesionales
Para quienes cuentan con ese rol. No atribuyas esta condición a todos los anfitriones.
Sí decimos
Explorar planes
Elige con quién conocer la ciudad
Diseña el recorrido, define los detalles y compártelo con viajeros.
Evitamos
Vive experiencias inolvidables
El mejor guía del mundo te espera
Una aventura única y revolucionaria que cambiará tu vida.
Usa Planes para nombrar la oferta de Mappindo; en botones y frases, escribe «plan» o «planes» según el contexto. Elige verbos concretos: explorar, crear, buscar, guardar. Prefiere información útil a promesas difíciles de demostrar.
09 / GUÍA DE MARCA
Recursos
Descarga originales listos para usar. Escoge la versión adecuada al fondo, al formato y al contexto.
Principal
Fondo oscuro
Monocromático oscuro
Monocromático claro
El pin
Turquesa
Oscuro
