NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una tienda de moda de lujo llamada Store Delta usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Mantén la estructura y los patrones visuales del sitio analizado sin copiar texto literal.
**Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #D4AF37 (dorado suave), #F5F5F5 (gris muy claro).
**Tipografía**: Heading – "Playfair Display" (serif elegante); Body – "Inter" (sans‑serif). Carga ambas fuentes desde Google Fonts.
**Header** (sticky, full‑width): logo a la izquierda (SVG placeholder), botón hamburguesa oscuro que abre un panel lateral con los enlaces: Home, About, Collections, News, Contact. A la derecha, ícono de carrito con badge que muestra la cantidad de ítems (inicial 0). El carrito abre un dropdown derecho
4.184 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.184 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 fijo con logo, menú hamburguesa, enlaces de navegación y botón de carrito.
- 2.1 Hero de pantalla completa con fondo difuminado, título grande y llamado a la acción.
- 3.1 Bloque de presentación de colecciones en grid de 3 columnas con imágenes, título y overlay.
- 4.1 Sección de novedades con carrusel horizontal de tarjetas de artículo.
- 5.1 Testimonios en formato slider de 2 columnas.
- 6.1 Newsletter con campo de suscripción y botón.
- 7.1 Footer con links a información, redes sociales y datos de contacto.
ABOUT
- 1.1 Header idéntico al Home.
- 2.1 Imagen de portada con texto descriptivo.
- 3.1 Historia de la marca en dos columnas (texto + foto).
- 4.1 Valores y filosofía en grid de 4 íconos.
- 5.1 Equipo con fotos circulares y breves bios.
- 6.1 Footer común.
COLLECTIONS
- 1.1 Header común.
- 2.1 Banner de colección con título y filtro de categorías.
- 3.1 Grid de productos (4 columnas) con imagen, nombre, precio y botón "Añadir".
- 4.1 Paginación inferior.
- 5.1 Footer común.
NEWS
- 1.1 Header común.
- 2.1 Lista de artículos en formato tarjeta (imagen, título, extracto, fecha).
- 3.1 Sidebar con archivos y redes sociales.
- 4.1 Footer común.
CONTACT
- 1.1 Header común.
- 2.1 Formulario de contacto (nombre, email, asunto, mensaje, botón).
- 3.1 Mapa incrustado.
- 4.1 Información de contacto y horario.
- 5.1 Footer común.
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO