NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera en un ÚNICO archivo HTML autocontenido el theme web completo para la marca ficticia CLÍNICA AURALIS, un centro médico privado multidisciplinar (cardiología, odontología, pediatría, dermatología, traumatología y ginecología). Dominio auralis.com, email hola@auralis.com, claim 'Cuidamos de ti en cada etapa de la vida'. Año 2025. Idioma: español de España. Todo el copy debe ser 100% original, claro, cercano y profesional, sin tecnicismos ni jerga marketinera. No incluyas precios.
STACK Y REQUISITOS TÉCNICOS:
- Único archivo HTML con Tailwind CSS vía CDN (script de play.tailwindcss o cdn.tailwindcss.com) y JavaScript vanilla embebido.
- Diseño totalmente responsive (móvil, tablet, desktop) con menú hamburguesa en móvil.
- Tipografías de Google Fonts: 'Plus Jakarta Sans' para texto y 'F
8.526 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.526 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 Topbar contacto y redes
- 1.2 Header con menú y CTA Urgencias
- 1.3 Hero con tarjeta horario
- 1.4 Tira de especialidades
- 1.5 Sobre la clínica con contadores
- 1.6 Grid de servicios médicos
- 1.7 Banner CTA cita previa
- 1.8 Por qué elegirnos con tabs
- 1.9 Slider equipo médico
- 1.10 Casos clínicos
- 1.11 Testimonios
- 1.12 Últimos artículos del blog
- 1.13 Partners y acreditaciones
- 1.14 Footer con newsletter
SOBRE NOSOTROS
- 2.1 Topbar y header
- 2.2 Page hero con breadcrumb
- 2.3 Historia de la clínica con imagen y texto
- 2.4 Misión, visión y valores en 3 tarjetas
- 2.5 Contadores de trayectoria
- 2.6 Instalaciones en grid de imágenes
- 2.7 Equipo directivo
- 2.8 Banner CTA
- 2.9 Footer
SERVICIOS
- 3.1 Topbar y header
- 3.2 Page hero con breadcrumb
- 3.3 Intro de áreas médicas
- 3.4 Grid completo de especialidades en tarjetas
- 3.5 Proceso de atención en 4 pasos
- 3.6 Banner CTA cita previa
- 3.7 FAQ acordeón
- 3.8 Footer
DETALLE DE SERVICIO
- 4.1 Topbar y header
- 4.2 Page hero con breadcrumb
- 4.3 Layout con sidebar de especialidades y contenido principal
- 4.4 Descripción del servicio con imagen
- 4.5 Beneficios en lista con iconos
- 4.6 FAQ del servicio
- 4.7 Caja CTA lateral con teléfono
- 4.8 Servicios relacionados
- 4.9 Footer
CASOS CLINICOS
- 5.1 Topbar y header
- 5.2 Page hero con breadcrumb
- 5.3 Filtros por especialidad
- 5.4 Grid de casos
- 5.5 Paginación
- 5.6 Footer
DETALLE DE CASO
- 6.1 Topbar y header
- 6.2 Page hero con título y meta
- 6.3 Imagen destacada
- 6.4 Datos del caso en ficha lateral
- 6.5 Contenido extenso con subtítulos
- 6.6 Galería de imágenes
- 6.7 Casos relacionados
- 6.8 Footer
BLOG
- 7.1 Topbar y header
- 7.2 Page hero con breadcrumb
- 7.3 Grid de artículos con categoría y fecha
- 7.4 Paginación
- 7.5 Footer
DETALLE DE ARTICULO
- 8.1 Topbar y header
- 8.2 Page hero con título y autor
- 8.3 Imagen destacada
- 8.4 Contenido del post con sidebar de categorías y posts recientes
- 8.5 Compartir en redes
- 8.6 Artículos relacionados
- 8.7 Footer
CONTACTO
- 9.1 Topbar y header
- 9.2 Page hero con breadcrumb
- 9.3 Bloques de datos de contacto en 3 tarjetas
- 9.4 Formulario de cita con mapa al lado
- 9.5 Horarios de atención
- 9.6 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
