NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "SonoraLuz" (sonoraluz.com), sector música y venta de productos digitales, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura visual del sitio analizado:
- Paleta de colores: #1a1a1a (fondo oscuro), #ffffff (texto principal), #ff6b6b (acento rojo), #00d1b2 (acento turquesa), #f5f5f5 (gris claro para tarjetas).
- Tipografía: "Inter" para títulos y cuerpo, tamaños 4xl, 2xl, lg, md, sm.
- Header: barra fija con logo SVG a la izquierda, menú hamburguesa que despliega un panel full‑width con secciones "Multi‑Layout", "Static" y "CMS" organizadas en columnas, y a la derecha un ícono de carrito que abre una barra lateral izquierda mostrando los artículos del carrito (imagen, nombre, precio,
3.764 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.764 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 Header con logo, menú multi‑nivel y carrito
- 1.2 Hero con imagen grande y CTA
- 1.3 Navegación secundaria de página única
- 1.4 Grid de productos/categorías destacados
- 1.5 Bloque de noticias recientes
- 1.6 Sección de suscripción y CTA secundario
- 1.7 Footer con enlaces y redes
MUSIC
- 2.1 Header común
- 2.2 Lista de pistas en formato tarjeta
- 2.3 Filtros laterales
- 2.4 Reproductor incrustado
- 2.5 Footer
ABOUT
- 3.1 Header común
- 3.2 Hero interno con título y subtítulo
- 3.3 Texto descriptivo y fotos del estudio
- 3.4 Equipo y valores
- 3.5 Footer
STUDIO
- 4.1 Header común
- 4.2 Galería de fotos del espacio
- 4.3 Formulario de reserva rápida
- 4.4 Testimonios
- 4.5 Footer
NEWS
- 5.1 Header común
- 5.2 Lista de artículos en formato rejilla
- 5.3 Sidebar con categorías y archivo
- 5.4 Footer
CONTACT
- 6.1 Header común
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado
- 6.4 Información de contacto y redes
- 6.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
