NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Tienda Coral** (e‑commerce de artesanía). Usa **HTML** estático en un único archivo, con **Tailwind CSS vía CDN** y **JavaScript vanilla** (sin frameworks). Reproduce la estructura y estilo del sitio analizado:
- **Paleta de colores**: #0D0D0D (negro profundo), #FFFFFF (blanco), #F5A623 (ámbar brillante), #E5E5E5 (gris claro).
- **Tipografía**: font‑family 'Inter', sans‑serif para cuerpo y títulos; tamaños escalables (text‑2xl, text‑lg, etc.).
- **Header**: barra fija con logo (texto Tienda Coral), enlaces 'Inicio', 'Sobre nosotros', 'Características', 'Blog', 'Precios', 'Contacto', dropdown 'Recursos' con enlaces a casos, reseñas, integraciones, carreras, FAQ. Botón de "Registrarse" visible en móvil, ícono de carrito que muestra núme
4.132 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.132 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 Barra de navegación fija con logo, enlaces de navegación y botón de carrito
- 1.2 Hero principal con título, subtítulo y botones de acción
- 1.3 Sección de características en tarjetas de 3 columnas
- 1.4 Galería de productos destacados en grid responsivo
- 1.5 Testimonios con carrusel automático
- 1.6 Llamada a la acción final con formulario de suscripción
- 1.7 Footer con información de contacto, enlaces a recursos y redes sociales
ABOUT
- 1.1 Header interno con breadcrumb
- 1.2 Bloque de historia de la marca con imagen y texto alineado
- 1.3 Equipo en tarjetas de perfil
- 1.4 Valores en lista con iconos
- 1.5 Footer reutilizado
FEATURES
- 1.1 Header interno con título y descripción breve
- 1.2 Grid de tarjetas descriptivas de funcionalidades (4 columnas)
- 1.3 Imagen ilustrativa acompañada de texto explicativo
- 1.4 CTA de prueba gratuita
- 1.5 Footer reutilizado
PRODUCTS
- 1.1 Header interno con filtros de categoría
- 1.2 Grid de productos (tarjetas con imagen, nombre, precio, botón "Añadir al carrito")
- 1.3 Paginación inferior
- 1.4 Footer reutilizado
BLOG
- 1.1 Header interno con barra de búsqueda y categorías
- 1.2 Lista de artículos en tarjetas (imagen, título, extracto, fecha)
- 1.3 Sidebar con posts destacados y newsletter
- 1.4 Footer reutilizado
CONTACT
- 1.1 Header interno con título y breve invitación
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Mapa incrustado
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · E-COMMERCE
