NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Shop Polar, una tienda online de cosmética y cuidado personal. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
- Paleta de colores: #1A1A1A (negro profundo), #F5F5F5 (gris muy claro), #D4A5A5 (rosa empolvado), #FFFFFF (blanco), #B8860B (oro suave) para acentos.
- Tipografía: headings con 'Playfair Display', cuerpo con 'Inter' (Google Fonts).
- Header: barra superior fija, logo a la izquierda (texto "Shop Polar"), menú principal con enlaces Home, Productos, Sobre Nosotros, Blog, Contacto y un botón destacado "Consulta & Brilla" con efecto de texto recortado al pasar el cursor. Incluye icono de carrito que muestra número de artículos.
- Hero: sección ocupando pantalla completa, fondo degradado rosa/oro,
3.772 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.772 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, menú desplegable y botón de contacto
- 1.2 Hero con botón de llamada a la acción
- 1.3 Sección de productos destacados en cuadrícula
- 1.4 Testimonios rotativos
- 1.5 CTA de suscripción al newsletter
- 1.6 Footer con enlaces institucionales y redes sociales
PRODUCTOS
- 1.1 Lista de productos en tarjetas con imagen, nombre y botón "Añadir al carrito"
- 1.2 Filtros laterales (categoría, precio, marca)
- 1.3 Paginación inferior
DETALLE PRODUCTO
- 1.1 Galería de imágenes del producto
- 1.2 Información del producto (nombre, descripción, precio, botón "Añadir al carrito")
- 1.3 Sección de reseñas de usuarios
CARRITO
- 1.1 Lista de artículos con miniatura, nombre, cantidad y precio
- 1.2 Resumen de compra y botón de pago
- 1.3 Enlace a continuar comprando y a vaciar carrito
CONTACTO
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 1.2 Información de contacto y mapa integrado
BLOG
- 1.1 Lista de entradas en formato tarjeta
- 1.2 Barra lateral con categorías y últimos posts
FAQ
- 1.1 Preguntas frecuentes en acordeón
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO