Perfil creativo
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: Títulos de los puestos (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.
Descripción
Recomendado por
nene@YouMind
Por qué recomendamos esta habilidad
Esta habilidad se destaca al crear un sitio web personal sofisticado, inspirado en estrategas de marca. Detalla meticulosamente una estética minimalista moderna con especificaciones precisas de color, tipografía y diseño para una presencia en línea verdaderamente distintiva.
Transforma tu marca personal en un sitio web impresionante y minimalista. Diseño profesional, diseños estratégicos y una estética cautivadora creada al instante para mostrar tu experiencia.
Habilidades relacionadas
Ver todo
Página webCreador de páginas explorables
Un informe explica. Una página permite que la gente averigüe por sí misma. YouMind ya puede crear páginas web. El Creador de Páginas Explorables decide qué construir: convierte un estudio, un conjunto de datos o un tema en una única página interactiva en la tradición de los gráficos de redacción y las explicaciones explorables: narrativa guiada por el desplazamiento, gráficos reales, controles que se pueden mover, fuentes que se pueden consultar. Planifica antes de codificar. Primero apruebas un plan de construcción: la pregunta única que responde la página, el momento revelador — el instante en que el lector debería sentir "oh" — un eje de desplazamiento de cinco a ocho secciones, de dos a cuatro interacciones cada una justificada por lo que el lector aprende al moverla, y un contrato de datos que enumera cada número y su origen. Luego crea un único archivo HTML autocontenido sin paso de compilación. Marcado semántico. Todos los números en una única constante DATA editable al principio. Revelaciones de desplazamiento que no se rompen en un teléfono. Cada control es un elemento de formulario real y operativo con teclado, con texto en vivo que describe su valor actual. La accesibilidad está integrada, no añadida: contraste 4.5:1, anillos de foco visibles, texto alternativo en todas partes, ningún significado se transmite solo con el color, se respeta el movimiento reducido, responsivo desde 360px. Antes de entregar, ejecuta una autoevaluación de cinco puntos e informa los resultados honestamente: ¿el momento revelador realmente impacta?, ¿la página sigue siendo legible con JavaScript desactivado?, ¿el orden de tabulación es sensato?, ¿cada número es rastreable?, ¿hay algo animado que el lector quiera detener. Dos reglas que no romperá: nunca inventa datos para hacer que un gráfico se vea bien, y te avisa cuando tus números contradicen tu borrador. Para investigadores, analistas, periodistas, educadores, fundadores independientes y consultores que quieren que su trabajo sea explorado en lugar de ser leído por encima.
Página webWeb de luz diurna suave
Sistema de diseño web con estilo de luz diurna suave: lienzo azul celeste claro (#ebf5ff), tipografía de display de gran tamaño con peso fijo 500 (máximo 148px en diseño responsive), tarjetas con esquinas redondeadas de 32px + píldoras de 9999px, CTA sólido casi negro #181d27, bloques de color pastel e ilustraciones 3D de arcilla flotantes. La profundidad se logra solo por el desplazamiento tonal del lienzo a las tarjetas, sin sombras en las tarjetas de contenido. Adecuado para necesidades como "estilo de luz diurna suave", "página de aterrizaje con ilustración 3D", "lienzo azul celeste", "estilo de tarjetas redondeadas", "sitio web de SaaS", "estilo Linear/Framer", entre otros. Incluye restricciones de accesibilidad y diseño responsive integradas.
Página webEstilo Fashion Creative Design
Sistema de diseño web con estilo de póster editorial de moda: lienzo de papel crema cálido (#fffef7), títulos extra grandes con peso 300 (64–84px), fotografía de borde a borde, sin sombras, tarjetas con ángulos rectos + botones con radio de píldora de 1440px. Adecuado para necesidades como «estilo de diseño de moda», «maquetación de revista», «estilo póster», «página web de libro de arte», «portafolio de estudio», «página de galería», etc. Puede reescribir cualquier contenido en páginas con estilo editorial de alta moda.
Perfil creativo
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: Títulos de los puestos (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.
Descripción
Recomendado por
nene@YouMind
Por qué recomendamos esta habilidad
Esta habilidad se destaca al crear un sitio web personal sofisticado, inspirado en estrategas de marca. Detalla meticulosamente una estética minimalista moderna con especificaciones precisas de color, tipografía y diseño para una presencia en línea verdaderamente distintiva.
Transforma tu marca personal en un sitio web impresionante y minimalista. Diseño profesional, diseños estratégicos y una estética cautivadora creada al instante para mostrar tu experiencia.
Habilidades relacionadas
Ver todoPágina webCreador de páginas explorables
Un informe explica. Una página permite que la gente averigüe por sí misma. YouMind ya puede crear páginas web. El Creador de Páginas Explorables decide qué construir: convierte un estudio, un conjunto de datos o un tema en una única página interactiva en la tradición de los gráficos de redacción y las explicaciones explorables: narrativa guiada por el desplazamiento, gráficos reales, controles que se pueden mover, fuentes que se pueden consultar. Planifica antes de codificar. Primero apruebas un plan de construcción: la pregunta única que responde la página, el momento revelador — el instante en que el lector debería sentir "oh" — un eje de desplazamiento de cinco a ocho secciones, de dos a cuatro interacciones cada una justificada por lo que el lector aprende al moverla, y un contrato de datos que enumera cada número y su origen. Luego crea un único archivo HTML autocontenido sin paso de compilación. Marcado semántico. Todos los números en una única constante DATA editable al principio. Revelaciones de desplazamiento que no se rompen en un teléfono. Cada control es un elemento de formulario real y operativo con teclado, con texto en vivo que describe su valor actual. La accesibilidad está integrada, no añadida: contraste 4.5:1, anillos de foco visibles, texto alternativo en todas partes, ningún significado se transmite solo con el color, se respeta el movimiento reducido, responsivo desde 360px. Antes de entregar, ejecuta una autoevaluación de cinco puntos e informa los resultados honestamente: ¿el momento revelador realmente impacta?, ¿la página sigue siendo legible con JavaScript desactivado?, ¿el orden de tabulación es sensato?, ¿cada número es rastreable?, ¿hay algo animado que el lector quiera detener. Dos reglas que no romperá: nunca inventa datos para hacer que un gráfico se vea bien, y te avisa cuando tus números contradicen tu borrador. Para investigadores, analistas, periodistas, educadores, fundadores independientes y consultores que quieren que su trabajo sea explorado en lugar de ser leído por encima.
Página webWeb de luz diurna suave
Sistema de diseño web con estilo de luz diurna suave: lienzo azul celeste claro (#ebf5ff), tipografía de display de gran tamaño con peso fijo 500 (máximo 148px en diseño responsive), tarjetas con esquinas redondeadas de 32px + píldoras de 9999px, CTA sólido casi negro #181d27, bloques de color pastel e ilustraciones 3D de arcilla flotantes. La profundidad se logra solo por el desplazamiento tonal del lienzo a las tarjetas, sin sombras en las tarjetas de contenido. Adecuado para necesidades como "estilo de luz diurna suave", "página de aterrizaje con ilustración 3D", "lienzo azul celeste", "estilo de tarjetas redondeadas", "sitio web de SaaS", "estilo Linear/Framer", entre otros. Incluye restricciones de accesibilidad y diseño responsive integradas.
Página webEstilo Fashion Creative Design
Sistema de diseño web con estilo de póster editorial de moda: lienzo de papel crema cálido (#fffef7), títulos extra grandes con peso 300 (64–84px), fotografía de borde a borde, sin sombras, tarjetas con ángulos rectos + botones con radio de píldora de 1440px. Adecuado para necesidades como «estilo de diseño de moda», «maquetación de revista», «estilo póster», «página web de libro de arte», «portafolio de estudio», «página de galería», etc. Puede reescribir cualquier contenido en páginas con estilo editorial de alta moda.
Encuentra tu próxima habilidad favorita
Explora más habilidades de IA seleccionadas para investigación, creación y trabajo cotidiano.