NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lúmina Forge, una plataforma de venta online. Usa solo HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce el diseño analizado:
- **Header**: barra superior con logo a la izquierda, botón de hamburguesa que abre un menú overlay a pantalla completa. En el overlay, muestra enlaces numerados (01 Home, 02 About, 03 Work, 04 News, 05 Contact) con estilo gris y texto grande. Incluir botón de carrito con contador.
- **Hero**: sección a pantalla completa, grid de tres columnas. Cada columna contiene un título grande tipo display‑1 con animación de opacity, la segunda con "Create" dentro de un span con efecto scribble, y un subtítulo centrado con descripción breve. Fondo neutro claro.
- **Paleta
3.843 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.843 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 Menú overlay con logo, hamburguesa animada y acceso al carrito
- 1.2 Hero a tres columnas con títulos animados y texto descriptivo
- 1.3 Sección destacados de productos en grid responsivo
- 1.4 Área de testimonios con carrusel sencillo
- 1.5 Llamado a la acción con botón primario
- 1.6 Footer con enlaces, redes y suscripción
ABOUT
- 2.1 Banner interno con título y subtítulo
- 2.2 Texto descriptivo de la empresa en dos columnas
- 2.3 Valores destacados en iconos
- 2.4 Equipo con fotos y breves biografías
- 2.5 Footer replicado
WORK
- 3.1 Galería filtrable de proyectos
- 3.2 Cada proyecto con imagen, título y categoría
- 3.3 Modal de detalle rápido
- 3.4 Footer replicado
NEWS
- 4.1 Lista de artículos en formato grid
- 4.2 Cada artículo con imagen, título, fecha y extracto
- 4.3 Paginación simple
- 4.4 Footer replicado
CONTACT
- 5.1 Formulario de contacto con campos nombre, email y mensaje
- 5.2 Mapa incrustado
- 5.3 Información de contacto y redes sociales
- 5.4 Footer replicado
PROMPTS RELACIONADOS · BELLEZA / SPA
