NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Store Coral** (comercio electrónico) usando **HTML único en un solo archivo**, **Tailwind CSS CDN**, y **JavaScript vanilla**. El objetivo es replicar la estructura y estilo del sitio de referencia sin copiar textos ni imágenes originales.
---
### Alcance
- Cabecera sticky con logo a la izquierda, iconos sociales (Twitter, LinkedIn, Instagram, Dribbble) y botón de carrito que abre un **modal**.
- Menú hamburguesa que se despliega desde la izquierda, con enlaces numerados (01 Sobre nosotros, 02 Productos, 03 Blog, 04 Contacto).
- Hero de página principal: fondo de imagen de alta resolución (usar https://picsum.photos/1200/600), título grande, subtítulo y botón CTA “Explorar”.
- Bloque de características: 3 columnas, cada una con icono (us
5.122 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.122 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 sticky con logo, iconos sociales y carrito modal
- 1.2 Menú hamburguesa lateral con enlaces principales
- 1.3 Hero de página con título y llamada a la acción
- 1.4 Bloque de características con iconos y texto descriptivo
- 1.5 Galería de productos destacados en grid responsivo
- 1.6 Sección de testimonios con carrusel sencillo
- 1.7 Footer con enlaces de navegación, suscripción y redes sociales
ABOUT
- 1.1 Cabecera sticky
- 1.2 Menú hamburguesa
- 1.3 Sección de historia con imagen y texto
- 1.4 Equipo con tarjetas de perfil
- 1.5 Valores en columnas
- 1.6 Footer
PRODUCTS
- 1.1 Cabecera sticky
- 1.2 Menú hamburguesa
- 1.3 Filtro y barra de búsqueda
- 1.4 Grid de productos con tarjetas
- 1.5 Paginación
- 1.6 Footer
CART
- 1.1 Cabecera sticky
- 1.2 Menú hamburguesa
- 1.3 Modal de carrito con lista de artículos, subtotales y botón de checkout
- 1.4 Footer
CHECKOUT
- 1.1 Cabecera sticky
- 1.2 Menú hamburguesa
- 1.3 Formulario de datos de facturación y envío
- 1.4 Resumen de pedido y botón de pago
- 1.5 Footer
PROMPTS RELACIONADOS · E-COMMERCE
