Diseño Gráfico

Utiliza mi imagen adjunta como referencia principal para desarrollar un boceto conceptual de diseño tipográfico centrado en la creación de un alfabeto, presentado como una página de lluvia de ideas en proceso. La composición debe parecer hecha totalmente a mano sobre papel de cuaderno o sketchbook, con textura real, líneas visibles y apariencia auténtica de trabajo de taller. Representa una exploración visual de diseño gráfico con apuntes manuales, anotaciones gráficas, flechas, correcciones, observaciones, retroalimentación, diagramas, pruebas de forma y conexiones conceptuales distribuidas alrededor del eje principal de la propuesta. El resultado no debe verse como una pieza final pulida, sino como un desarrollo creativo, técnico y analítico propio de una mesa de trabajo de tipografía. Construye la propuesta con trazo manual en negro grafito y plumón verde, combinando líneas sueltas, gestuales y expresivas con otras más estructurales para indicar construcción, análisis y jerarquía vi...

 A top-down studio photograph, precisely centered, of a single large sheet of técnico drawing paper with a subtle grid. The paper is isolated on a uniform light grey background. At the very top, in hand-lettered technical script, is the text: 'FIGURA 1: SISTEMA DE FUENTE GEOMÉTRICA INKZY - PLANO DE CONSTRUCCIÓN GENERAL'. Below, the complete modular construction of the A-Z alphabet and numbers 0-9 are drawn with extreme precision on the base blue grid. All lines (blue construction, green symmetry, red measurements) are sharp. Each letter and number has extensive handwritten annotations and dimensions (e.g., 'R=...', 'cotas de ángulo' like 45°, 90°, 'cotas de dimensión') in their respective colors. Callout circles (1-17) are positioned precisely, pointing to specific features. In the upper right are three detailed boxes: Detail A on the 'A' with 'DETALLE A: CONSTRUCCIÓN DE A', Detail B on the 'Q' with 'DETALLE B: CONSTRUCCIÓN DE...

 # PROMPT PROFESIONAL: GENERADOR DE PWA GAMIFICADAS EDUCATIVAS ## INSTRUCCIÓN PRINCIPAL Actúa como un arquitecto de experiencias de aprendizaje interactivo y desarrollador frontend senior. Genera una **Progressive Web App (PWA) autocontenida en un único archivo HTML** para cualquier **actividad pedagógica universitaria**. La aplicación debe ser completamente funcional, visualmente impactante, responsive, y lista para ejecutarse sin dependencias externas críticas (excepto CDN de Bootstrap e íconos). La PWA debe adaptarse a **CUALQUIER contexto temático** (no solo semiótica): historia del arte, teoría del color, tipografía, diseño editorial, fotografía, branding, comunicación visual, sociología de la imagen, psicología de la percepción, narrativa visual, o cualquier otra unidad de aprendizaje del curso. --- ## CONTEXTO ACADÉMICO CONFIGURABLE El usuario proporcionará los siguientes datos al inicio de cada solicitud: | Parámetro | Descripción | Ejemplo | |-----------|-------------|----...

 # IconiShift · El Reto de la Marca > **PWA Gamificada de Semiótica Visual e Iconicidad**   > Estilo Art Déco · Curso: Semiótica de la Imagen · UTP 2026   > Docente: Mg. Mario Quiroz Martinez --- ## Descripción **IconiShift** es una Progressive Web App (PWA) autocontenida diseñada para la enseñanza gamificada de semiótica visual aplicada al diseño y la comunicación. La aplicación guía a los estudiantes a través de 5 retos progresivos y 4 misiones de auditoría semiótica, donde deben aplicar las teorías de **Peirce**, **Eco** y **Villafañe** para analizar, clasificar y proyectar signos visuales en contextos reales de diseño peruano e internacional. La interfaz adopta una estética **Art Déco** con paleta dorado-negro, tipografías Cinzel y Poiret One, y elementos decorativos geométricos que evocan la década de 1920. --- ## Características Principales | Característica | Descripción | |---------------|-------------| | **PWA Offline** | Service Worker integrad...