SALUD Y MEDICINA · Claude Design · HTML

Helira Care — Prompt de diseño web para Claude AI

★★★★★4,6 2.203 descargas

Plataforma e-commerce de productos y suplementos para el cuidado de la salud diaria Cuidar de ti, cada día, con calma.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea en un único archivo HTML (con Tailwind por CDN y JS vanilla, sin frameworks ni dependencias externas más allá de Tailwind y Google Fonts) la home completa y funcional de una marca ficticia llamada **Helira Care**, un e-commerce de suplementos y productos de cuidado personal con un tono sereno, femenino y cercano. Claim: "Cuidar de ti, cada día, con calma". Dominio: heliracare.com. Email: hola@heliracare.com. Año: 2025. Categoría: Salud y medicina.

IDIOMA Y TONO: todo el copy en español de España, original, en voz activa, sin jerga marketinera, sin precios concretos, sin nombres de marcas reales. Inventa nombres de producto coherentes (por ejemplo: Sérum Lumen, Cápsulas Sueño Lento, Infusión Raíz, Bálsamo Quieto).

ESTILO VISUAL:
- Paleta principal: fondo crema #F6F1EA, blanco roto #F

♣╡↑τß√╦σ ΦΩ╣└▀└↔ ↑δ≥╚↓∞² Σπ╡≤║±╚ →╣╠╣║╫▀ Σ■≤╔╩±∞ √↑╔µ╚╡
 ▒ⁿⁿ√│≥ß ═▓═≡║√♦ ╝τ↓µ♣░φ ■→♦╫→╗Φ ↔Φ╚←▀╠▀ σ░Σ▓φ↓─ Σ║◙■∩
∞ τ╝◘╬Σ║♣ ß←╝╡■•╫ ²•◘↑■░∞ ε≡²─┤║√ │φ╝√██Ω ♠╗╔└≤♦├ ∞▀σ←
■² ║µ◙←║↔│ ▒τ╩→♠±╚ ≤▓√◘φ╗≤ ◙◘■└═σ─ ≡σ▀◙Σß└ ↓◙∩φα≡╚ ▒Σ∩
↓↓ⁿ ├δπ↔µ┴◘ ░┴╠╔╬φ√ ≤▒┤←√┬α ╫∞∩└±∞≤ ▀┼┴┬τ→ß ▓≤♠∞Σß╦ ║┴
←╬◘└ Ω╠─╚α↔δ ▓•▀♠║└σ ⁿφ┴πσ²↔ Σ║↑▒•▀δ ├Σ≤α╩▒ⁿ ╡←∩δτ▓╔ ▓
↔║πτ╣ σ╔◘╫π■╬ ═◙╗▓ε■╠ ßε◙╚■╠τ ■┼┼↔↔└╗ √√≡╗■♣╣ ♦πΣΦ↑┬┤ 
┬µ█♠↓╚ •√┴ß◙▀◙ σ♣α╩◘─φ ╚╡▓∞ßΣΦ ┼╝→▓±∞╚ ┤δ←┬♦Σ≤ ╔↔▒≤∞→Σ
≤εστ↓ⁿ↓ ├│▒↔╫▓± ╦♦┤─┴σ▒ ╡╫┬─πα• ↑╫Ω╔α║╝ φ▓ß╝◘→╣ σα╝╦→ⁿ
 √µ─♣╚↔Φ ♠─╝╬├╠◘ µ┼▓║▓δ≡ █Σ║╩√♠² ▓▓─±ε♠→ ♦∞═╠═≡√ ∞εα╩≥
σ ■♠Φ┬♦µ╫ ╝┬∩σ²σ┤ └║α←╗♠┼ ⁿ♦•←█┬┤ ═╣ß◘╚▓╬ ↔░╣∞Φⁿ±

7.622 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

7.622 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 Navbar con menú, CTA y carrito
1.2 Hero con titular grande e imagen de producto
1.3 Tira de confianza con logos
1.4 Slider de categorías
1.5 Pilares de propuesta de valor
1.6 Parrilla de productos destacados
1.7 Editorial ritual diario 50/50
1.8 Contadores animados
1.9 Carrusel de testimonios
1.10 Planes de suscripción
1.11 Últimas entradas del diario
1.12 FAQ acordeón
1.13 CTA final
1.14 Footer multicolumna

TIENDA

2.1 Navbar
2.2 Cabecera con título de categoría y breadcrumb
2.3 Barra de filtros (categoría, objetivo, formato) y orden
2.4 Parrilla de productos paginada
2.5 Banner promocional intermedio
2.6 Footer

FICHA DE PRODUCTO

3.1 Navbar
3.2 Galería de imágenes a la izquierda + ficha a la derecha (nombre, valoración, descripción corta, selector de formato, botón añadir)
3.3 Tabs de detalles (composición, modo de uso, preguntas)
3.4 Bloque de beneficios con iconos
3.5 Productos relacionados
3.6 Footer

SOBRE NOSOTRAS

4.1 Navbar
4.2 Hero editorial con titular y foto del equipo
4.3 Manifiesto en dos columnas
4.4 Línea de tiempo de la marca
4.5 Grid del equipo
4.6 CTA final
4.7 Footer

PLANES

5.1 Navbar
5.2 Hero con titular y subtítulo
5.3 Toggle mensual/anual y tres tarjetas de plan
5.4 Tabla comparativa de funcionalidades
5.5 FAQ específico de suscripciones
5.6 Footer

DIARIO

6.1 Navbar
6.2 Cabecera del blog con artículo destacado grande
6.3 Filtro por categoría
6.4 Parrilla de artículos
6.5 Bloque newsletter
6.6 Footer

CONTACTO

7.1 Navbar
7.2 Hero con datos de contacto y mapa
7.3 Formulario en dos columnas
7.4 Bloque FAQ corto
7.5 Footer

PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Helira Care
Sector: Plataforma e-commerce de productos y suplementos para el cuidado de la salud diaria
Claim: Cuidar de ti, cada día, con calma

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Navbar superior con logotipo a la izquierda, menú central (Inicio, Tienda, Sobre nosotras, Planes, Diario), botón CTA y contador de carrito
1.2 Hero de pantalla casi completa con titular tipográfico muy grande, subtítulo descriptivo, dos botones (primario + secundario) y composición de imagen de producto a la derecha con elementos flotantes
1.3 Tira de logos/etiquetas de confianza (recomendado por, prensa, certificaciones)
1.4 Slider horizontal de categorías de cuidado con tarjetas redondeadas e iconos
1.5 Bloque de propuesta de valor con titular grande a la izquierda y tres pilares numerados a la derecha
1.6 Parrilla de productos destacados (8 tarjetas) con imagen, nombre, categoría, valoración y botón añadir
1.7 Sección editorial 50/50 imagen + texto sobre el ritual diario, con lista de beneficios
1.8 Banda con contadores animados (clientes, fórmulas, países, valoración media)
1.9 Carrusel de testimonios con tarjetas y avatares
1.10 Bloque de planes de suscripción con tres tarjetas (mensual, trimestral, anual) sin precios concretos
1.11 Sección de últimas entradas del diario (3 artículos) con imagen, categoría y fecha
1.12 Bloque FAQ en acordeón
1.13 CTA final ancho con fondo en color de marca, titular grande y botón
1.14 Footer multicolumna con logo, mini claim, newsletter, columnas de enlaces y línea legal

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada