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 identidad visual consistente. Incluye paletas de colores, tipografía, sistemas de diseño y elementos dibujados a mano, ilustraciones con acentos azules. Perfecta para mantener imagen de marca cohesiva y profesional.
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. Entrega diapositivas profesionales y alineadas con la marca, con tipografía, color y diseño consistentes, cautivando a tu audiencia sin esfuerzo cada vez.
Habilidades relacionadas
Ver todo
DiapositivasNeo-brutalista editorial dev
Convierte tu 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 el 'Estilo editorial neo-brutalista para desarrolladores'. El estilo general fusiona el diseño neo-brutalista, la maquetación de revistas independientes y la estética de terminal de desarrollador: fondo beige, bordes negros gruesos, sombras duras, bloques de alto contraste, títulos ultra gruesos, fuente monoespaciada, 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 página, y genera automáticamente título, oración explicativa, módulo de conocimiento, conclusión y componentes visuales apropiados. Es especialmente adecuada para escenarios de contenido como introducción de herramientas de IA, prácticas de agentes, desglose de proyectos de código abierto, organización de contenido de cursos, resumen de metodologías, explicación de funciones de productos y revisión técnica. El resultado final son Slides horizontales en formato 16:9, con una apariencia visual unificada, lectura clara, espacio en blanco suficiente y un estilo distintivo, logrando un efecto de expresión de alto nivel que parece 'como si un autor de proyecto de código abierto estuviera compartiendo tecnología, y al mismo tiempo una revista de diseño independiente estuviera contando una historia'.
DiapositivasSteve Jobs Presentation
Basado en el método de tres actos de Carmine Gallo en 'The Presentation Secrets of Steve Jobs', convierte cualquier tema en una presentación al estilo Steve Jobs. Se adapta a múltiples entradas como temas puros, esquemas detallados o @引用素材. Primero produce un esquema completo de la presentación (estructura narrativa + plan visual por diapositiva + guía de oratoria) y después de la confirmación genera el archivo final de Slides. Sigue estrictamente: títulos estilo Twitter, la regla de tres, narrativa villano-héroe, diseño minimalista zen, prioridad a las imágenes, sin viñetas.
DiapositivasDiseñador de PPT Pixel Art Pro
¿Quién dice que un PPT profesional tiene que ser blanco con negro, color azul grisáceo, y plantillas repetitivas? Si te gustan los videojuegos, amas el estilo pixel art, y justo necesitas hacer una presentación de tesis, informe, compartir conocimientos o propuesta de marca—entonces definitivamente debes probar esto. El Diseñador de PPT Pixel Art Pro hace algo simple: el esqueleto es fiel a lo profesional, la piel es fiel al pixel. No es un 'PPT creativo estilo pixel', sino un PPT serio que se puede usar en cualquier ámbito profesional—pero con una capa estética de juegos pixelados de 16 bits. Filosofía central: separación entre esqueleto y piel. La arquitectura de información, el flujo visual y las plantillas de página siguen las normas profesionales del escenario; los colores, bordes, íconos y decoraciones siguen la estética general de juegos pixelados. El texto nunca se pixeliza, garantizando legibilidad en 0.8 segundos; los elementos pixelados solo aparecen en fondos, bordes, íconos y decoraciones ambientales. No se usan símbolos exclusivos de ningún juego en particular, solo símbolos comunes entre juegos—velas, libros, monedas, estrellas, corazones, cristales—para que todos los amantes del estilo pixel puedan usarlo. 🎮 ¿Cómo usarlo? Dos modos, elige según necesites: ① Modo de generación directa (2 pasos): Ingresa tema/material → IA refina y confirma el marco → genera todo. Ideal para cuando tienes prisa y no requieres mucho contenido textual. ② Modo detallado (3 pasos, ahorra créditos): Ingresa tema/material → IA refina y confirma el marco → confirma texto página por página → genera todo. Primero se define el texto de cada página, luego se generan las imágenes de una vez—evitando desperdiciar créditos si el texto no es correcto después de generar. Usa este modo para ocasiones importantes, controlas el contenido y ahorras. 🏰 Cuatro escenarios profesionales con penetración adaptativa: Defensa académica — principalmente penetración superficial, portada penetración media, página de datos penetración profunda con anclajes. El jurado lo entiende de un vistazo, y al pasar a las páginas clave, se sorprende. Informe de trabajo — penetración superficial + páginas de indicadores con penetración media, páginas de riesgo sin pixelizar. El jefe ve profesionalismo, los colegas recuerdan el estilo. Compartir conocimiento — principalmente penetración media + elaboración de recetas con penetración profunda. Usa 'elaboración de recetas' para reemplazar diagramas de flujo aburridos, haciendo que los conocimientos se recuerden como objetos de juego. Propuesta de marca — se adapta según la temperatura de la marca. Marcas frías usan pixel con moderación, marcas cálidas abrazan el escenario. 🎨 ¿Qué obtendrás? ① Un PPT profesional completo en estilo pixel (formato YouMind Slides, editable en el editor en línea—puedes modificar texto, ajustar diseño, gestionar el orden de las páginas—cámbialo cuando quieras. Se recomienda hacer todas las ediciones dentro de YouMind, al exportar localmente queda en formato de imagen) ② Sistema de borde triple de madera pixelado (borde exterior #5C3A1E + borde interior #8B5E3C + relleno #F5E6D3, lenguaje visual uniforme en todo el documento) ③ Infografía de elaboración de recetas única (celda de ingredientes → círculo de elaboración → celda de producto final, reemplaza diagramas de flujo tradicionales, un ancla visual que los jugadores de RPG entienden al instante) ④ Ritmo de penetración adaptativo para cuatro escenarios (no cada página está llena de píxeles, sino que se dosifica según necesidad) ⑤ Diseño de doble modo (generación directa para el día a día, refinamiento detallado para ocasiones importantes, define el texto primero y luego genera para ahorrar créditos) 399 créditos, para que tu contenido profesional se ponga una armadura de 16 bits. Quien ama el estilo pixel, sabe 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 identidad visual consistente. Incluye paletas de colores, tipografía, sistemas de diseño y elementos dibujados a mano, ilustraciones con acentos azules. Perfecta para mantener imagen de marca cohesiva y profesional.
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. Entrega diapositivas profesionales y alineadas con la marca, con tipografía, color y diseño consistentes, cautivando a tu audiencia sin esfuerzo cada vez.
Habilidades relacionadas
Ver todoDiapositivasNeo-brutalista editorial dev
Convierte tu 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 el 'Estilo editorial neo-brutalista para desarrolladores'. El estilo general fusiona el diseño neo-brutalista, la maquetación de revistas independientes y la estética de terminal de desarrollador: fondo beige, bordes negros gruesos, sombras duras, bloques de alto contraste, títulos ultra gruesos, fuente monoespaciada, 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 página, y genera automáticamente título, oración explicativa, módulo de conocimiento, conclusión y componentes visuales apropiados. Es especialmente adecuada para escenarios de contenido como introducción de herramientas de IA, prácticas de agentes, desglose de proyectos de código abierto, organización de contenido de cursos, resumen de metodologías, explicación de funciones de productos y revisión técnica. El resultado final son Slides horizontales en formato 16:9, con una apariencia visual unificada, lectura clara, espacio en blanco suficiente y un estilo distintivo, logrando un efecto de expresión de alto nivel que parece 'como si un autor de proyecto de código abierto estuviera compartiendo tecnología, y al mismo tiempo una revista de diseño independiente estuviera contando una historia'.
DiapositivasSteve Jobs Presentation
Basado en el método de tres actos de Carmine Gallo en 'The Presentation Secrets of Steve Jobs', convierte cualquier tema en una presentación al estilo Steve Jobs. Se adapta a múltiples entradas como temas puros, esquemas detallados o @引用素材. Primero produce un esquema completo de la presentación (estructura narrativa + plan visual por diapositiva + guía de oratoria) y después de la confirmación genera el archivo final de Slides. Sigue estrictamente: títulos estilo Twitter, la regla de tres, narrativa villano-héroe, diseño minimalista zen, prioridad a las imágenes, sin viñetas.
DiapositivasDiseñador de PPT Pixel Art Pro
¿Quién dice que un PPT profesional tiene que ser blanco con negro, color azul grisáceo, y plantillas repetitivas? Si te gustan los videojuegos, amas el estilo pixel art, y justo necesitas hacer una presentación de tesis, informe, compartir conocimientos o propuesta de marca—entonces definitivamente debes probar esto. El Diseñador de PPT Pixel Art Pro hace algo simple: el esqueleto es fiel a lo profesional, la piel es fiel al pixel. No es un 'PPT creativo estilo pixel', sino un PPT serio que se puede usar en cualquier ámbito profesional—pero con una capa estética de juegos pixelados de 16 bits. Filosofía central: separación entre esqueleto y piel. La arquitectura de información, el flujo visual y las plantillas de página siguen las normas profesionales del escenario; los colores, bordes, íconos y decoraciones siguen la estética general de juegos pixelados. El texto nunca se pixeliza, garantizando legibilidad en 0.8 segundos; los elementos pixelados solo aparecen en fondos, bordes, íconos y decoraciones ambientales. No se usan símbolos exclusivos de ningún juego en particular, solo símbolos comunes entre juegos—velas, libros, monedas, estrellas, corazones, cristales—para que todos los amantes del estilo pixel puedan usarlo. 🎮 ¿Cómo usarlo? Dos modos, elige según necesites: ① Modo de generación directa (2 pasos): Ingresa tema/material → IA refina y confirma el marco → genera todo. Ideal para cuando tienes prisa y no requieres mucho contenido textual. ② Modo detallado (3 pasos, ahorra créditos): Ingresa tema/material → IA refina y confirma el marco → confirma texto página por página → genera todo. Primero se define el texto de cada página, luego se generan las imágenes de una vez—evitando desperdiciar créditos si el texto no es correcto después de generar. Usa este modo para ocasiones importantes, controlas el contenido y ahorras. 🏰 Cuatro escenarios profesionales con penetración adaptativa: Defensa académica — principalmente penetración superficial, portada penetración media, página de datos penetración profunda con anclajes. El jurado lo entiende de un vistazo, y al pasar a las páginas clave, se sorprende. Informe de trabajo — penetración superficial + páginas de indicadores con penetración media, páginas de riesgo sin pixelizar. El jefe ve profesionalismo, los colegas recuerdan el estilo. Compartir conocimiento — principalmente penetración media + elaboración de recetas con penetración profunda. Usa 'elaboración de recetas' para reemplazar diagramas de flujo aburridos, haciendo que los conocimientos se recuerden como objetos de juego. Propuesta de marca — se adapta según la temperatura de la marca. Marcas frías usan pixel con moderación, marcas cálidas abrazan el escenario. 🎨 ¿Qué obtendrás? ① Un PPT profesional completo en estilo pixel (formato YouMind Slides, editable en el editor en línea—puedes modificar texto, ajustar diseño, gestionar el orden de las páginas—cámbialo cuando quieras. Se recomienda hacer todas las ediciones dentro de YouMind, al exportar localmente queda en formato de imagen) ② Sistema de borde triple de madera pixelado (borde exterior #5C3A1E + borde interior #8B5E3C + relleno #F5E6D3, lenguaje visual uniforme en todo el documento) ③ Infografía de elaboración de recetas única (celda de ingredientes → círculo de elaboración → celda de producto final, reemplaza diagramas de flujo tradicionales, un ancla visual que los jugadores de RPG entienden al instante) ④ Ritmo de penetración adaptativo para cuatro escenarios (no cada página está llena de píxeles, sino que se dosifica según necesidad) ⑤ Diseño de doble modo (generación directa para el día a día, refinamiento detallado para ocasiones importantes, define el texto primero y luego genera para ahorrar créditos) 399 créditos, para que tu contenido profesional se ponga una armadura de 16 bits. Quien ama el estilo pixel, sabe 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.