Observemos más juntos.
El manual de marca y sistema de diseño Clarity v2.5 ("Atmospheric Precision") unifica la autoridad periodística, el rigor de telemetría y la estética digital de vanguardia de ObservAuto para aplicaciones impresas, audiovisuales, digitales y agentes autónomos de IA.
Telemetría & Verdad Técnica
Rigor epistémico antes que adjetivación vacía. Mediciones de pista instrumentadas, datos de homologación y telemetría real de vehículos.
Atmospheric Precision
Capas tonales hiperlimpias (#FAF8FF a #FFFFFF), glassmorphism sutil y ausencia total de bordes negros divisores de 1px.
Optimizado para GEO/AEO
Estructura tabular y densidad de datos diseñada para máxima citabilidad en motores de respuesta como ChatGPT, Perplexity y Claude.
Manifiesto de Marca & Tono Editorial
Identidad fundacional, Quiénes Somos, valores cardinales, arquetipo de marca y protocolos de redacción técnica GEO/AEO.
1.1 Quiénes Somos & Misión Institucional
Ecosistema ObservAutoEn ObservAuto somos un equipo apasionado y comprometido con la investigación y el análisis del sector automotor, enfocados en brindar información precisa y actualizada desde 2019.
Nuestra Misión & Visión
Buscamos consolidarnos como una fuente confiable de información para todos los entusiastas del motor, ayudando a nuestra audiencia a tomar decisiones informadas sobre vehículos, motos, maquinaria, tendencias del mercado y tecnologías emergentes.
Equipo Directivo & Consejo Editorial
- Santiago Álvarez: Editor / CEO
- Felipe Garan: RRPP y Marketing / CTO
- Canales: Portal Web, Redes Sociales & Podcast Oficial Spotify
Aspiramos a ser el referente en el sector en Colombia y la región, promoviendo una comunidad donde el intercambio de ideas y experiencias sea fundamental a través de contenidos que informen, eduquen y entretengan con rigor epistémico.
1.2 El Credo de ObservAuto
"No reseñamos autos para adular a los fabricantes; analizamos máquinas, sistemas de propulsión e infraestructura de transporte para empoderar la toma de decisiones. Creemos en la telemetría sobre el adjetivo, en la transparencia sobre el patrocinio opaco, y en una experiencia visual tan refinada como la ingeniería que documentamos."
La Metáfora Fundacional: El Parabrisas. Nuestra identidad visual evoca la experiencia inmersiva y limpia de una cabina digital de alta gama. Una interfaz visual que respira mediante capas tonales hiper-limpias, translucidez de cristal pulido (glassmorphism con desenfoque de 20px evocando parabrisas y pantallas HUD), y una economía cromática donde cada tono cumple una función biomecánica de lectura.
1.3 Los 4 Valores Cardinales
| Valor | Definición Operativa | Manifestación Visual / Editorial |
|---|---|---|
| 1. Rigor Epistémico | La verdad técnica prevalece sobre la opinión subjetiva. Cada afirmación se sustenta en cifras comprobables y metodologías de homologación explícitas. | Tablas comparativas tabulares obligatorias en cada prueba. Eliminación total de adjetivos abstractos sin sustento métrico. |
| 2. Claridad Atmosférica | Rechazo al abarrotamiento visual. El diseño debe descansar el ojo del lector y guiar su atención hacia la información crítica. | Fondos en degradados tonales suaves (#FAF8FF a #FFFFFF), espaciado generoso (múltiplos de 8px), tarjetas translúcidas con desenfoque de 20px. |
| 3. Autoridad Sin Soberbia | Hablamos con el conocimiento de un ingeniero de desarrollo, pero con la elocuencia de un comunicador pedagógico. | Glosarios técnicos contextuales, infografías explicativas de arquitectura eléctrica (400V vs 800V, químicas de batería LFP vs NMC). |
| 4. Compromiso Multimodal | La movilidad abarca la micro-movilidad, las dos ruedas, el autobús de tránsito rápido y la descarbonización de flotas. | Cobertura equitativa para un deportivo eléctrico de 600 kW que para una flota de buses articulados a hidrógeno. |
1.4 Lista Negra de Clichés vs. Sustitutos Canónicos
| Término Prohibido (Veto Absoluto) | Motivo del Veto | Reemplazo Técnico Obligatorio ObservAuto |
|---|---|---|
| ✕ "Monstruo del asfalto / Fiera" | Cliché amarillista vacío sin valor informativo. | "Genera 650 Nm de torque instantáneo a las 4 ruedas" |
| ✕ "Aspecto agresivo / Líneas musculosas" | Juicio estético subjetivo y trillado. | "Coeficiente aerodinámico de 0.26 Cx con tomas de aire activas en el bumper delantero" |
| ✕ "Impresionante aceleración" | Adjetivación vaga de publirreportaje. | "0 a 100 km/h en 3.8 segundos con Launch Control activado" |
| ✕ "Precio accesible / Para todos los bolsillos" | Relativismo económico engañoso. | Citar la cifra monetaria exacta en COP ($) y su posición relativa en el decil de mercado. |
Logotipo, Variantes & Normativas
Formatos horizontal, vertical/apilado e isotipo en versiones full color, monocromo blanco y monocromo negro con descargas directas en SVG y PNG 2400px.
Área de Aislamiento y Respeto (Módulo O)
El perímetro de protección obligatorio equivale exactamente a la altura y anchura de la letra "O" inicial en los cuatro costados (margen de seguridad = 1O).
Ningún elemento tipográfico, gráfico o borde de página puede invadir el área punteada delimitada por el módulo O.
Tamaño Mínimo de Reproducción
Límites técnicos para evitar pérdida de legibilidad en pantallas e imprenta.
Usos Incorrectos del Logotipo (Lo que NUNCA se debe hacer)
Ejemplos gráficos de alteraciones inadmisibles que destruyen la consistencia y el valor de marca.
Paleta Cromática Integral & Tokens
Paleta completa de ObservAuto: Colores Core, Primarios, Secundarios (Signature Red), Terciarios (Gold/Amber/Teal), Superficies Tonalizadas y la Serie Extendida de Infografía de 40 tonos. Haz clic en cualquier código para copiarlo.
Paleta Decorativa e Infográfica Extendida (40 Colores del Logotipo)
Colores derivados de los caracteres del logotipo OBSERVAUTO. Uso reservado exclusivamente para gráficos de barras comparativos de ventas de autos, cuotas de mercado e ilustraciones técnicas.
Tipografía & Jerarquía Escalar
Plus Jakarta Sans para display y métricas técnicas; Inter para lectura fluida y microcopia. Prueba el renderizado en vivo a continuación.
Escala Modular Canónica (Major Third 1.250)
| Token | Familia | Weight | Tamaño Web | Line Height | Uso Principal |
|---|---|---|---|---|---|
display-lg |
Plus Jakarta Sans | 800 (ExtraBold) | 3.5rem (56px) | 1.1 | Portada principal, grandes títulos hero |
display-md |
Plus Jakarta Sans | 700 (Bold) | 2.5rem (40px) | 1.2 | Titulares de prueba de manejo o artículo central |
headline-lg |
Plus Jakarta Sans | 700 (Bold) | 2.0rem (32px) | 1.3 | Títulos de sección (ej. "Lanzamientos 2026") |
title-lg |
Inter | 700 (Bold) | 1.25rem (20px) | 1.4 | Cifras KPI, potencias de motor y precios |
body-lg |
Inter | 400 (Regular) | 1.0rem (16px) | 1.65 | Cuerpo de lectura principal de artículos |
label-lg |
Inter | 600 (SemiBold) | 0.875rem (14px) | 1.4 | Botones primarios y llamadas a la acción |
Medios Impresos (Print & Pre-Prensa)
Estándares de pre-prensa, sangrías, márgenes de seguridad, papelería institucional y credenciales oficiales de prensa para salones y pista.
Diagrama de Pre-Prensa: Sangrado Físico y Márgenes Seguros
Para evitar que la guillotina corte textos o que queden bordes blancos en artes impresos, sigue estrictamente las tres líneas de frontera:
Todos los textos, logotipos y firmas deben permanecer estrictamente dentro de este recuadro verde.
Papelería Institucional & Acabados de Alta Gama
| Pieza | Formato | Sustrato Recomendado | Acabados Especiales |
|---|---|---|---|
| Hoja Membrete | A4 (210×297 mm) / Carta (216×279 mm) | Mohawk Superfine / Fedrigoni 100-120 g/m² libre de ácido | Logotipo en Pantone 281 C + Warm Red C a 42 mm en cabecera |
| Tarjetas Ejecutivas | 85 × 55 mm | Cartulina triple capa Gmund Cotton 380–450 g/m² | Laminado mate soft-touch + Barniz UV sectorizado 3D en logo + Canto en Laser Red |
| Carpetas Dossier | 225 × 310 mm cerrado + solapa de 75 mm | Folding SBS 350 g/m² | Plastificado mate exterior con reserva de barniz serigráfico UV en isotipo |
| Credenciales de Prensa | 100 × 140 mm vertical | PVC laminado de 750 micras impermeable | Franja inferior Laser Red + QR Criptográfico de validación en tiempo real + Lanyard azul |
Medios Audiovisuales & Video
Explicación y demostración en vivo de Lower Thirds, simulador interactivo del Bumper oficial de 2.2 segundos y zonas seguras para redes verticales.
¿Qué es un "Lower Third" (Pleca o Cintillo)?
En el periodismo audiovisual y televisivo, un Lower Third (literalmente "tercio inferior") es el rótulo gráfico que aparece en la parte baja de la pantalla durante un video o transmisión. En ObservAuto cumple dos funciones indispensables:
- 1. Identificación Editorial: Presenta el nombre, cargo o credencial del periodista, presentador o directivo entrevistado (ej. Felipe Garan | Director de Pruebas de Ruta).
- 2. Telemetría HUD del Vehículo: Mientras el automóvil rueda por carretera o pista, emerge una pleca flotante con estética Atmospheric Glass (translúcida con desenfoque de 25px y acento en Laser Red) informando potencia, torque, aceleración y precio.
Bumper Oficial de Marca (Audio-Visual Ident)
Duración canónica: 2.2 segundos (micro-ident de 0.8s para TikTok/Reels).
1. Activación Láser
Fondo Deep Navy. Un haz láser rojo horizontal corta la pantalla a alta velocidad con zumbido de motor eléctrico.
2. Enfoque HUD
Onda expansiva de desenfoque enfoca nítidamente el isotipo con impacto seco de sub-bass a 55 Hz.
3. Resolución & Lema
El logotipo "ObservAuto" asienta tracking tipográfico y destello del slogan dinámico hacia el metraje principal.
Propuestas Audiovisuales de Bumper (Demos Independientes)
Explora y evalúa los 3 prototipos de animación antes de su integración definitiva en edición:
Mapa de Safe Zones para Video Vertical (9:16)
Porsche Taycan Turbo GT
Área visible garantizada sin interferencias de la interfaz de TikTok o Instagram Reels.
Coordenadas Críticas (Lienzo 1080 × 1920)
- Margen Superior No-Texto: 180 px desde el borde superior (despeja pestañas "Para Ti", buscador y notch).
- Margen Inferior No-Texto: 380 px desde el borde inferior (área reservada para pie de foto, nombre de usuario y selector de audio).
- Margen Derecho de Interacción: 140 px desde el borde derecho (área de botones Like, Comentarios y Guardar).
- Caja Segura Central: 880 px de ancho × 1360 px de alto.
Formatos & Pautas para Redes Sociales
Estructura para carruseles educativos 4:5 (formato Cápsulas de ObservAuto), composición de miniaturas de YouTube y banners institucionales.
Carruseles Educativos (1080×1350 px — 4:5)
Basado en la arquitectura del formato Cápsulas Educativas de ObservAuto:
- Slide 1 (Portada / Hook): Sponsor strip superior (DFAC, Volvo, Nissan), badge de dificultad (Básico / Intermedio / Pro), titular de alto impacto y tag de categoría.
- Slides 2 a 7 (Bento Data & Tips): Una sola idea métrica por lámina (Capacidad de carga, Eficiencia energética, Telemetría) con gráficos y tips prácticos.
- Slide 8 (Cierre & Quiz): Veredicto técnico, botón simulado en Laser Red y lema institucional fluido.
Miniaturas de YouTube (1280×720 px)
- 65% del encuadre: Vehículo en curva con barrido dinámico (motion blur en rines, carrocería en foco e iluminación rim light).
- 35% del encuadre: Máximo 3 o 4 palabras de impacto en Plus Jakarta Sans ExtraBold mayúsculas con kerning apretado.
- Zona de Seguridad: 180×60 px de la esquina inferior derecha reservados para el timestamp de YouTube.
Arquitectura de Marca: B2C y B2B
Estrategia diferenciada de identidad para la audiencia masiva (Consumidor B2C) y la industria publicitaria y automotriz (Corporativo B2B), junto con sus recursos visuales específicos.
Ecosistema Dual: Dos Clientes, Una Sola Autoridad
B2C Editorial & B2B CorporativoObservAuto articula dos públicos complementarios con requerimientos de comunicación específicos. Mientras el público B2C busca veredictos de compra honestos, pedagogía técnica y pasión automotriz, el segmento B2B (directores de marketing de marcas, importadores, concesionarios y agencias de medios) demanda métricas auditadas, retorno de inversión y rigor corporativo.
B2C · Consumidor & Lector
observauto.comPortal editorial principal de pruebas instrumentadas, noticias, comparativas y pedagogía técnica para conductores y compradores.
- Propósito: Pruebas de manejo instrumentadas, novedades de producto, guías de compra y cultura automovilística.
- Atmósfera Visual: Capas tonales hiperlimpias (#FAF8FF a #FFFFFF), tarjetas de cristal translúcido, fotografía de pista en alta fidelidad y lema institucional dinámico sin cajas.
- Tipografía Rectoral: Plus Jakarta Sans Bold para titulares; Inter Regular para cuerpos de lectura fluida.
- Paleta Dominante: Deep Navy (#002657) de autoridad con acentos en Laser Red (#E43524) para llamados a la acción.
- CTAs Clave: "Leer prueba completa", "Ver ficha técnica", "Escuchar podcast en Spotify".
B2B · Corporativo & Marcas
mediakit.observauto.comEntorno corporativo institucional para directores de mercadeo, marcas ensambladoras y agencias publicitarias.
- Propósito: Comercialización de formatos de alto impacto, presentación del Media Kit, propuesta People First y métricas de audiencia.
- Elemento Gráfico: Malla Reticular de Nodos Interconectados: Trama vectorial de nodos y aristas de datos sobre fondos oscuros que simboliza las conexiones del ecosistema automotriz.
- Tipografía de Datos: Exclusivamente Inter con números tabulares (
tabular-nums) para métricas auditadas, y Plus Jakarta Sans para titulares corporativos. - Paleta Dominante: Deep Navy (#002657) y Midnight (#001838) con acentos de luz en Laser Red y Teal.
- CTAs Clave: "Descargar Media Kit", "Solicitar propuesta comercial", "Ver formatos publicitarios".
Matriz Canónica de Diferenciación de Marca
| Elemento de Identidad | Enfoque B2C (Consumidor) | Enfoque B2B (Corporativo & Media Kit) |
|---|---|---|
| Canal Principal | observauto.com |
mediakit.observauto.com |
| Voz y Registro | Pedagógica, accesible, apasionada, basada en pruebas reales | Analítica, ejecutiva, consultiva, orientada a KPI y ROI |
| Tratamiento de Fondo | Superficie Canvas Tonal (#FAF8FF) a Blanco Puro (#FFFFFF) | Deep Navy (#002657) a Midnight (#001838) con Malla Reticular de Nodos |
| Elemento Gráfico Característico | Translucidez de parabrisas (HUD Glassmorphism 20px) | Malla Reticular de Nodos Interconectados (Red Plexus gráfica) |
| Tipografía Técnica | Inter Regular / SemiBold | Inter con cifras tabulares para datos; Plus Jakarta Sans para titulares |
| Regla del Logo sobre Fondo | Versión Full Color sobre fondo claro institucional | Estrictamente Blanco Puro (#FFFFFF) sobre fondos oscuros o tramas |
Directrices de Diseño para Agentes de IA
System Prompts e instrucciones maestras para ChatGPT, Claude y Gemini, prompts estructurales para Midjourney/Flux y checklists de Quality Gate.
System Prompt Canónico para Modelos LLM
Inyecta este bloque en cualquier agente de IA para asegurar que redacte o diseñe con el 100% de la voz de ObservAuto.
Prompt Maestro para Generadores de Imagen (Midjourney / Flux)
Centro de Descargas Centralizado
Descarga los kits completos de activos de marca en paquetes comprimidos listos para producción.
Kit Completo de Logotipos
Incluye las 9 variantes (horizontal, vertical, isotipo en full color, blanco y negro) en formato SVG vectorial y PNG a 2400px.
Descargar Logos (ZIP)Paquete Tipográfico Oficial
Archivos binarios .woff2 para uso local y web de Plus Jakarta Sans (500-800) e Inter (400-700) listos para producción.
Descargar Fuentes (ZIP)Manual de Marca en PDF
Genera y descarga el libro de marca completo en PDF de alta calidad editorial mediante el motor calibrado de impresión.
Descargar Manual (PDF)