SALUD Y MEDICINA · Claude Design · HTML

Vivasalud Clínicas — Prompt de diseño web para Claude AI

★★★★★4,6 4.503 descargas

Red de hospitales y centros médicos con ecommerce de productos sanitarios Cuidamos cada etapa de tu salud, cerca de ti.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una web single-file (HTML + Tailwind CDN + JavaScript vanilla) para una marca ficticia llamada VIVASALUD CLÍNICAS, una red de hospitales y centros médicos multidisciplinares con tienda online de equipamiento sanitario (dominio vivasalud.com, contacto hola@vivasalud.com, año 2025, claim 'Cuidamos cada etapa de tu salud, cerca de ti'). Todo el copy debe estar en español de España, redactado de forma natural, cercana y profesional, sin lenguaje publicitario hueco y sin precios concretos.

STACK Y REQUISITOS TÉCNICOS:
- Un único archivo index.html.
- Tailwind vía CDN (script de play CDN).
- JavaScript vanilla embebido para interacciones (mega menú, tabs, acordeón FAQ, slider testimonios, slider doctores, contadores animados al hacer scroll, formulario newsletter con validación básica).
- 

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

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

8.921 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 de contacto
1.2 Header con mega menú
1.3 Hero a dos columnas con CTAs y valoración
1.4 Banda de partners y aseguradoras
1.5 Grid de departamentos destacados
1.6 Sobre nosotros con contadores
1.7 Carrusel de doctores
1.8 CTA full-width de cita
1.9 Productos sanitarios destacados
1.10 Tabs de servicios y tratamientos
1.11 Slider de testimonios
1.12 Últimas noticias
1.13 Localizaciones con mapa
1.14 FAQ en acordeón
1.15 Newsletter
1.16 Footer amplio

SOBRE NOSOTROS

2.1 Cabecera con breadcrumb
2.2 Misión, visión y valores a dos columnas
2.3 Historia en timeline
2.4 Equipo directivo en grid
2.5 Galería de instalaciones
2.6 Certificaciones y acreditaciones
2.7 CTA de cita
2.8 Footer

DEPARTAMENTOS

3.1 Cabecera con buscador y filtros
3.2 Grid de todos los departamentos con icono y descripción breve
3.3 Bloque destacado de unidades especializadas
3.4 CTA contacto
3.5 Footer

DEPARTAMENTO INDIVIDUAL

4.1 Hero con nombre del departamento, breve descripción e imagen
4.2 Descripción larga con bullets de tratamientos
4.3 Equipo médico del departamento
4.4 Tecnología y equipamiento
4.5 Preguntas frecuentes específicas
4.6 CTA reservar cita
4.7 Footer

DOCTORES

5.1 Cabecera con filtros por especialidad y sede
5.2 Grid de doctores con foto, nombre, especialidad
5.3 Paginación
5.4 CTA general
5.5 Footer

DOCTOR INDIVIDUAL

6.1 Cabecera con foto, nombre, especialidad y CTA cita
6.2 Biografía y formación
6.3 Áreas de actuación y experiencia
6.4 Agenda/horarios y sedes
6.5 Publicaciones y reconocimientos
6.6 Doctores relacionados
6.7 Footer

NOTICIAS

7.1 Cabecera con noticia destacada
7.2 Grid de noticias con filtro por categoría
7.3 Paginación
7.4 Newsletter
7.5 Footer

NOTICIA INDIVIDUAL

8.1 Cabecera con categoría, titular, fecha y autor
8.2 Imagen principal
8.3 Cuerpo del artículo con rich text
8.4 Compartir en redes
8.5 Noticias relacionadas
8.6 Footer

HISTORIAS DE PACIENTES

9.1 Cabecera
9.2 Grid de testimonios con imagen y resumen
9.3 CTA compartir tu historia
9.4 Footer

UBICACIONES

10.1 Cabecera con buscador por ciudad
10.2 Mapa interactivo con listado lateral
10.3 Tarjetas detalladas de cada sede
10.4 CTA contacto
10.5 Footer

TIENDA / PRODUCTOS

11.1 Cabecera con buscador
11.2 Filtros laterales (categoría, precio, marca)
11.3 Grid de productos
11.4 Paginación
11.5 Footer

PRODUCTO INDIVIDUAL

12.1 Galería de imágenes y datos del producto
12.2 Descripción extensa con tabs (detalles, especificaciones, envío)
12.3 Productos relacionados
12.4 Footer

CITA PREVIA

13.1 Cabecera explicativa
13.2 Formulario multipaso (departamento, doctor, fecha, datos)
13.3 Información de contacto
13.4 Footer

CONTACTO

14.1 Cabecera
14.2 Formulario y bloque de datos de contacto
14.3 Mapa
14.4 Footer

CHANGELOG

15.1 Cabecera
15.2 Listado de actualizaciones por versiones
15.3 Footer

POLÍTICA DE PRIVACIDAD

16.1 Texto legal estructurado
16.2 Footer

TÉRMINOS Y CONDICIONES

17.1 Texto legal estructurado
17.2 Footer

LICENCIA

18.1 Texto de licencia
18.2 Footer

STYLEGUIDE

19.1 Paleta de colores
19.2 Tipografía y jerarquía
19.3 Botones y formularios
19.4 Componentes (cards, tabs, acordeones)
19.5 Footer

404

20.1 Mensaje de error y CTA volver a inicio
20.2 Footer

PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Vivasalud Clínicas
Sector: Red de hospitales y centros médicos con ecommerce de productos sanitarios
Claim: Cuidamos cada etapa de tu salud, cerca de ti

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 Barra superior con logo, enlaces (Encontrar centro, Notas de prensa, Contacto) y teléfono
1.2 Header principal con navegación mega-menú (Todas las páginas, Departamentos, Doctores, Productos, Noticias) y CTA de cita
1.3 Hero a dos columnas con titular grande, subtítulo, doble CTA, badge de valoración y foto de profesional sanitario
1.4 Banda de logos de aseguradoras y partners médicos
1.5 Bloque de departamentos destacados en grid (6 tarjetas con icono, nombre y enlace)
1.6 Sección 'Sobre nosotros' a dos columnas con imagen, texto, lista de valores y contadores animados (pacientes, médicos, años, sedes)
1.7 Carrusel de doctores destacados con foto, nombre, especialidad y redes
1.8 Bloque CTA full-width con fondo de color, claim grande y botón de cita
1.9 Tienda: productos sanitarios destacados en grid de 4 con imagen, categoría, nombre y precio
1.10 Tabs con servicios/tratamientos (lista de pestañas a la izquierda y contenido + imagen a la derecha)
1.11 Testimonios de pacientes en slider con foto, cita, nombre y patología tratada
1.12 Últimas noticias del centro en grid de 3 tarjetas con imagen, fecha, categoría y titular
1.13 Bloque de localizaciones con mapa estilizado y listado de sedes con dirección y teléfono
1.14 FAQ en acordeón sobre citas, seguros y atención
1.15 Newsletter con campo email y texto de privacidad
1.16 Footer amplio con logo, claim, columnas (Centros, Departamentos, Pacientes, Legal), redes sociales y subfooter con copyright

Crea tu propia Skill

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

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada