NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LumenAI Studio** siguiendo el estilo del diseño analizado. Utiliza **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo.
**Alcance**: reproducir la estructura y la estética del portfolio original, pero con contenido propio en español (España) y sin copiar textos.
**Paleta de colores**:
- #0A0A0A (negro profundo)
- #FFFFFF (blanco)
- #E0E0E0 (gris claro)
- #00BFA6 (cian brillante)
- #FF6F61 (coral suave)
**Tipografía**:
- Título: "Inter", peso 700, tamaño variable (responsive).
- Texto corrido: "Inter", peso 400.
- Utiliza la CDN de Google Fonts.
**Header**: barra de navegación fija con logo a la izquierda y botón hamburguesa a la derecha. El menú desplegable debe cubrir toda la pantalla con enlaces a
4.459 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.459 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Cabecera con logo y menú hamburguesa
- 1.2 Pre‑loader animado con nombre y tagline
- 1.3 Hero con fondo difuso y títulos principales
- 1.4 Sobre mí: lista de atributos y texto descriptivo
- 1.5 Ventajas: tarjetas numeradas con imágenes y texto
- 1.6 Obras: galería tipo cubo con enlaces a proyectos
- 1.7 CTA: bloque de contacto
- 1.8 Footer con enlaces sociales y créditos
SOBRE MÍ
- 2.1 Encabezado interno "Sobre mí"
- 2.2 Lista de atributos animados (Ingeniero IA, Voz de Marca, etc.)
- 2.3 Texto descriptivo breve
VENTAJAS
- 3.1 Encabezado interno "Ventajas"
- 3.2 Tarjeta 01 – Práctico (imagen + descripción)
- 3.3 Tarjeta 02 – Estructura (imagen + descripción)
- 3.4 Tarjeta 03 – Adaptable (imagen + descripción)
- 3.5 Tarjeta 04 – Impactante (imagen + descripción)
OBRAS
- 4.1 Encabezado interno "Obras seleccionadas"
- 4.2 Cuadrícula interactiva con 4 cubos, cada uno enlaza a detalle del proyecto
CONTACTO
- 5.1 Bloque CTA con formulario breve (nombre, email, mensaje) y botón enviar
- 5.2 Información de contacto y redes sociales
FOOTER
- 6.1 Enlaces de navegación secundaria
- 6.2 Créditos y política de privacidad
PROMPTS RELACIONADOS · BELLEZA / SPA
