NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una tienda online de productos de salud bajo el nombre **SaludNova**. Usa HTML5 + Tailwind CSS (CDN) + JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0A5F5F (azul profundo), #0F9D58 (verde lima), #F2F2F2 (gris muy claro), #FFFFFF (blanco), #333333 (texto oscuro). Tipografía: Inter para títulos (font-weight 600) y Open Sans para cuerpo (font-weight 400), ambas cargadas desde Google Fonts.
**Estructura global**
- `<header>` fijo con barra de navegación: logo a la izquierda, menú horizontal (Home, About, Shop, Blog, Contact, Pages dropdown), icono de búsqueda que despliega un overlay, icono de carrito que abre una sidebar derecha con resumen del carrito (lista de productos, subtotales, botón checkout).
- `<main>` con secciones
4.151 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.151 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 logo, menú, buscador y carrito
- 2.1 Hero con título y botón principal
- 2.2 Grid de categorías destacadas
- 2.3 Carrusel de productos destacados
- 2.4 Sección de testimonios en slider
- 2.5 Bloque informativo de beneficios (envío gratis, atención 24h, etc.)
- 2.6 Formulario de suscripción al newsletter
- 3.1 Footer con enlaces institucionales, redes y datos de contacto
ABOUT
- 1.1 Barra superior (reutilizada)
- 2.1 Hero con imagen y texto institucional
- 2.2 Historia de la marca en dos columnas
- 2.3 Valores y misión en tarjetas
- 3.1 Footer
SHOP
- 1.1 Barra superior
- 2.1 Filtros laterales (categorías, precios)
- 2.2 Grid de productos con botones "Añadir al carrito"
- 3.1 Footer
BLOG
- 1.1 Barra superior
- 2.1 Lista de artículos con imagen, título y extracto
- 3.1 Footer
CONTACT
- 1.1 Barra superior
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 2.2 Mapa incrustado
- 3.1 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 22/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
