# Identidad visual oficial de LokyApps

Regla permanente proporcionada por el usuario para la familia LokyApps. Aplicada en el inicio, el favicon, el encabezado y los footers del curso y sus tres guías HTML.

## Archivos únicos autorizados

Isotipo para favicon e inicio: `https://lokyapps.com/Logo/Isolokyapps.png`.

Imagotipo azul para la marca principal del footer: `https://lokyapps.com/Logo/ImagoLokyapps-azul.png`.

Las referencias son exactas, sin parámetros, recoloreado, filtros, recortes ni versiones sustitutas. No se incluyen iniciales, emojis, iconos o logos generados como reemplazo. Se retiró el favicon SVG provisional. El nombre de la aplicación se mantiene como texto descriptivo, no como una recreación del imagotipo.

## Splash

Fondo #F8FAFC, isotipo centrado y object-fit: contain. Animación de 1.8 segundos: opacidad 0/escala .8; llegada a 1; pausa; ampliación hasta 1.05; desvanecimiento. Curva cubic-bezier(.22,.61,.36,1). No hay rotación, giro, cambio de proporción ni deformación. El panel también se desvanece para revelar la aplicación.

Con prefers-reduced-motion: reduce se omite por completo la animación y no se bloquea la interfaz. El arranque se ejecuta una vez por carga de documento, no en cada cambio de lección. Mientras se muestra, el contenido de fondo queda inert y marcado aria-busy; después se restaura. El isotipo es decorativo para tecnologías de asistencia.

## Footer

Imagotipo con su relación 1000:228 intacta y object-fit: contain; 200 px de ancho en escritorio y 192 px en móvil, con espacio de seguridad. Fondo blanco, composición horizontal en escritorio y vertical centrada bajo 760 px. Texto: “Tecnología para crear experiencias de aprendizaje visuales.” + LokyAprende Make. Los logos no se invierten en alto contraste ni se recrean en monocromo.

## Disponibilidad y funcionamiento sin red

Esta entrega referencia directamente las dos URLs oficiales: **los logos requieren conexión con LokyApps**. El entorno permitió consultar las imágenes en el navegador de investigación, pero bloqueó su descarga binaria y la navegación de Chromium; por eso no se incluyeron copias locales ni sustitutos.

El splash espera como máximo 600 ms por el isotipo; si no llega a tiempo, se omite. Un seguro cierra cualquier overlay a los 2.4 s del inicio. No se obliga al usuario a esperar una imagen que falla. Si falla el imagotipo, se oculta el icono roto y se muestra un aviso de disponibilidad, no otra marca. Esto preserva el uso de la aplicación sin inventar un logo.

Los datos de lecciones, progreso, notas y respuestas no se transmiten al servidor de logos. La petición de imagen sí genera tráfico HTTP normal al proveedor; se usa referrerpolicy=no-referrer en las imágenes. No hay analítica ni integración con cuentas.

Implementación: `assets/css/brand.css`, `assets/js/brand.js`, `index.html` y los tres HTML de `practice/`. No cambia el motor de evaluación.