Identidad visual — del grafismo ancestral a la paleta propia
Le pones cara a tu marca: un sistema visual mínimo con paleta, par tipográfico y lockup coherentes con tu manifiesto.
Antes de la tecnología, este saber.
Mucho antes de los "manuales de marca", los pueblos ya tenían identidad visual. La orfebrería Quimbaya, los tejidos Wayuu, las molas guna y los grafismos del Pacífico colombiano transmitían, en una sola pieza, quién era el pueblo que la había hecho. Sin firma, sin texto. Solo geometría, color y proporción.
¿Qué señales visuales hacen que reconozcas inmediatamente a una familia, a un equipo del barrio o a tu colegio sin leer su nombre? ¿Por qué esas señales funcionan?
Las marcas modernas usan el mismo principio que las identidades ancestrales: una paleta de 3 a 5 colores, un par tipográfico y un lockup. Esa pieza mínima identifica tu marca antes de que el espectador lea una palabra.
"¿Qué señales visuales hacen que reconozcas a un equipo o a un colegio sin leer su nombre?"
Esto vas a recorrer hoy.
- 1
Identidad sin palabras
10 min - 2
Gramáticas visuales en tu entorno
15 min - 3
Anatomía del sistema visual
15 min - 4
Crea tu sistema visual mínimo
35 min - 5
Verifica, reflexiona y cierra
15 min
Cuaderno: empieza en página nueva con este encabezado —Guía · Tema · Fecha—. Solo lo que aparezca en los bloques de actividad y en los de saber ancestral y triángulo va al cuaderno; el resto es para leer y entender.
Reconoce sin leer
En 3 minutos, escribe en una hoja 3 marcas que reconoces solo con su color o forma — sin texto. Al lado de cada una anota qué señal específica te basta para reconocerla.
3 minEn la sesión 1 escribiste tu Manifiesto de Marca Personal: la promesa que sostiene tu nombre.
En la sesión 3 construirás la estructura semántica de tu sitio web personal (HTML).
Las 6 palabras que vas a entender hoy.
Domina estas ideas y todo lo demás cae solo. Léelas antes de abrir el PDF.
- 🎨
Paleta
3 a 5 colores con jerarquía clara: un dominante (~60%), uno secundario (~30%), uno o dos acentos (~10%).
Ej. Para una marca de comida saludable del Valle: verde hoja dominante, crema secundario, mango como acento.
- 🔤
Par tipográfico
Una fuente display para titulares + una fuente cuerpo para texto. Nunca dos display compitiendo al mismo tiempo.
Ej. Bricolage Grotesque para titulares + Inter para el cuerpo. Contrastan sin pelearse.
- ✍️
Lockup
La firma de tu nombre con tratamiento fijo (color, fuente, espacios). Debe funcionar a 16 píxeles y a 2 metros de pared.
Ej. Tu nombre en mayúsculas + un símbolo a la izquierda en color de acento, siempre igual.
- ⚖️
Patrón 60-30-10
Regla de proporción de color: 60% dominante, 30% secundario, 10% acento. Cámbiala y se rompe la armonía.
Ej. Si tu acento aparece en el 50% de la pantalla, deja de ser acento y empieza a competir con el dominante.
- 🧭
Coherencia con el manifiesto
Cada decisión visual debe sostener la promesa de tu marca. Una marca seria con paleta neón es incoherente.
Ej. Si tu manifiesto dice "rigor y cuidado", una paleta de neones saturados contradice esa promesa.
- 🔍
Test del tamaño chico
Si tu lockup, en blanco y negro y del tamaño de una uña, todavía dice quién eres, has abstraído bien.
Ej. El símbolo de Nike funciona a 1 cm. El de muchas marcas que solo usan texto, no.
Ahora, a tu cuaderno.
Estas son las actividades que vas a desarrollar y dejar registradas. Lo que NO aparece como Actividad es para entender, no para copiar.
Gramáticas visuales en tu entorno
- Sin moverte de donde estás, observa un objeto de tradición ancestral o popular: tejido, cerámica, ropa de fiesta.
- Observa un negocio del barrio: panadería, peluquería, taller.
- Observa una marca global presente en tu cotidianidad: zapatillas, app, café.
- Para cada uno anota qué colores usa, qué formas, qué transmite sin palabras.
- Título:
- «Actividad 1 — Gramáticas visuales en mi entorno»
- Formato:
- Tabla de 4 columnas (Ejemplo | Colores principales | Formas y patrones | Qué transmite). 3 filas.
- Extensión:
- 3 filas, una por ejemplo
- Cada fila menciona colores específicos (no "varios")
- Cada fila menciona formas concretas (no "diseños bonitos")
- Cada fila incluye un mensaje que el sistema visual transmite sin texto
- Hay al menos un ejemplo ancestral o popular reconocido
Tres sistemas visuales que admiras
- Elige 3 marcas distintas entre sí — no las 3 deportivas, no las 3 tech.
- Para cada una: nombre, paleta (3-5 códigos HEX), par tipográfico, qué transmite en 1 frase.
- Anota un patrón común a las 3: ¿qué hace que se sientan profesionales?
- Anota una diferencia clave: ¿qué hace que NO se confundan entre sí?
- Título:
- «Actividad 2 — Tres sistemas visuales que admiro»
- Formato:
- 3 fichas con 4 datos cada una (Nombre · Paleta HEX · Par tipográfico · Qué transmite).
- Extensión:
- 3 fichas + 1 patrón común + 1 diferencia clave
- Las 3 marcas son distintas entre sí (no del mismo sector)
- Cada paleta tiene códigos HEX concretos, no nombres genéricos
- La frase "qué transmite" es específica (no "se ve cool")
- El patrón común y la diferencia están en frases cortas
Tu sistema visual mínimo
- Elige la emoción principal de tu marca: calidez, rigor, frescura, etc.
- Prueba 3 paletas en coolors.co que transmitan esa emoción y elige una.
- Prueba 3 pares tipográficos en fonts.google.com y elige el que mejor sostenga la emoción.
- Dibuja a mano 3 versiones de tu lockup. Elige la combinación más coherente con tu manifiesto.
- Título:
- «Actividad 3 — Mi sistema visual — versión 1»
- Formato:
- Una página con 4 secciones (Paleta · Tipografía · Lockup · Justificación), cada una con datos concretos y una frase de decisión.
- Extensión:
- 1 página de cuaderno · paleta + par + lockup + 4 frases de justificación
- La paleta tiene 3-5 colores con jerarquía clara y códigos HEX
- El par tipográfico es uno display + uno cuerpo, no dos display
- El lockup tiene tratamiento fijo y funciona a tamaño chico
- Cada decisión tiene una frase que la conecta con tu manifiesto
- Un extraño puede mirar el sistema y sentir tu marca sin que tú la expliques
Evalúa el sistema visual de un compañero
- Intercambia tu cuaderno con un compañero. Lee su sistema visual sin que te lo explique.
- Califica del 1 al 5 estas 3 dimensiones: (a) coherencia con su manifiesto, (b) jerarquía clara en paleta y tipografía, (c) escalabilidad del lockup (¿funciona chico?).
- Escribe DOS observaciones: una que afirma (qué está fuerte) y una que reta (qué debe afinar).
- Devuelve el cuaderno y conversen 5 minutos sobre los hallazgos sin defenderse — solo escuchar.
- Título:
- «Actividad 4 — Evaluación del sistema visual de [nombre del compañero]»
- Formato:
- Calificaciones (a/b/c con número del 1 al 5) + 1 observación que afirma + 1 observación que reta
- Extensión:
- 3 calificaciones + 2 observaciones de 2-3 renglones cada una
- Las 3 calificaciones están con justificación de 1 línea
- La observación que afirma señala algo específico, no generalidades
- La observación que reta es respetuosa pero concreta
- No reescribiste su sistema en tu cuaderno — solo evaluaste
Ahora aplica lo aprendido.
Tienes el PDF leído. Aquí pones las manos. Estos labs te ayudan a verificar que entendiste antes de la próxima clase.
✅ Verifica el vocabulario visual
5 preguntas para confirmar que dominas las piezas del sistema visual antes de avanzar. Necesitas 3/5 para continuar.
- 1 Una marca que dice "soy seria y rigurosa" pero usa paleta de neones saturados, ¿qué problema tiene?
- 2 ¿Cuántos colores debe tener una paleta sólida de marca?
- 3 En el patrón 60-30-10, ¿qué representa el 10%?
- 4 ¿Qué es un par tipográfico bien construido?
- 5 ¿Cuál es la prueba definitiva de un buen lockup?
¡Completaste el quiz!
Aciertos: 0 de 5
Tres voces para cerrar.
No es decoración: son tres lentes que te acompañan toda la secundaria. Lee con calma y responde la pregunta-espejo en tu cuaderno.
Enrique Dussel
lente del nosotrosLa belleza estética nace donde una voz silenciada encuentra forma.
— formulación de esta guía, al modo de Enrique Dussel. No es una cita textual.
Pregunta-espejo: ¿Mi sistema visual incluye señales de mi lugar y mi gente, o copia el estándar global? ¿A qué voz le doy forma cuando elijo estos colores?
Marco Aurelio
lente del cuidado interiorToda cosa tiene su belleza propia, pero no todos la ven.
— formulación de esta guía, al modo de Marco Aurelio. No es una cita textual.
Pregunta-espejo: ¿Estoy eligiendo lo que de verdad expresa mi marca o estoy persiguiendo una estética que vi en otra parte? ¿Cuál es mi belleza propia?
Luciano Floridi
lente de la infoesferaCada acto de diseño es un acto informacional: añade o resta a la infoesfera visual común.
— formulación de esta guía, al modo de Luciano Floridi. No es una cita textual.
Pregunta-espejo: ¿Mi sistema visual aporta claridad a quien lo mira o le suma ruido a un mundo ya saturado?
Nota para el docente. Las tres formulaciones son del autor de la guía, no citas textuales de los pensadores: recogen su lente para pensar el tema, no sus palabras. Si vas a citarlos en clase, remite a la obra original.
Cinco dimensiones que te llevas.
No solo aprendiste un tema. Mira en cinco direcciones lo que esta sesión dejó en ti.
Personal
Tomaste decisiones estéticas con criterio, no por impulso ni por imitación.
Emocional
Identificaste la emoción que tu marca quiere transmitir y la sostuviste en cada decisión.
Ciudadana
Cada elección visual habla de tu lugar y tu gente en una infoesfera ya saturada.
Local
Anclaste tu paleta y tus formas en los grafismos del Valle, el Pacífico y la tradición popular colombiana.
Intergeneracional
Recuperaste una gramática visual que viene de la orfebrería Quimbaya y los tejidos del Pacífico.
Transferencia a tu vida
Esta semana, aplica tu paleta a 3 productos cotidianos: la portada de tu próximo trabajo, tu foto de perfil con un filtro de color coherente, y la firma de tu correo institucional. El próximo lunes traes esos 3 productos al aula.
¿Qué te llevás de esta guía?
Escribe en tus propias palabras: qué aprendiste, qué te sorprendió, o cómo conecta con tu vida. Máximo 800 caracteres. No se califica — es para ti.
Inicia sesión para guardar tu reflexión y que quede en tu historial.
Retroalimentación de tu docente
Marca esta guía como completada
Cargando tu progreso…
Envíaselo a quien lo necesite
Tus compañeras y compañeros, padres o profesores pueden abrir esto directamente en su celular sin instalar nada.
Introducción
Activación de conocimientos previos y planteamiento del problema o pregunta orientadora.
Desarrollo conceptual
Explicación de los contenidos de la sesión con ejemplos, recursos visuales y referencias.
Actividad práctica
Ejercicio individual o colaborativo donde aplicas lo aprendido.
Evaluación
Cuestionario interactivo, producto o reflexión escrita para evidenciar el aprendizaje.