SALUD Y MEDICINA · Claude Design · HTML

Lumora Clinic — Prompt de diseño web para Claude AI

★★★★★4,9 2.128 descargas

Clínica médica privada con atención multidisciplinar y consulta digital Cuidamos tu salud con tiempo y criterio.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una single-page web HTML autocontenida para la marca ficticia 'Lumora Clinic' (lumoraclinic.com), una clínica médica privada de gama alta con atención multidisciplinar y consulta digital, con el claim 'Cuidamos tu salud con tiempo y criterio'. Email de contacto: hola@lumoraclinic.com. Año: 2025.

ALCANCE
Genera SOLO la home, en un único archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla embebido. Todo el copy en español de España, original, en tono cálido, profesional y editorial, sin jerga marketinera ni precios concretos.

STACK Y REQUISITOS TÉCNICOS
- HTML5 semántico + Tailwind por CDN (<script src='https://cdn.tailwindcss.com'></script>).
- JS vanilla embebido para: slider del hero (autoplay cada 5s y al pulsar miniaturas), rotación de palabras en el titular (transición ve

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

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

9.073 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 transparente con menú y CTA de cita
1.2 Hero slider con 3 fondos, miniaturas y titular con palabras rotativas
1.3 Bloque intro editorial + bloque de contacto
1.4 Grid de Servicios (06 tarjetas con foto)
1.5 Equipo médico
1.6 Cómo trabajamos en 4 pasos
1.7 Testimonios de pacientes
1.8 Planes de cuidado
1.9 FAQ acordeón
1.10 CTA final con imagen de fondo
1.11 Footer oscuro con newsletter

CLÍNICA

2.1 Header
2.2 Hero editorial con foto del edificio y titular sobre la filosofía
2.3 Manifiesto a dos columnas
2.4 Galería de instalaciones tipo mosaico
2.5 Cifras clave de la clínica (años, especialistas, pacientes)
2.6 Equipo ampliado en grid
2.7 CTA final
2.8 Footer

SERVICIOS

3.1 Header
3.2 Hero con título grande y contador
3.3 Listado completo de especialidades en grid de tarjetas con foto
3.4 Bloque de servicios destacados a dos columnas (texto + imagen)
3.5 CTA intermedio para pedir cita
3.6 Sección de tecnología y equipamiento
3.7 Footer

PLANES

4.1 Header
4.2 Hero introductorio con titular y subtítulo
4.3 Tabla comparativa de 3 planes de cuidado
4.4 Bloque de beneficios incluidos (iconos + texto)
4.5 FAQ específico de planes
4.6 CTA final
4.7 Footer

CONTACTO

5.1 Header
5.2 Hero con título y datos rápidos (dirección, teléfono, email)
5.3 Formulario de cita a dos columnas (formulario + mapa)
5.4 Horarios de atención
5.5 Footer

PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lumora Clinic
Sector: Clínica médica privada con atención multidisciplinar y consulta digital
Claim: Cuidamos tu salud con tiempo y criterio

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 Header transparente sobre hero, con logo a la izquierda, menú central (Inicio, Clínica, Servicios, Planes) y botón de cita
1.2 Hero a pantalla completa con slider de 3 imágenes/vídeo de fondo, miniaturas inferiores clicables, titular grande tipo 'Atención hoy para' + lista vertical animada que rota dolencias, y botón 'Encuentra a tu médico'
1.3 Sección intro a dos columnas: manifiesto editorial de la clínica + botón 'Sobre nosotros' a la izquierda; bloque de contacto con ubicación, teléfono de urgencias y email a la derecha
1.4 Sección Servicios con título grande y contador (06), grid de 6 tarjetas grandes con foto, overlay y doble título por especialidad
1.5 Sección Equipo médico con tarjetas verticales de doctores (foto, nombre, especialidad)
1.6 Sección Cómo trabajamos: pasos numerados (01–04) con título y descripción breve
1.7 Sección Testimonios de pacientes con cita destacada y carrusel manual
1.8 Sección Planes de cuidado: 3 columnas con nombre del plan, lista de inclusiones y CTA (sin precios concretos)
1.9 Sección FAQ con acordeón de 6 preguntas
1.10 Sección CTA final a pantalla completa con imagen de fondo y botón para reservar
1.11 Footer en oscuro: logo grande tipográfico, columnas de enlaces (Clínica, Servicios, Legal), newsletter simple y línea inferior con copyright y redes

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

Lumora Clinic — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

CLÍNICA

SERVICIOS

PLANES

CONTACTO

Otros prompts de la misma categoría

Lirio Sereno

Centro Medico Orion

Lumara Studio

Lumare Skin Studio