NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lúmina Estudio" (luminaestudio.com) usando HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura visual del sitio analizado: cabecera fija con logo SVG, menú horizontal (Inicio, Servicios, Portfolio, Blog, Contacto) y botón de carrito que abre un panel lateral derecho. Hero de pantalla completa con fondo degradado azul‑gris, título grande, subtítulo y botón CTA primary. Después, bloque de tres columnas de servicios con íconos lineales, título y texto breve, usando colores #1E3A8A (azul oscuro) y #F59E0B (ámbar) como acentos. A continuación, cuadrícula responsive de 4 columnas (2 en móvil) mostrando proyectos con imágenes placeholder, overlay que revela título y botón "Ver proyecto". Seguidamen
3.230 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.230 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 fija con logo, menú y carrito
- 1.2 Hero full‑width con título, subtítulo y botón CTA
- 1.3 Bloque de servicios (3 columnas, íconos + texto)
- 1.4 Grid de proyectos (imágenes, hover overlay)
- 1.5 Carrusel de testimonios (foto, nombre, texto)
- 1.6 CTA secundaria (fondo contrastante, botón)
- 1.7 Footer (logo, enlaces, formulario newsletter, redes)
PRODUCTOS
- 2.1 Lista de productos en tarjetas (imagen, nombre, precio, botón "Añadir")
- 2.2 Filtro lateral por categoría
- 2.3 Paginación inferior
PRODUCTO DETALLE
- 3.1 Galería de imágenes del producto (slider)
- 3.2 Información del producto (título, precio, descripción, opciones)
- 3.3 Botón "Añadir al carrito" y sección de productos relacionados
CARRITO
- 4.1 Panel lateral derecho con lista de ítems, cantidades editables y total
- 4.2 Botones "Continuar compra" y "Vaciar carrito"
CONTACTO
- 5.1 Formulario de contacto (nombre, email, mensaje) y mapa integrado
- 5.2 Información de oficina y redes sociales
PROMPTS RELACIONADOS · PORTFOLIO
