SISTEMA VISUAL · 09
Cómo se ve el ecosistema
El sistema visual es la consecuencia de la voz. Un símbolo, cuatro tipografías, un fondo maestro y cinco acentos: con eso se resuelve todo el ecosistema.
EL SÍMBOLO
El Giro Infinito: dos trazos que se persiguen sin cerrarse. Representa la mejora continua — cada vuelta deja al rider en un punto más alto.
El isotipo se construye sobre una retícula de 12×12 unidades. El grosor de trazo equivale a 1 unidad y el radio interior a 3 unidades. El logotipo horizontal alinea el eje óptico del isotipo con la altura de mayúscula del wordmark.
RETÍCULA, ÁREA DE PROTECCIÓN Y TAMAÑOS
RETÍCULA
Módulo base X = altura del isotipo ÷ 12. Toda separación del sistema es múltiplo de X.
ÁREA DE PROTECCIÓN
Área libre mínima igual a 2X en los cuatro costados del logotipo. Ningún elemento, texto o borde puede invadirla.
TAMAÑOS MÍNIMOS
- Digital · isotipo24 px de alto
- Digital · logotipo96 px de ancho
- Impreso · logotipo25 mm de ancho
- Bordado40 mm de ancho
PALETA DEL ECOSISTEMA
Lima Go
#C6F24E
Acento maestro del ecosistema
Oro Black
#D4B26A
Acento de la submarca
Oro profundo
#8A6F3C
Sombra y detalle
Azul Lab
#4EA8FF
Acento de la submarca
Azul dato
#1F5FA8
Gráficas y estados
Magenta Epic
#FF2B6B
Acento de la submarca
Magenta profundo
#A81043
Sombra y estados
Naranja Wild
#FF7A2B
Acento de la submarca
Arena
#D9B382
Secundario cálido
Ink
#050506
Fondo maestro del sistema
Grafito
#16171A
Superficies y tarjetas
Hueso
#ECE8DF
Texto sobre fondos oscuros
TIPOGRAFÍA
Space Grotesk
300 · 400 · 500 · 600 · 700Titulares y wordmark de submarcas
Nunca dejes de mejorar
Fraunces
300 · 400 · 500 · 600Citas editoriales y manifiestos
El progreso se acompaña
Inter
300 · 400 · 500 · 600Texto corrido, interfaz y documentos
Cada salida deja algo: un dato, un kilómetro, una historia.
JetBrains Mono
400 · 500Etiquetas, índices y datos técnicos
CAP. 08 · SISTEMA VERBAL
ICONOGRAFÍA, PATRONES Y MOTION
ICONOGRAFÍA
Trazo de 1.5 px en retícula de 24 px, esquinas redondeadas 2 px, terminaciones planas. Los íconos nunca llevan relleno de color de submarca.
PATRONES
El isotipo se repite en trama diagonal a 15° con opacidad 6% sobre Ink. Nunca sobre fotografía con sujeto principal.
MOTION
Mask reveal
El contenido aparece desde una máscara vertical.
700 ms · cubic-bezier(0.16, 1, 0.3, 1)
Giro infinito
Rotación continua del isotipo en cargas y transiciones.
6 s lineal
Parallax editorial
Fondo a 0.6× de la velocidad del texto.
Scroll-linked
SISTEMA VISUAL POR SUBMARCA
Go Cycling
El Giro Infinito: dos trazos que se persiguen sin cerrarse. Representa la mejora continua — cada vuelta deja al rider en un punto más alto.
Go Black
El giro en oro: la mejora continua llevada al estándar más alto. El oro comunica permanencia, no ostentación.
Go Lab
El giro medido: el mismo símbolo leído como diagrama. Azul de instrumento, no de tecnología genérica.
Go Epic
El giro en tensión: el símbolo como pulso. Magenta de esfuerzo y de meta.
Go Wild
El giro abierto: el símbolo como horizonte. Naranja de amanecer sobre el manglar.
Go Social
El giro compartido: el símbolo repetido en grupo. Usa el lima del ecosistema porque la comunidad es el centro.