NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una web one-page (con secciones ancladas) en un único archivo HTML autocontenido para la marca ficticia ClínicaVerta, una clínica médica multidisciplinar con atención presencial y telemedicina. Claim: 'Atención clínica cercana, sin prisas y con criterio'. Dominio clinicaverta.com, email hola@clinicaverta.com, año 2025.
STACK Y REQUISITOS TÉCNICOS:
- HTML5 + Tailwind CSS vía CDN (<script src='https://cdn.tailwindcss.com'></script>) + JavaScript vanilla en un solo archivo.
- Configura Tailwind inline con theme.extend para los colores e incluye fuentes Google: 'Instrument Serif' para acentos editoriales y 'Inter' para UI/cuerpo.
- Diseño responsive mobile-first, accesible (aria-labels, focus visibles, contraste AA).
- Sin imágenes externas obligatorias: usa placeholders SVG inline o d
7.118 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.118 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 sticky con navegación por anclas y CTA
- 1.2 Hero con titular y doble botón
- 1.3 Ticker de imágenes en bucle
- 1.4 Grid de especialidades (6 tarjetas)
- 1.5 Enfoque a dos columnas texto+imagen
- 1.6 Contadores animados
- 1.7 Equipo médico (4 tarjetas)
- 1.8 Testimonios en slider
- 1.9 Proceso en 4 pasos
- 1.10 FAQ acordeón
- 1.11 CTA final
- 1.12 Footer
ESPECIALIDADES
- 2.1 Header
- 2.2 Cabecera de página con título y breadcrumb
- 2.3 Listado de especialidades en grid con filtros
- 2.4 Bloque informativo de cobertura
- 2.5 CTA y Footer
DETALLE ESPECIALIDAD
- 3.1 Header
- 3.2 Hero con icono, título y resumen del servicio
- 3.3 Descripción larga a dos columnas
- 3.4 Tratamientos incluidos en lista
- 3.5 Equipo asociado a la especialidad
- 3.6 FAQ específico
- 3.7 CTA reserva y Footer
EQUIPO
- 4.1 Header
- 4.2 Cabecera con título y descripción
- 4.3 Grid de profesionales con filtro por especialidad
- 4.4 CTA y Footer
PERFIL PROFESIONAL
- 5.1 Header
- 5.2 Hero con foto, nombre, especialidad y datos de colegiado
- 5.3 Biografía y formación
- 5.4 Servicios que ofrece
- 5.5 Horarios y reserva
- 5.6 Footer
RECURSOS / BLOG
- 6.1 Header
- 6.2 Cabecera con buscador
- 6.3 Grid de artículos con categorías
- 6.4 Paginación
- 6.5 Footer
ARTÍCULO
- 7.1 Header
- 7.2 Cabecera con título, autor y fecha
- 7.3 Cuerpo del artículo con sumario
- 7.4 Artículos relacionados
- 7.5 Footer
CONTACTO
- 8.1 Header
- 8.2 Cabecera con datos clínica
- 8.3 Formulario + mapa a dos columnas
- 8.4 Horarios y teléfonos
- 8.5 Footer
RESERVA DE CITA
- 9.1 Header reducido
- 9.2 Formulario multipaso (especialidad, profesional, fecha, datos)
- 9.3 Resumen y confirmación
- 9.4 Footer reducido
404
- 10.1 Header
- 10.2 Mensaje grande con CTA volver al inicio
- 10.3 Footer
AVISO LEGAL / PRIVACIDAD
- 11.1 Header
- 11.2 Texto legal a una columna con índice lateral
- 11.3 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA
Otros prompts de la misma categoría
PROMPTSalud y medicina
Lirio Sereno
★★★★★ 755 descargas
GRATIS0€
PROMPTSalud y medicina
Centro Medico Orion
★★★★★ 1.768 descargas
GRATIS0€
PROMPTSalud y medicina
Lumara Studio
★★★★★ 2.582 descargas
GRATIS0€
PROMPTSalud y medicina
Lumare Skin Studio
★★★★★ 3.499 descargas
GRATIS0€