NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia Store Rubí, tienda online de cosmética natural, usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla (un único archivo). La página debe reproducir exactamente la estructura y estilo de la plantilla analizada, sin copiar textos ni imágenes originales.
**Alcance**
- Página principal (index.html) con 9 secciones enumeradas en el campo "secciones".
- Páginas adicionales: about.html, categories.html, shop.html, blogs.html, contact.html, faq.html, reviews.html, styleguide.html, cada una con sus bloques listados en la "tabla".
- Header con barra superior (slogan, buscador, enlaces a tienda, usuario, carrito) y barra de navegación principal (logo, enlaces, dropdown "Resources").
- Carrito modal funcional (solo markup y placeholders, sin back
4.757 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.757 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 superior con slogan, buscador, enlaces a tienda, usuario y carrito
- 1.2 Navegación principal con logo, enlaces a páginas y menú desplegable de recursos
- 1.3 Hero principal con imagen de fondo, título impactante y botón principal
- 1.4 Bloque de categorías destacadas en cuadrícula
- 1.5 Slider de productos recomendados
- 1.6 Sección de ventajas/beneficios con íconos y texto breve
- 1.7 Testimonios de clientes en carrusel
- 1.8 Formulario de suscripción al boletín
- 1.9 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT US
- 1.1 Banner interno con título y subtítulo
- 1.2 Texto descriptivo de la marca y su filosofía
- 1.3 Imagen ilustrativa alineada a la derecha
- 1.4 Valores de la empresa en tarjetas con íconos
- 1.5 CTA a la tienda
CATEGORIES
- 1.1 Listado de categorías en tarjetas con imágenes
- 1.2 Filtro vertical de atributos
- 1.3 Botones de paginación
SHOP
- 1.1 Cabecera con filtros y ordenación
- 1.2 Cuadrícula de productos con imagen, nombre, precio y botón "Añadir al carrito"
- 1.3 Paginación inferior
BLOGS
- 1.1 Lista de artículos con miniatura, título, autor y fecha
- 1.2 Sidebar con categorías y últimos artículos
CONTACT US
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.2 Mapa integrado y datos de dirección
FAQ
- 1.1 Preguntas frecuentes en acordeón
- 1.2 CTA a la página de contacto
REVIEWS
- 1.1 Reseñas de clientes en tarjetas con valoración y comentario
- 1.2 Formulario para enviar nueva reseña
STYLE GUIDE
- 1.1 Paleta de colores, tipografías y componentes UI del sitio
PROMPTS RELACIONADOS · E-COMMERCE
