# Я learn · Kyiv contemporáneo Propuesta de identidad v1 · 19 de octubre de 2026. ## Idea Un libro que se convierte en conversación. El símbolo parte de una burbuja de diálogo y contiene dos páginas abiertas: aprender para poder hablar. El nombre mantiene la Я cirílica de la marca existente. La ilustración incorpora el castaño como motivo de continuidad entre conversación, recuerdo y celebración. La escena urbana es una interpretación editorial inspirada en Kyiv, no una representación documental exacta. ## Logo - `logos/logo-principal.svg`: composición horizontal en color, fondo transparente. - `logos/logo-inverso.svg`: para fondos azul tinta u oscuros. - `logos/logo-monocromo.svg`: reproducción en una sola tinta. - `logos/logotipo.svg`: nombre sin símbolo, para usos donde el símbolo ya esté presente. - `logos/simbolo.svg`: símbolo independiente en color. - `logos/simbolo-monocromo.svg`: símbolo en una tinta. - `logos/logo-principal.png`: versión transparente de 1184 × 288 px. Los SVG del logo tienen las letras convertidas en trazados: no requieren una fuente instalada. Tipografía de base: Golos Text Bold, con licencia OFL incluida en la carpeta de fuentes de la demo. Reservar como área libre al menos un cuarto del ancho del símbolo. Usar el logo horizontal a partir de 120 px de ancho como recomendación inicial. Por debajo, usar el símbolo o el favicon. No estirar, girar ni añadir sombras al logo principal. La rotación y la textura pertenecen a las ilustraciones, no al identificador. ## Icono y favicon - `iconos/app-icon.svg` y PNG a 512 y 192 px: icono de la aplicación. - `iconos/favicon.svg` y `favicon-32.png`: versión simplificada del libro para tamaños pequeños. El favicon simplifica deliberadamente la silueta de conversación para preservar la lectura de las páginas. La demo visualiza también tamaños de 20 y 40 px. Antes de distribuir una aplicación instalable habría que preparar su manifiesto y verificar los requisitos de cada plataforma, incluido un icono maskable específico. ## Iconos de interfaz Doce SVG: hoy, camino, repaso, practicar, vocabulario, audio, progreso, objetivo, logro, continuar, completado y ajustes. Cuadrícula de 24 × 24, trazo 1,7, extremos redondos. Usarlos normalmente entre 20 y 24 px dentro de un área interactiva de al menos 44 px. Utilizan `currentColor`. Para recolorearlos, insertar el SVG en el documento o utilizarlo como máscara; un `` independiente no hereda el color de texto de su contenedor. Acompañarlos de texto o de un nombre accesible. No usar la imagen como único feedback de acierto/error. ## Paleta - Azul: `#2B43B4` · identidad y acción principal. - Tinta: `#152440` · texto. - Amarillo: `#FFDA49` · acentos y celebración, con texto oscuro. - Marfil: `#F7F5ED` · fondo editorial. Son los valores de esta propuesta de marca. Las ilustraciones incorporan tonos naturales de piel y verdes discretos; la interfaz conserva una paleta más contenida. No usar amarillo para texto pequeño sobre marfil. ## Ilustraciones 1. `ilustraciones/conversacion-kyiv.png`: escena de conversación, 1536 × 1024; fondo marfil. 2. `ilustraciones/repaso-palabras.png`: libro y tarjetas con Ї; PNG con transparencia. 3. `ilustraciones/paso-completado.png`: cuaderno, estrella y hoja; PNG con transparencia. Generadas con la herramienta integrada Imagegen. Los prompts completos están en `prompts.json`. Logo e iconos son dibujos vectoriales nativos, construidos por separado para tener versiones escalables y consistentes. Uso recomendado: escena de conversación en bienvenida o presentación; tarjetas en la entrada a repaso; estrella al terminar una sesión. Mantener despejada la pantalla mientras se responde. No repetir ilustraciones grandes en cada tarjeta. El arte no comunica por sí solo información pedagógica indispensable. La demo utiliza las ilustraciones a resolución original para evaluar su aspecto. Antes de producción conviene preparar formatos y resoluciones adecuados, limitar las descargas iniciales y medir el rendimiento en móvil. No se afirma que estos PNG sean una entrega optimizada para producción. ## Cómo verlo - `index.html`: lámina de identidad con descargas y ejemplos. - `demo/index.html`: copia independiente del prototipo anterior, con logo, icono e ilustraciones aplicados. - `capturas/`: capturas de escritorio y móvil. - `yar-learn-marca-v1.zip`: paquete de logos, iconos, ilustraciones, licencias, guía y prompts. Esta carpeta no modifica `html/` ni `propuesta-ux-2026/`. La demo usa claves de almacenamiento `yarlearn-brand-demo-v1` y `yarlearn-brand-demo-locale`, separadas de ambas experiencias anteriores.