NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de una sola página HTML autocontenida para una marca ficticia llamada 'Lúmina Salud', una red de clínicas y centros médicos multidisciplinares en España. Claim: 'Cuidamos cada etapa de tu salud'. Dominio: luminasalud.com. Email: hola@luminasalud.com. Año: 2025.
ALCANCE: Genera la HOME completa con todos los bloques descritos. Todo el contenido en español de España, copy 100% original, sin jerga marketinera, verbos en activo, sin precios concretos.
STACK TÉCNICO:
- Un único archivo HTML autocontenido
- Tailwind CSS vía CDN (https://cdn.tailwindcss.com)
- JavaScript vanilla embebido para interacciones
- Google Fonts: 'Instrument Serif' para titulares grandes (display) y 'Inter' para texto
- Imágenes desde Unsplash con URLs directas relacionadas con sanidad, médicos, c
7.588 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.588 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 con menú y CTA pedir cita
- 1.2 Hero dividido con galería de imágenes y badge
- 1.3 Banda de 3 bloques: horarios, urgencias, agendar
- 1.4 Servicios médicos con acordeones desplegables
- 1.5 Sobre nosotros con imagen y valores
- 1.6 Contadores animados
- 1.7 Equipo médico en grid
- 1.8 Testimonios en slider
- 1.9 CTA pedir cita con formulario
- 1.10 Blog reciente grid 3 columnas
- 1.11 Logos partners
- 1.12 Footer completo
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero interior con breadcrumb y título
- 2.3 Historia de la red con texto e imagen
- 2.4 Misión, visión y valores en 3 tarjetas
- 2.5 Línea temporal de hitos
- 2.6 Equipo directivo
- 2.7 Certificaciones y acreditaciones
- 2.8 CTA pedir cita
- 2.9 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero interior
- 3.3 Grid de especialidades con icono, título y descripción
- 3.4 Sección de proceso de atención en 4 pasos
- 3.5 Bloque tecnología y equipamiento
- 3.6 CTA pedir cita
- 3.7 Footer
MÉDICOS
- 4.1 Header
- 4.2 Hero interior
- 4.3 Filtros por especialidad
- 4.4 Grid de tarjetas de médicos con foto, nombre, especialidad
- 4.5 Bloque 'Únete al equipo' con CTA
- 4.6 Footer
BLOG
- 5.1 Header
- 5.2 Hero interior
- 5.3 Artículo destacado grande
- 5.4 Grid de artículos con filtro por categoría
- 5.5 Paginación
- 5.6 Newsletter inline
- 5.7 Footer
CONTACTO
- 6.1 Header
- 6.2 Hero interior
- 6.3 Tarjetas con teléfono, email y dirección
- 6.4 Formulario de contacto + mapa
- 6.5 Horarios de atención
- 6.6 Footer
PEDIR CITA
- 7.1 Header
- 7.2 Hero interior
- 7.3 Formulario multi-paso (especialidad, médico, fecha, datos)
- 7.4 Resumen de la cita
- 7.5 Información útil pre-consulta
- 7.6 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA