Guía de marca de YouMind
Seleccionado por
nene@YouMind.AI
Por qué recomendamos esta habilidad
Esta habilidad ofrece una guía de marca completa para presentaciones de YouMind, detallando colores, tipografía, diseño y elementos dibujados a mano, incluyendo ilustraciones de personajes con acentos azules. Perfecta para una imagen de marca cohesiva.
Instrucciones
## Paleta de colores
### Colores primarios
**Fondo**
- Color: `#f2f2f0`
- Descripción: Blanco roto neutro claro, limpio y minimalista.
- Uso: Todos los fondos de diapositivas sin excepción
**Texto y líneas principales**
- Color: `#2B2B2B` o `#1A1A1A`
- Descripción: Gris muy oscuro, casi negro.
- Uso: Todo el contenido de texto, líneas divisorias de encabezado, contornos geométricos, contornos de caracteres.
### Colores de acento
**Azul vibrante**
- Color: `#5B7FFF` (alternativa: `#4D6FE8`)
- Descripción: Azul medio brillante con energía
- Uso: Nodos circulares en formas geométricas, ropa/bufandas de personajes, rellenos de botones, puntos decorativos.
**Oro apagado**
- Color: `#C9B568` (alternativa: `#D4C17A`)
- Descripción: Tono mostaza cálido/dorado
- Uso: Nodos circulares sobre formas geométricas (alternando con azul), acentos decorativos
### Reglas de aplicación del color
- El fondo SIEMPRE es `#E8E6E3`
- El texto SIEMPRE es `#2B2B2B`
- El azul y el dorado se utilizan ÚNICAMENTE para nodos circulares y detalles de caracteres.
- Nunca utilices el azul o el dorado como colores para bloques grandes o texto.
- Mantener un alto contraste entre el texto y el fondo.
## Sistema tipográfico
### Familias de fuentes
**Fuente principal: Roca Two (o una fuente serif gruesa similar)**
- Características: Serif audaz y amigable con cualidades redondeadas
- Grosor: Negrita/Gruesa
- Uso: Todos los títulos de diapositivas, encabezados principales, encabezados de sección
- Mantener la misma fuente
**Fuente secundaria para el cuerpo del texto: Poppins (o Inter)**
- Características: Tipografía sans-serif limpia y moderna con excelente legibilidad.
- Peso: Regular (400) para el cuerpo, Medio (500) para enfatizar
- Uso: Todo el texto principal, subtítulos, leyendas, números de página, texto del logotipo
- mantener la misma fuente
### Jerarquía de tamaños de fuente
**Títulos extragrandes** (Diapositivas de portada, separadores de secciones principales)
- Fuente: **Roca Two**
- Tamaño: 72-96 pt
- Color: `#2B2B2B`
- Uso: "Título principal", "Gracias", "Agenda"
**Encabezados grandes** (Títulos de las diapositivas de contenido)
- Fuente: **Roca Two**
- Tamaño: 48-60 pt
- Color: `#2B2B2B`
- Uso: "Nuestra visión", "Posicionamiento de marca", "¿De qué se trata YouMind?"
**Texto principal** (Párrafos, descripciones)
- Fuente: Poppins Regular
- Tamaño: 18-24 pt
- Color: `#2B2B2B`
- Altura de línea: 1,6-1,8
- Uso: Todo el contenido de los párrafos y las descripciones.
**Texto pequeño** (Números de página, pie de página, subtítulos)
- Fuente: Poppins Regular
- Tamaño: 16-18 pt
- Color: `#2B2B2B`
- Uso: "Página X", URL de sitios web, direcciones de correo electrónico
**Texto del botón/píldora**
- Fuente: Poppins Regular o Medium
- Tamaño: 20-24 pt
- Color: `#2B2B2B`
- Uso: Texto dentro de botones de píldora redondeados
### Reglas de tipografía
- Nunca mezcle fuentes con serifa - solo **Roca Two** para visualización
- Nunca uses serifa para el texto del cuerpo - solo Poppins
- Mantener una altura de línea uniforme (1,6-1,8) para una mejor legibilidad.
- Todo el texto debe ser `#2B2B2B` - sin excepciones
- Espacio generoso entre párrafos (24-32pt)
## Sistema de diseño
### Estructura del encabezado global
**Solo la diapositiva de portada (Página 1):**
**Elemento de encabezado izquierdo:**
- Logotipo
- Tamaño: 32-40 pt de diámetro
- Color: Contorno negro `#2B2B2B`
- Posición: 60-80px desde el borde izquierdo, 60-80px desde el borde superior
- Espaciado: 12-16px entre el logotipo y el texto
**Elemento de encabezado derecho:**
- Fuente: Poppins Regular, 16-18pt
- Color: `#2B2B2B`
- Posición: 60-80px desde el borde derecho, 60-80px desde la parte superior
- Alineación: Alineación a la derecha
**Divisor de encabezado:**
- Línea horizontal delgada
- Peso: 1-2 puntos
- Color: `#2B2B2B`
- Posición: Debajo de los elementos del encabezado, abarcando todo el ancho con márgenes.
- Margen desde los bordes: 60-80 píxeles a la izquierda y a la derecha.
**Diapositivas de contenido (páginas 2-4) y diapositiva final (página 5):**
- SIN logotipo de YouMind
- Solo texto de la página X
- Posición: Esquina superior derecha, centro inferior u otra ubicación discreta.
- Sin línea divisoria de encabezado
- Más espacio vertical disponible para el contenido
### Sistema de márgenes
**Márgenes estándar:**
- Parte superior: 60-80px (debajo del divisor del encabezado, añadir 40-60px más)
- Parte inferior: 60-80 píxeles
- Izquierda: 80-100 píxeles
- Derecha: 80-100 píxeles
**Área de contenido:**
- Tras tener en cuenta el encabezado y los márgenes, el área de contenido es de aproximadamente 1200-1280 píxeles de ancho × 600-680 píxeles de alto (para 16:9 a 1920×1080).
## Elementos visuales
### Formas geométricas dibujadas a mano
**Diseño principal:**
- Estilo: Rectángulos y cuadrados imperfectos, dibujados a mano.
- Grosor de la línea: 2-3 pt
- Color: Negro `#2B2B2B`
- Calidad: Orgánica, líneas ligeramente onduladas (no perfectamente rectas).
- Conexión: Líneas que conectan figuras en diferentes ángulos.
**Nodos circulares:**
- Forma: Círculos perfectos
- Tamaño: 24-40 pt de diámetro
- Relleno: Color sólido, ya sea `#5B7FFF` (azul) o `#C9B568` (dorado)
- Posición: En los puntos de conexión y esquinas de las formas geométricas.
- Diseño: Alternar azul y dorado para mayor variedad.
**Reglas de colocación:**
- Posicionar en las esquinas de las diapositivas (superior izquierda, superior derecha, inferior izquierda, inferior derecha)
- Nunca se superponga con el contenido de texto
- Mantén una distancia de 40-60 píxeles de las áreas de contenido.
- Crea equilibrio visual: si el lado izquierdo tiene formas, el lado derecho también debería tenerlas.
- Disposición típica: 2-4 rectángulos conectados con 3-6 nodos circulares.
### Botones de pastillas redondeados
**Especificaciones de diseño:**
- Forma: Rectángulo redondeado (forma de píldora)
- Borde: negro sólido de 2pt `#2B2B2B`
- Relleno: Transparente o `#E8E6E3` (igual que el fondo)
- Radio del borde: Radio de altura completa (píldora perfecta)
- Relleno: 16-24px horizontal, 12-16px vertical
- Texto: Poppins Regular, 20-24pt, `#2B2B2B`
**Uso:**
- Elementos de navegación en las diapositivas de la agenda
- Botones de llamada a la acción
- Etiquetas de sección
- Siempre delineado, nunca relleno de color.
**Estado al pasar el cursor/estado activo (si es interactivo):**
- Relleno: `#5B7FFF` (azul)
- Texto: Blanco `#FFFFFF`
- Borde: `#5B7FFF`
### Rejillas de puntos decorativas
**Presupuesto:**
- Puntos: Círculos pequeños, de 3-4 puntos de diámetro.
- Color: `#2B2B2B`
- Patrón: Cuadrícula regular, espaciado de 12-16 píxeles
- Disposición: cuadrícula de 6×6 o 8×8
- Posición: Esquina superior derecha, a 100-150 píxeles de los bordes.
- Uso: Acento opcional, añade interés visual sin resultar excesivo
### Iconos (Uso mínimo)
**Estilo:**
- Solo dibujo lineal, sin rellenos
- Peso: 2-3 puntos
- Color: `#2B2B2B`
- Tamaño: 48-64 pt
- Ejemplos: Icono de ojo (visión), objetivo/mira (misión)
- Uso: Con moderación, solo cuando se refuercen conceptos específicos.
## Sistema de ilustración de personajes
### Especificaciones de diseño de personajes
**Estructura básica:**
- Una ilustración minimalista, dibujada a mano, de un personaje humanoide blanco y sencillo. El personaje tiene una cabeza redondeada y alargada, dos pequeños puntos negros como ojos y una nariz puntiaguda prominente. No tiene dedos definidos en las manos ni en los pies. Lleva una bufanda gruesa, larga y azul lisa [opcional: sustituir por una bufanda color mostaza] enrollada alrededor del cuello, con la cola colgando. El estilo artístico utiliza contornos gruesos y texturizados de rotulador negro y colores planos sin sombreado, sobre un fondo blanco roto liso. El personaje es [lo que encajaba en el contexto].
**Acento azul (CRÍTICO):**
- Elemento: Bufanda, camisa o prenda de vestir
- Color: `#5B7FFF` (azul vibrante)
- Estilo: Formas orgánicas fluidas dibujadas a mano
- Cobertura: 15-25% del personaje
- Propósito: Identidad de marca, interés visual, dinamismo
**Coherencia de estilo:**
- Calidad siempre dibujada a mano (líneas orgánicas e imperfectas)
- Incluir siempre un elemento de acento azul.
- Mantener el mismo grosor de línea en todos los caracteres.
- Mantén las proporciones consistentes en todas las poses.
### Pautas para la ilustración minimalista
**La simplicidad ante todo:**
- Mantén todas las ilustraciones extremadamente simples y minimalistas.
- La altura de los caracteres NO debe exceder los 120 pt (aproximadamente el 10-12% de la altura de la diapositiva).
- Los elementos geométricos deben ser pequeños y limitarse únicamente a las esquinas.
- La cobertura total de la ilustración debe ser inferior al 15% del área de la diapositiva.
- Evite los dibujos complejos o detallados.
**Espacio y margen de maniobra:**
- Mantenga un amplio espacio en blanco en toda la diapositiva.
- El texto debe ocupar solo entre el 50% y el 55% del área de contenido (normalmente el lado izquierdo).
- El lado derecho debe permanecer prácticamente vacío para dar espacio visual.
- Márgenes amplios en todos los lados: mínimo 100px, preferiblemente 100-120px.
- Las ilustraciones deben limitarse a la esquina inferior derecha, a una distancia mínima de 100 píxeles de los bordes.
**Equilibrio de diseño:**
- El centro del tobogán debe estar limpio y vacío.
- Evite acumular objetos o llenar todo el espacio disponible.
- Utilice el espacio en blanco estratégicamente para crear enfoque y claridad.
- Menos es más: elimina los elementos visuales innecesarios.
- Priorizar la legibilidad y la amplitud sobre la decoración.
Descripción
Convierte cualquier presentación con la guía de marca de YouMind. Ofrece Slides profesionales y coherentes con la marca, con tipografía, color y diseño consistentes, cautivando a tu audiencia sin esfuerzo en cada ocasión.
Habilidades relacionadas
Ver todo
DiapositivasNeobrutalismo editorial dev
Convierta su contenido temático, artículos, puntos de conocimiento, revisiones de proyectos, textos de cursos o presentaciones de herramientas en un conjunto de slides horizontales con un "estilo editorial neobrutalista para desarrolladores". El estilo general combina diseño neobrutalista, maquetación de revista independiente y estética de terminal de desarrollador: fondo blanco crema, bordes negros gruesos, sombras duras, bloques de color de alto contraste, títulos muy gruesos, fuente monoespaciada, y diseño modular de web/terminal/tarjeta, creando una fuerte sensación de expresión de contenido técnico. Esta habilidad primero extrae la estructura del contenido, luego determina una idea central para cada diapositiva, y genera automáticamente títulos, frases explicativas, módulos de conocimiento, conclusiones y componentes visuales adecuados. Es especialmente adecuada para presentaciones de herramientas de IA, prácticas de Agent, desgloses de proyectos open source, organización de contenido de cursos, resúmenes de metodologías, explicaciones de funcionalidades de productos y revisiones técnicas. El resultado final son slides horizontales en formato 16:9, con una apariencia visual unificada, lectura clara, suficiente espacio en blanco y un estilo distintivo, que presenta un efecto de alta expresión como "un autor de proyecto open source compartiendo tecnología, y al mismo tiempo una revista de diseño independiente contando una historia".
DiapositivasSteve Jobs Presentation
Basado en la metodología de tres actos de 'The Presentation Secrets of Steve Jobs' de Carmine Gallo, convierte cualquier tema en una presentación al estilo Steve Jobs. Se adapta a múltiples tipos de entrada, como un tema puro, un esquema detallado o material de referencia con @. Primero produce un esquema completo de la presentación (estructura narrativa + plan visual página por página + guía de oratoria), y tras la confirmación, genera el archivo final de Slides. Sigue estrictamente: titulares al estilo Twitter, la regla de tres, narrativa villano-héroe, diseño minimalista zen, prioridad de imágenes, sin viñetas.
DiapositivasDiseñador Pro PPT Pixel
¿Quién dice que un PPT profesional tiene que ser fondo blanco, texto negro, colores azul grisáceo y plantillas repetitivas? Si te gustan los juegos, amas el estilo pixel y necesitas hacer una defensa de tesis, presentación, charla de conocimiento o propuesta de marca, entonces debes probar esto. El Pro Diseñador de Estética PPT Pixel hace algo simple: el esqueleto es fiel a lo profesional, la piel es fiel al pixel. No se trata de hacerte un "PPT creativo de estilo pixel", sino un PPT serio que puedas usar en cualquier contexto profesional, solo que este PPT lleva un abrigo estético de juegos pixel de 16 bits. Filosofía de diseño central: separación del esqueleto y la piel. La arquitectura de información, la línea visual y las plantillas de página son fieles a las normas profesionales de la escena; los colores, bordes, iconos y decoraciones son fieles a la estética universal de juegos pixel. El texto nunca se pixeliza, garantizando legibilidad en 0.8 segundos; los elementos pixel solo aparecen en fondos, bordes, iconos y decoraciones de ambiente. No se usan símbolos exclusivos de ningún juego en particular, solo símbolos universales entre juegos: velas, libros, monedas, estrellas, corazones, cristales, para que cualquiera que ame el estilo pixel pueda usarlo. 🎮 ¿Cómo usarlo? Dos modos, elige según necesidad: ① Modo de generación directa (2 pasos): Ingresa tema/material → AI extrae marco y confirma → genera todas las imágenes. Ideal para escenarios cotidianos con poco tiempo y bajos requisitos de contenido textual. ② Modo detallado (3 pasos, ahorra créditos): Ingresa tema/material → AI extrae marco y confirma → confirma texto página por página → genera todas las imágenes. Primero finaliza el texto de cada página, luego genera todas las imágenes de una vez, evitando el desperdicio de créditos al tener que rehacer después de generadas las imágenes. Usa esto para ocasiones importantes, controlas el contenido y ahorras. 🏰 Cuatro escenarios profesionales con profundidad de permeación adaptativa: Defensa académica — principalmente permeación superficial, permeación media en portada, permeación profunda en páginas de datos. Los evaluadores lo entienden de un vistazo, y al pasar a las páginas clave se sorprenden. Informe de trabajo — permeación superficial + permeación media en páginas de indicadores, páginas de riesgo no pixeladas. El jefe ve profesionalismo, los colegas recuerdan el estilo. Charlas de conocimiento — principalmente permeación media + permeación profunda con recetas de combinación. Usa 'recetas de combinación' para reemplazar diagramas de flujo aburridos, haciendo que los puntos de conocimiento se recuerden como objetos de juego. Propuesta de marca — se adapta según la temperatura de la marca. Marcas frías moderan el pixel, marcas cálidas abrazan la escena. 🎨 ¿Qué obtienes? ① Un PPT profesional completo de estilo pixel (formato YouMind Slides, editable en el editor en línea: texto, diseño, orden de páginas, puedes cambiarlo cuando quieras. Se recomienda completar todas las ediciones en YouMind; al exportar localmente será en formato de imagen). ② Sistema de bordes de madera pixel de tres capas (exterior #5C3A1E + interior #8B5E3C + relleno #F5E6D3, lenguaje visual unificado en todo el documento). ③ Infografía de recetas de combinación original (cuadrícula de ingredientes → círculo de combinación → cuadrícula de producto final, reemplaza diagramas de flujo tradicionales, punto visual que los jugadores de RPG entienden al instante). ④ Ritmo de permeación adaptativa para cuatro escenarios (no saturar todas las páginas con pixel, sino intensificar donde corresponde). ⑤ Diseño de doble modo (generación directa para uso diario, refinamiento detallado para ocasiones importantes, primero finalizar el texto y luego generar imágenes para ahorrar créditos). 399 créditos, para que tu contenido profesional se vista con una armadura de 16 bits. Los que aman el estilo pixel saben cuánto vale esta armadura.
Guía de marca de YouMind
Seleccionado por
nene@YouMind.AI
Por qué recomendamos esta habilidad
Esta habilidad ofrece una guía de marca completa para presentaciones de YouMind, detallando colores, tipografía, diseño y elementos dibujados a mano, incluyendo ilustraciones de personajes con acentos azules. Perfecta para una imagen de marca cohesiva.
Instrucciones
## Paleta de colores
### Colores primarios
**Fondo**
- Color: `#f2f2f0`
- Descripción: Blanco roto neutro claro, limpio y minimalista.
- Uso: Todos los fondos de diapositivas sin excepción
**Texto y líneas principales**
- Color: `#2B2B2B` o `#1A1A1A`
- Descripción: Gris muy oscuro, casi negro.
- Uso: Todo el contenido de texto, líneas divisorias de encabezado, contornos geométricos, contornos de caracteres.
### Colores de acento
**Azul vibrante**
- Color: `#5B7FFF` (alternativa: `#4D6FE8`)
- Descripción: Azul medio brillante con energía
- Uso: Nodos circulares en formas geométricas, ropa/bufandas de personajes, rellenos de botones, puntos decorativos.
**Oro apagado**
- Color: `#C9B568` (alternativa: `#D4C17A`)
- Descripción: Tono mostaza cálido/dorado
- Uso: Nodos circulares sobre formas geométricas (alternando con azul), acentos decorativos
### Reglas de aplicación del color
- El fondo SIEMPRE es `#E8E6E3`
- El texto SIEMPRE es `#2B2B2B`
- El azul y el dorado se utilizan ÚNICAMENTE para nodos circulares y detalles de caracteres.
- Nunca utilices el azul o el dorado como colores para bloques grandes o texto.
- Mantener un alto contraste entre el texto y el fondo.
## Sistema tipográfico
### Familias de fuentes
**Fuente principal: Roca Two (o una fuente serif gruesa similar)**
- Características: Serif audaz y amigable con cualidades redondeadas
- Grosor: Negrita/Gruesa
- Uso: Todos los títulos de diapositivas, encabezados principales, encabezados de sección
- Mantener la misma fuente
**Fuente secundaria para el cuerpo del texto: Poppins (o Inter)**
- Características: Tipografía sans-serif limpia y moderna con excelente legibilidad.
- Peso: Regular (400) para el cuerpo, Medio (500) para enfatizar
- Uso: Todo el texto principal, subtítulos, leyendas, números de página, texto del logotipo
- mantener la misma fuente
### Jerarquía de tamaños de fuente
**Títulos extragrandes** (Diapositivas de portada, separadores de secciones principales)
- Fuente: **Roca Two**
- Tamaño: 72-96 pt
- Color: `#2B2B2B`
- Uso: "Título principal", "Gracias", "Agenda"
**Encabezados grandes** (Títulos de las diapositivas de contenido)
- Fuente: **Roca Two**
- Tamaño: 48-60 pt
- Color: `#2B2B2B`
- Uso: "Nuestra visión", "Posicionamiento de marca", "¿De qué se trata YouMind?"
**Texto principal** (Párrafos, descripciones)
- Fuente: Poppins Regular
- Tamaño: 18-24 pt
- Color: `#2B2B2B`
- Altura de línea: 1,6-1,8
- Uso: Todo el contenido de los párrafos y las descripciones.
**Texto pequeño** (Números de página, pie de página, subtítulos)
- Fuente: Poppins Regular
- Tamaño: 16-18 pt
- Color: `#2B2B2B`
- Uso: "Página X", URL de sitios web, direcciones de correo electrónico
**Texto del botón/píldora**
- Fuente: Poppins Regular o Medium
- Tamaño: 20-24 pt
- Color: `#2B2B2B`
- Uso: Texto dentro de botones de píldora redondeados
### Reglas de tipografía
- Nunca mezcle fuentes con serifa - solo **Roca Two** para visualización
- Nunca uses serifa para el texto del cuerpo - solo Poppins
- Mantener una altura de línea uniforme (1,6-1,8) para una mejor legibilidad.
- Todo el texto debe ser `#2B2B2B` - sin excepciones
- Espacio generoso entre párrafos (24-32pt)
## Sistema de diseño
### Estructura del encabezado global
**Solo la diapositiva de portada (Página 1):**
**Elemento de encabezado izquierdo:**
- Logotipo
- Tamaño: 32-40 pt de diámetro
- Color: Contorno negro `#2B2B2B`
- Posición: 60-80px desde el borde izquierdo, 60-80px desde el borde superior
- Espaciado: 12-16px entre el logotipo y el texto
**Elemento de encabezado derecho:**
- Fuente: Poppins Regular, 16-18pt
- Color: `#2B2B2B`
- Posición: 60-80px desde el borde derecho, 60-80px desde la parte superior
- Alineación: Alineación a la derecha
**Divisor de encabezado:**
- Línea horizontal delgada
- Peso: 1-2 puntos
- Color: `#2B2B2B`
- Posición: Debajo de los elementos del encabezado, abarcando todo el ancho con márgenes.
- Margen desde los bordes: 60-80 píxeles a la izquierda y a la derecha.
**Diapositivas de contenido (páginas 2-4) y diapositiva final (página 5):**
- SIN logotipo de YouMind
- Solo texto de la página X
- Posición: Esquina superior derecha, centro inferior u otra ubicación discreta.
- Sin línea divisoria de encabezado
- Más espacio vertical disponible para el contenido
### Sistema de márgenes
**Márgenes estándar:**
- Parte superior: 60-80px (debajo del divisor del encabezado, añadir 40-60px más)
- Parte inferior: 60-80 píxeles
- Izquierda: 80-100 píxeles
- Derecha: 80-100 píxeles
**Área de contenido:**
- Tras tener en cuenta el encabezado y los márgenes, el área de contenido es de aproximadamente 1200-1280 píxeles de ancho × 600-680 píxeles de alto (para 16:9 a 1920×1080).
## Elementos visuales
### Formas geométricas dibujadas a mano
**Diseño principal:**
- Estilo: Rectángulos y cuadrados imperfectos, dibujados a mano.
- Grosor de la línea: 2-3 pt
- Color: Negro `#2B2B2B`
- Calidad: Orgánica, líneas ligeramente onduladas (no perfectamente rectas).
- Conexión: Líneas que conectan figuras en diferentes ángulos.
**Nodos circulares:**
- Forma: Círculos perfectos
- Tamaño: 24-40 pt de diámetro
- Relleno: Color sólido, ya sea `#5B7FFF` (azul) o `#C9B568` (dorado)
- Posición: En los puntos de conexión y esquinas de las formas geométricas.
- Diseño: Alternar azul y dorado para mayor variedad.
**Reglas de colocación:**
- Posicionar en las esquinas de las diapositivas (superior izquierda, superior derecha, inferior izquierda, inferior derecha)
- Nunca se superponga con el contenido de texto
- Mantén una distancia de 40-60 píxeles de las áreas de contenido.
- Crea equilibrio visual: si el lado izquierdo tiene formas, el lado derecho también debería tenerlas.
- Disposición típica: 2-4 rectángulos conectados con 3-6 nodos circulares.
### Botones de pastillas redondeados
**Especificaciones de diseño:**
- Forma: Rectángulo redondeado (forma de píldora)
- Borde: negro sólido de 2pt `#2B2B2B`
- Relleno: Transparente o `#E8E6E3` (igual que el fondo)
- Radio del borde: Radio de altura completa (píldora perfecta)
- Relleno: 16-24px horizontal, 12-16px vertical
- Texto: Poppins Regular, 20-24pt, `#2B2B2B`
**Uso:**
- Elementos de navegación en las diapositivas de la agenda
- Botones de llamada a la acción
- Etiquetas de sección
- Siempre delineado, nunca relleno de color.
**Estado al pasar el cursor/estado activo (si es interactivo):**
- Relleno: `#5B7FFF` (azul)
- Texto: Blanco `#FFFFFF`
- Borde: `#5B7FFF`
### Rejillas de puntos decorativas
**Presupuesto:**
- Puntos: Círculos pequeños, de 3-4 puntos de diámetro.
- Color: `#2B2B2B`
- Patrón: Cuadrícula regular, espaciado de 12-16 píxeles
- Disposición: cuadrícula de 6×6 o 8×8
- Posición: Esquina superior derecha, a 100-150 píxeles de los bordes.
- Uso: Acento opcional, añade interés visual sin resultar excesivo
### Iconos (Uso mínimo)
**Estilo:**
- Solo dibujo lineal, sin rellenos
- Peso: 2-3 puntos
- Color: `#2B2B2B`
- Tamaño: 48-64 pt
- Ejemplos: Icono de ojo (visión), objetivo/mira (misión)
- Uso: Con moderación, solo cuando se refuercen conceptos específicos.
## Sistema de ilustración de personajes
### Especificaciones de diseño de personajes
**Estructura básica:**
- Una ilustración minimalista, dibujada a mano, de un personaje humanoide blanco y sencillo. El personaje tiene una cabeza redondeada y alargada, dos pequeños puntos negros como ojos y una nariz puntiaguda prominente. No tiene dedos definidos en las manos ni en los pies. Lleva una bufanda gruesa, larga y azul lisa [opcional: sustituir por una bufanda color mostaza] enrollada alrededor del cuello, con la cola colgando. El estilo artístico utiliza contornos gruesos y texturizados de rotulador negro y colores planos sin sombreado, sobre un fondo blanco roto liso. El personaje es [lo que encajaba en el contexto].
**Acento azul (CRÍTICO):**
- Elemento: Bufanda, camisa o prenda de vestir
- Color: `#5B7FFF` (azul vibrante)
- Estilo: Formas orgánicas fluidas dibujadas a mano
- Cobertura: 15-25% del personaje
- Propósito: Identidad de marca, interés visual, dinamismo
**Coherencia de estilo:**
- Calidad siempre dibujada a mano (líneas orgánicas e imperfectas)
- Incluir siempre un elemento de acento azul.
- Mantener el mismo grosor de línea en todos los caracteres.
- Mantén las proporciones consistentes en todas las poses.
### Pautas para la ilustración minimalista
**La simplicidad ante todo:**
- Mantén todas las ilustraciones extremadamente simples y minimalistas.
- La altura de los caracteres NO debe exceder los 120 pt (aproximadamente el 10-12% de la altura de la diapositiva).
- Los elementos geométricos deben ser pequeños y limitarse únicamente a las esquinas.
- La cobertura total de la ilustración debe ser inferior al 15% del área de la diapositiva.
- Evite los dibujos complejos o detallados.
**Espacio y margen de maniobra:**
- Mantenga un amplio espacio en blanco en toda la diapositiva.
- El texto debe ocupar solo entre el 50% y el 55% del área de contenido (normalmente el lado izquierdo).
- El lado derecho debe permanecer prácticamente vacío para dar espacio visual.
- Márgenes amplios en todos los lados: mínimo 100px, preferiblemente 100-120px.
- Las ilustraciones deben limitarse a la esquina inferior derecha, a una distancia mínima de 100 píxeles de los bordes.
**Equilibrio de diseño:**
- El centro del tobogán debe estar limpio y vacío.
- Evite acumular objetos o llenar todo el espacio disponible.
- Utilice el espacio en blanco estratégicamente para crear enfoque y claridad.
- Menos es más: elimina los elementos visuales innecesarios.
- Priorizar la legibilidad y la amplitud sobre la decoración.
Descripción
Convierte cualquier presentación con la guía de marca de YouMind. Ofrece Slides profesionales y coherentes con la marca, con tipografía, color y diseño consistentes, cautivando a tu audiencia sin esfuerzo en cada ocasión.
Habilidades relacionadas
Ver todoDiapositivasNeobrutalismo editorial dev
Convierta su contenido temático, artículos, puntos de conocimiento, revisiones de proyectos, textos de cursos o presentaciones de herramientas en un conjunto de slides horizontales con un "estilo editorial neobrutalista para desarrolladores". El estilo general combina diseño neobrutalista, maquetación de revista independiente y estética de terminal de desarrollador: fondo blanco crema, bordes negros gruesos, sombras duras, bloques de color de alto contraste, títulos muy gruesos, fuente monoespaciada, y diseño modular de web/terminal/tarjeta, creando una fuerte sensación de expresión de contenido técnico. Esta habilidad primero extrae la estructura del contenido, luego determina una idea central para cada diapositiva, y genera automáticamente títulos, frases explicativas, módulos de conocimiento, conclusiones y componentes visuales adecuados. Es especialmente adecuada para presentaciones de herramientas de IA, prácticas de Agent, desgloses de proyectos open source, organización de contenido de cursos, resúmenes de metodologías, explicaciones de funcionalidades de productos y revisiones técnicas. El resultado final son slides horizontales en formato 16:9, con una apariencia visual unificada, lectura clara, suficiente espacio en blanco y un estilo distintivo, que presenta un efecto de alta expresión como "un autor de proyecto open source compartiendo tecnología, y al mismo tiempo una revista de diseño independiente contando una historia".
DiapositivasSteve Jobs Presentation
Basado en la metodología de tres actos de 'The Presentation Secrets of Steve Jobs' de Carmine Gallo, convierte cualquier tema en una presentación al estilo Steve Jobs. Se adapta a múltiples tipos de entrada, como un tema puro, un esquema detallado o material de referencia con @. Primero produce un esquema completo de la presentación (estructura narrativa + plan visual página por página + guía de oratoria), y tras la confirmación, genera el archivo final de Slides. Sigue estrictamente: titulares al estilo Twitter, la regla de tres, narrativa villano-héroe, diseño minimalista zen, prioridad de imágenes, sin viñetas.
DiapositivasDiseñador Pro PPT Pixel
¿Quién dice que un PPT profesional tiene que ser fondo blanco, texto negro, colores azul grisáceo y plantillas repetitivas? Si te gustan los juegos, amas el estilo pixel y necesitas hacer una defensa de tesis, presentación, charla de conocimiento o propuesta de marca, entonces debes probar esto. El Pro Diseñador de Estética PPT Pixel hace algo simple: el esqueleto es fiel a lo profesional, la piel es fiel al pixel. No se trata de hacerte un "PPT creativo de estilo pixel", sino un PPT serio que puedas usar en cualquier contexto profesional, solo que este PPT lleva un abrigo estético de juegos pixel de 16 bits. Filosofía de diseño central: separación del esqueleto y la piel. La arquitectura de información, la línea visual y las plantillas de página son fieles a las normas profesionales de la escena; los colores, bordes, iconos y decoraciones son fieles a la estética universal de juegos pixel. El texto nunca se pixeliza, garantizando legibilidad en 0.8 segundos; los elementos pixel solo aparecen en fondos, bordes, iconos y decoraciones de ambiente. No se usan símbolos exclusivos de ningún juego en particular, solo símbolos universales entre juegos: velas, libros, monedas, estrellas, corazones, cristales, para que cualquiera que ame el estilo pixel pueda usarlo. 🎮 ¿Cómo usarlo? Dos modos, elige según necesidad: ① Modo de generación directa (2 pasos): Ingresa tema/material → AI extrae marco y confirma → genera todas las imágenes. Ideal para escenarios cotidianos con poco tiempo y bajos requisitos de contenido textual. ② Modo detallado (3 pasos, ahorra créditos): Ingresa tema/material → AI extrae marco y confirma → confirma texto página por página → genera todas las imágenes. Primero finaliza el texto de cada página, luego genera todas las imágenes de una vez, evitando el desperdicio de créditos al tener que rehacer después de generadas las imágenes. Usa esto para ocasiones importantes, controlas el contenido y ahorras. 🏰 Cuatro escenarios profesionales con profundidad de permeación adaptativa: Defensa académica — principalmente permeación superficial, permeación media en portada, permeación profunda en páginas de datos. Los evaluadores lo entienden de un vistazo, y al pasar a las páginas clave se sorprenden. Informe de trabajo — permeación superficial + permeación media en páginas de indicadores, páginas de riesgo no pixeladas. El jefe ve profesionalismo, los colegas recuerdan el estilo. Charlas de conocimiento — principalmente permeación media + permeación profunda con recetas de combinación. Usa 'recetas de combinación' para reemplazar diagramas de flujo aburridos, haciendo que los puntos de conocimiento se recuerden como objetos de juego. Propuesta de marca — se adapta según la temperatura de la marca. Marcas frías moderan el pixel, marcas cálidas abrazan la escena. 🎨 ¿Qué obtienes? ① Un PPT profesional completo de estilo pixel (formato YouMind Slides, editable en el editor en línea: texto, diseño, orden de páginas, puedes cambiarlo cuando quieras. Se recomienda completar todas las ediciones en YouMind; al exportar localmente será en formato de imagen). ② Sistema de bordes de madera pixel de tres capas (exterior #5C3A1E + interior #8B5E3C + relleno #F5E6D3, lenguaje visual unificado en todo el documento). ③ Infografía de recetas de combinación original (cuadrícula de ingredientes → círculo de combinación → cuadrícula de producto final, reemplaza diagramas de flujo tradicionales, punto visual que los jugadores de RPG entienden al instante). ④ Ritmo de permeación adaptativa para cuatro escenarios (no saturar todas las páginas con pixel, sino intensificar donde corresponde). ⑤ Diseño de doble modo (generación directa para uso diario, refinamiento detallado para ocasiones importantes, primero finalizar el texto y luego generar imágenes para ahorrar créditos). 399 créditos, para que tu contenido profesional se vista con una armadura de 16 bits. Los que aman el estilo pixel saben cuánto vale esta armadura.
Encuentra tu próxima habilidad favorita
Explora más habilidades de IA seleccionadas para investigación, creación y trabajo cotidiano.