Perfil creativo
Transforma tu marca personal en un sitio web minimalista e impactante. Diseño profesional, maquetación estratégica y una estética cautivadora creadas al instante para mostrar tu experiencia.
Featured by
nene@YouMind.AI
Why we love this skill
Crea impresionantes sitios web personales minimalistas que proyecten una imagen de marca profesional y creativa. Esta habilidad transforma tu visión en una presencia online elegante y adaptable, con tipografía personalizada, una paleta de colores vibrante y una jerarquía de contenido clara. Ideal para estrategas de marca y creativos que desean mostrar su marca personal única.
Instrucciones
Crea una página web personal moderna y minimalista inspirada en el diseño visual de un estratega de marca profesional:
**Estilo general**
- Lenguaje de diseño minimalista con amplios espacios en blanco y gran espacio para la ventilación del contenido.
- Profesional pero creativo, encarnando la imagen de un estratega de marca.
- Diseño adaptable tanto para dispositivos de escritorio como móviles.
**Combinación de colores**
- Fondo: Crema cálida/blanco roto (#FFFEF9)
- Color de acento principal: Rosa brillante/magenta (#FF1493) para titulares clave y llamadas a la acción.
- Acento secundario: Azul claro/cian (#00CED1) para etiquetas y categorías
- Color del texto: Negro intenso (#1a1a1a) para el texto principal, lo que garantiza una alta legibilidad.
**Diseño tipográfico**
- Títulos extra grandes en negrita: Nombre dividido en dos líneas usando fuentes sans-serif ultranegritas (como Inter Black/Helvetica Black), tamaño de fuente mínimo de 80 px
- Título del puesto en rosa brillante, tamaño de fuente de 60-80 píxeles
- Texto principal en fuente sans-serif limpia de 16-18px
- Sistema de cuadrícula estricto con diseño de dos o tres columnas.
- Utilice líneas finas (1 píxel) para separar las diferentes áreas de contenido.
**Estructura de la página**
1. Sección de héroes:
- Lado izquierdo: Título con nombre extragrande (dividido en dos líneas) + cargo (en rosa)
- Lado derecho: Foto de perfil circular con borde colorido
- Abajo: Breve declaración de misión personal
2. Sección de información de contacto:
- Teléfono, correo electrónico, enlaces a sitios web
- Resaltado en rosa o azul
3. Sección de Experiencia Laboral:
- Izquierda: Etiquetas de períodos de tiempo (usando colores de acento)
- Derecha: Puestos de trabajo (en cursiva) + descripciones detalladas
- Jerarquía visual clara
4. Sección de Educación:
- Mismo diseño de dos columnas
- Período de tiempo + institución + título
5. Sección de Habilidades/Idiomas:
- Etiquetas de categoría de bloques de color
- Visualización en cuadrícula
**Elementos visuales**
- Foto de perfil circular con borde rosa o degradado.
- Encabezados de categoría con estilo de etiqueta (como "EXPERIENCIA LABORAL") en colores de acento
- Botón flotante (esquina inferior derecha para volver al principio) en círculo negro
- Efectos sutiles al pasar el cursor sobre todos los elementos interactivos.
**Recomendaciones de fuentes**
- Titulares: Inter Black, Helvetica Neue Bold o Montserrat ExtraBold
- Texto del cuerpo: Inter Regular, Helvetica Neue o System UI
**Detalles de la interacción**
- Desplazamiento suave
- Animación al pasar el cursor sobre el enlace con cambio de color o subrayado
- Menú de navegación adaptable
- Animación de carga limpia y elegante
**Requisitos de contenido**
- Biografía personal que enfatiza "década de experiencia", "estrategia y narración de historias" y palabras clave similares.
- Experiencia laboral que destaque logros y métricas específicas (como "crecimiento del 200%").
- Mostrar colaboraciones con marcas/instituciones reconocidas.
- Competencia lingüística y habilidades profesionales claramente categorizadas.
Genere el código HTML/CSS/JavaScript completo, asegurándose de que el diseño sea profesional, moderno y refleje plenamente las características de su marca personal.
Related Skills
View allSistema de revisión de páginas web HTML
Deja que tu equipo anote directamente los elementos de la página web en el navegador. No se requiere configuración, reconocimiento automático, generación inteligente de sugerencias de modificación impulsada por IA y exportación de informes de revisión que pueden ser comprendidos directamente por el asistente de programación de IA. 🔥 Capacidades principales: ⚡ Inicio en 30 segundos: simplemente proporciona un tema y genera automáticamente una página web con un sistema de revisión. 🤖 Inteligencia de IA: ingresa "fuente demasiado pequeña" y la IA genera automáticamente "sugiere cambiar a 18px PingFang SC". 💾 Nunca se pierde: los comentarios se guardan automáticamente en IndexedDB y se pueden restaurar actualizando la página. 📊 Colaboración en equipo: 5 identidades de rol (producto/diseño/desarrollo/edición/operaciones), codificadas por colores. 🎯 Posicionamiento preciso: haz clic en títulos, botones, íconos y fondos, localizando cada elemento secundario.
StoryCanvas
Ayuda a los creadores a transformar las referencias estéticas existentes en especificaciones de estilo JSON narrativas reutilizables basadas en páginas, mediante múltiples rondas de verificación.
Para ser PDF
Este software convierte contenido de referencia, como artículos, informes, notas, Markdown y texto extraído de archivos PDF, en archivos HTML de un solo archivo con calidad de impresión A4. Selecciona colores de acento de forma adaptativa según el tema del contenido, inserta ilustraciones SVG minimalistas dibujadas a mano, corrige automáticamente problemas de impresión como páginas en blanco, líneas sueltas y elementos truncados al exportar archivos PDF, y abre el PDF directamente con un panel de lienzo en el paso final, lo que permite a los usuarios visualizar, imprimir o exportar archivos PDF sin copiar y pegar código.
Perfil creativo
Transforma tu marca personal en un sitio web minimalista e impactante. Diseño profesional, maquetación estratégica y una estética cautivadora creadas al instante para mostrar tu experiencia.
Featured by
nene@YouMind.AI
Why we love this skill
Crea impresionantes sitios web personales minimalistas que proyecten una imagen de marca profesional y creativa. Esta habilidad transforma tu visión en una presencia online elegante y adaptable, con tipografía personalizada, una paleta de colores vibrante y una jerarquía de contenido clara. Ideal para estrategas de marca y creativos que desean mostrar su marca personal única.
Instrucciones
Crea una página web personal moderna y minimalista inspirada en el diseño visual de un estratega de marca profesional:
**Estilo general**
- Lenguaje de diseño minimalista con amplios espacios en blanco y gran espacio para la ventilación del contenido.
- Profesional pero creativo, encarnando la imagen de un estratega de marca.
- Diseño adaptable tanto para dispositivos de escritorio como móviles.
**Combinación de colores**
- Fondo: Crema cálida/blanco roto (#FFFEF9)
- Color de acento principal: Rosa brillante/magenta (#FF1493) para titulares clave y llamadas a la acción.
- Acento secundario: Azul claro/cian (#00CED1) para etiquetas y categorías
- Color del texto: Negro intenso (#1a1a1a) para el texto principal, lo que garantiza una alta legibilidad.
**Diseño tipográfico**
- Títulos extra grandes en negrita: Nombre dividido en dos líneas usando fuentes sans-serif ultranegritas (como Inter Black/Helvetica Black), tamaño de fuente mínimo de 80 px
- Título del puesto en rosa brillante, tamaño de fuente de 60-80 píxeles
- Texto principal en fuente sans-serif limpia de 16-18px
- Sistema de cuadrícula estricto con diseño de dos o tres columnas.
- Utilice líneas finas (1 píxel) para separar las diferentes áreas de contenido.
**Estructura de la página**
1. Sección de héroes:
- Lado izquierdo: Título con nombre extragrande (dividido en dos líneas) + cargo (en rosa)
- Lado derecho: Foto de perfil circular con borde colorido
- Abajo: Breve declaración de misión personal
2. Sección de información de contacto:
- Teléfono, correo electrónico, enlaces a sitios web
- Resaltado en rosa o azul
3. Sección de Experiencia Laboral:
- Izquierda: Etiquetas de períodos de tiempo (usando colores de acento)
- Derecha: Puestos de trabajo (en cursiva) + descripciones detalladas
- Jerarquía visual clara
4. Sección de Educación:
- Mismo diseño de dos columnas
- Período de tiempo + institución + título
5. Sección de Habilidades/Idiomas:
- Etiquetas de categoría de bloques de color
- Visualización en cuadrícula
**Elementos visuales**
- Foto de perfil circular con borde rosa o degradado.
- Encabezados de categoría con estilo de etiqueta (como "EXPERIENCIA LABORAL") en colores de acento
- Botón flotante (esquina inferior derecha para volver al principio) en círculo negro
- Efectos sutiles al pasar el cursor sobre todos los elementos interactivos.
**Recomendaciones de fuentes**
- Titulares: Inter Black, Helvetica Neue Bold o Montserrat ExtraBold
- Texto del cuerpo: Inter Regular, Helvetica Neue o System UI
**Detalles de la interacción**
- Desplazamiento suave
- Animación al pasar el cursor sobre el enlace con cambio de color o subrayado
- Menú de navegación adaptable
- Animación de carga limpia y elegante
**Requisitos de contenido**
- Biografía personal que enfatiza "década de experiencia", "estrategia y narración de historias" y palabras clave similares.
- Experiencia laboral que destaque logros y métricas específicas (como "crecimiento del 200%").
- Mostrar colaboraciones con marcas/instituciones reconocidas.
- Competencia lingüística y habilidades profesionales claramente categorizadas.
Genere el código HTML/CSS/JavaScript completo, asegurándose de que el diseño sea profesional, moderno y refleje plenamente las características de su marca personal.
Related Skills
View allSistema de revisión de páginas web HTML
Deja que tu equipo anote directamente los elementos de la página web en el navegador. No se requiere configuración, reconocimiento automático, generación inteligente de sugerencias de modificación impulsada por IA y exportación de informes de revisión que pueden ser comprendidos directamente por el asistente de programación de IA. 🔥 Capacidades principales: ⚡ Inicio en 30 segundos: simplemente proporciona un tema y genera automáticamente una página web con un sistema de revisión. 🤖 Inteligencia de IA: ingresa "fuente demasiado pequeña" y la IA genera automáticamente "sugiere cambiar a 18px PingFang SC". 💾 Nunca se pierde: los comentarios se guardan automáticamente en IndexedDB y se pueden restaurar actualizando la página. 📊 Colaboración en equipo: 5 identidades de rol (producto/diseño/desarrollo/edición/operaciones), codificadas por colores. 🎯 Posicionamiento preciso: haz clic en títulos, botones, íconos y fondos, localizando cada elemento secundario.
StoryCanvas
Ayuda a los creadores a transformar las referencias estéticas existentes en especificaciones de estilo JSON narrativas reutilizables basadas en páginas, mediante múltiples rondas de verificación.
Para ser PDF
Este software convierte contenido de referencia, como artículos, informes, notas, Markdown y texto extraído de archivos PDF, en archivos HTML de un solo archivo con calidad de impresión A4. Selecciona colores de acento de forma adaptativa según el tema del contenido, inserta ilustraciones SVG minimalistas dibujadas a mano, corrige automáticamente problemas de impresión como páginas en blanco, líneas sueltas y elementos truncados al exportar archivos PDF, y abre el PDF directamente con un panel de lienzo en el paso final, lo que permite a los usuarios visualizar, imprimir o exportar archivos PDF sin copiar y pegar código.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
