NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo en un único archivo HTML autocontenido usando Tailwind CSS por CDN y JavaScript vanilla, sin frameworks ni dependencias externas más allá de Tailwind y Google Fonts. La marca es HELVORA CARE, una startup ficticia de e-commerce de bienestar y salud preventiva con sede en Valencia. Dominio: helvoracare.com. Email de contacto: hola@helvoracare.com. Año: 2025. Claim principal: 'Cuidamos lo que importa, día tras día'. Tono editorial sereno, cercano y profesional, en español de España, sin tecnicismos ni lenguaje marketinero artificial.
ALCANCE: una página HTML que simule la home completa con todas las secciones visibles en scroll, navegación ancla funcional y los siguientes interactivos: menú móvil, carrito lateral (drawer) abrible con items demo, contadores animados
9.113 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.113 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 Header fijo con navegación, carrito y CTA
- 1.2 Hero con titular, subtítulo y dos CTAs
- 1.3 Barra de sellos de confianza
- 1.4 Grid de servicios/categorías
- 1.5 Split imagen+texto con beneficios
- 1.6 Catálogo de productos destacados
- 1.7 Contadores animados
- 1.8 Testimonios
- 1.9 Planes/pricing
- 1.10 FAQ acordeón
- 1.11 CTA final ancho completo
- 1.12 Footer multicolumna
SERVICIOS
- 2.1 Header
- 2.2 Cabecera de página con título y breadcrumb
- 2.3 Listado de servicios en grid extendido
- 2.4 Bloque proceso en 4 pasos
- 2.5 CTA intermedio
- 2.6 Footer
SOBRE NOSOTROS
- 3.1 Header
- 3.2 Cabecera con título y subtítulo
- 3.3 Historia de la marca con imagen
- 3.4 Valores en grid de 3 columnas
- 3.5 Equipo con tarjetas de personas ficticias
- 3.6 Cifras de impacto
- 3.7 CTA final
- 3.8 Footer
PRECIOS
- 4.1 Header
- 4.2 Cabecera con título
- 4.3 Tabla comparativa de planes
- 4.4 Tabla detallada de características
- 4.5 FAQ específico de precios
- 4.6 CTA final
- 4.7 Footer
NOTICIAS
- 5.1 Header
- 5.2 Cabecera con título y filtros por categoría
- 5.3 Artículo destacado grande
- 5.4 Grid de artículos con imagen, categoría, título y fecha
- 5.5 Paginación
- 5.6 Bloque suscripción newsletter
- 5.7 Footer
DETALLE DE PRODUCTO
- 6.1 Header
- 6.2 Galería de producto y ficha (nombre, descripción, selector cantidad, botón)
- 6.3 Tabs descripción/ingredientes/uso
- 6.4 Productos relacionados
- 6.5 Footer
CARRITO
- 7.1 Header
- 7.2 Listado de items con miniatura, cantidad y subtotal
- 7.3 Resumen lateral con total y botón checkout
- 7.4 Footer
CONTACTO
- 8.1 Header
- 8.2 Cabecera con título
- 8.3 Formulario de contacto + datos de contacto a la izquierda
- 8.4 Mapa o imagen decorativa
- 8.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
