NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Tienda Delta" (tiendadelta.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura de la plantilla analizada:
- Paleta de colores: negro profundo #0a0a0a, gris carbón #212121, blanco puro #ffffff, acento azul eléctrico #2563eb, acento dorado #d4af37.
- Tipografía: encabezados con "Playfair Display" (serif), cuerpo con "Inter" (sans-serif).
- Header: barra superior con logo tipo texto "Tienda Delta", dirección ficticia "Madrid, España", hora estática "12:34:56", menú principal (Sobre Nosotros, Servicios, Tienda, Blog, Contacto) y botón de carrito con contador.
- Hero: sección a pantalla completa con imagen de fondo difuminada, título grande "Id
3.991 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.991 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, dirección, hora, menú principal y botón de carrito
- 1.2 Hero de portada con imagen de fondo y mensaje principal
- 1.3 Bloque de servicios con tarjetas de presentación
- 1.4 Galería de proyectos con grid responsive
- 1.5 Testimonios en carrusel
- 1.6 Llamada a la acción a la tienda
- 1.7 Footer con enlaces institucionales y redes sociales
ABOUT US
- 2.1 Cabecera idéntica a la home
- 2.2 Banner interior con título y subtítulo
- 2.3 Texto descriptivo del estudio y su misión
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 CTA a contacto
- 2.6 Footer común
SERVICES
- 3.1 Cabecera idéntica
- 3.2 Lista de servicios en columnas con iconos
- 3.3 Detalle de cada servicio al hacer hover
- 3.4 CTA a tienda o proyecto
- 3.5 Footer común
SHOP
- 4.1 Cabecera con carrito activo
- 4.2 Grid de productos con imagen, nombre, precio y botón "Añadir"
- 4.3 Modal de carrito con resumen y checkout
- 4.4 Footer común
BLOG
- 5.1 Cabecera idéntica
- 5.2 Lista de artículos en tarjetas con imagen y extracto
- 5.3 Paginación inferior
- 5.4 Footer común
CONTACT
- 6.1 Cabecera idéntica
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa embebido
- 6.4 Footer común
PROMPTS RELACIONADOS · E-COMMERCE
