NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web single-file en HTML con Tailwind CSS por CDN y JavaScript vanilla para una clínica médica ficticia llamada 'Salud Atlas' (dominio saludatlas.com, email hola@saludatlas.com, claim 'Cuidamos de ti con ciencia y cercanía', año 2025). Sector: centro médico multidisciplinar con servicios de medicina general, diagnóstico, cirugía menor, vacunación, urgencias y especialidades. Todo el contenido debe estar en español de España, con copy original, no marketinero, verbos en activo, sin precios concretos.
ALCANCE: Genera la HOME completa con todas las secciones descritas y navegación funcional a anclas. Las páginas internas pueden estar implementadas como secciones ocultas que se muestran al navegar (SPA simple con JS) o todo en la home con anclas, eliges lo más limpio.
STACK: Un único
8.101 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.101 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 navegación y CTA cita
- 1.2 Hero con titular serif, tarjetas flotantes e imagen principal
- 1.3 Marquee de servicios en movimiento
- 1.4 Nuestra historia con mosaico de fotos
- 1.5 Grid de servicios médicos
- 1.6 Contador de cifras
- 1.7 Por qué elegirnos
- 1.8 Equipo de doctores en carrusel
- 1.9 Testimonios de pacientes
- 1.10 Cómo trabajamos en 4 pasos
- 1.11 Artículos recientes del blog
- 1.12 CTA reserva de cita
- 1.13 FAQ en acordeón
- 1.14 Footer completo
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Cabecera de página con breadcrumb y titular
- 2.3 Historia con imagen y texto a dos columnas
- 2.4 Misión, visión y valores en 3 tarjetas
- 2.5 Cifras y reconocimientos
- 2.6 Galería del centro
- 2.7 CTA cita
- 2.8 Footer
SERVICIOS
- 3.1 Header
- 3.2 Cabecera de página
- 3.3 Filtro por categorías clínicas
- 3.4 Grid completo de servicios
- 3.5 Banner de urgencias 24h
- 3.6 CTA cita
- 3.7 Footer
DOCTORES
- 4.1 Header
- 4.2 Cabecera de página
- 4.3 Filtro por especialidad
- 4.4 Grid de tarjetas de doctores
- 4.5 Banco de incorporaciones recientes
- 4.6 CTA cita
- 4.7 Footer
BLOG
- 5.1 Header
- 5.2 Cabecera de página
- 5.3 Artículo destacado
- 5.4 Grid de artículos con categorías
- 5.5 Paginación
- 5.6 Footer
CONTACTO
- 6.1 Header
- 6.2 Cabecera de página
- 6.3 Formulario de contacto y datos de la clínica
- 6.4 Mapa de ubicación
- 6.5 Horarios y teléfonos de urgencias
- 6.6 Footer
PIDE TU CITA
- 7.1 Header
- 7.2 Cabecera de página
- 7.3 Formulario multi-paso (especialidad, doctor, fecha/hora, datos)
- 7.4 Resumen lateral de la reserva
- 7.5 Bloque de confianza con sellos
- 7.6 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
