NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de una sola página en HTML para la marca ficticia Clinovera Health, un SaaS con IA para clínicas y profesionales sanitarios. Dominio clinovera.com, email hola@clinovera.com, claim 'Tecnología clínica que acompaña a quien cuida', año 2025.
ALCANCE Y STACK
- Archivo único index.html, autocontenido.
- HTML5 + Tailwind CSS vía CDN (https://cdn.tailwindcss.com) + JavaScript vanilla en una sola etiqueta script al final del body.
- Sin frameworks, sin build, sin dependencias externas salvo Tailwind CDN y Google Fonts.
- Diseño totalmente responsive (móvil, tablet, escritorio).
- Accesible: roles ARIA básicos, contraste correcto, foco visible.
- Iconos en SVG inline (no librerías). Imágenes con placeholders de https://images.unsplash.com con temática sanitaria/tecnológica.
7.138 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.138 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 y CTA demo
- 1.2 Hero con mockup de panel clínico
- 1.3 Tira de logos de centros sanitarios
- 1.4 Tres pilares de producto en tarjetas
- 1.5 Funcionalidad con pestañas interactivas
- 1.6 Métricas animadas sobre fondo verde
- 1.7 Grid de casos de uso por especialidad
- 1.8 Seguridad y cumplimiento
- 1.9 Slider de testimonios
- 1.10 Grid de integraciones
- 1.11 FAQ en acordeón
- 1.12 CTA final con captura de email
- 1.13 Footer extendido
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero editorial con foto de equipo médico
- 2.3 Bloque misión y visión a dos columnas
- 2.4 Línea temporal de la compañía
- 2.5 Grid de equipo fundador
- 2.6 Valores con iconos
- 2.7 CTA unirse al equipo
- 2.8 Footer
FUNCIONES
- 3.1 Header
- 3.2 Hero con resumen de capacidades
- 3.3 Bloques alternos imagen-texto por módulo
- 3.4 Comparativa antes/después con IA
- 3.5 Tabla de funcionalidades
- 3.6 CTA demo
- 3.7 Footer
PRECIOS
- 4.1 Header
- 4.2 Hero con toggle mensual/anual
- 4.3 Tres planes en tarjetas
- 4.4 Tabla comparativa detallada
- 4.5 FAQ de facturación
- 4.6 CTA contacto comercial
- 4.7 Footer
BLOG
- 5.1 Header
- 5.2 Hero con post destacado
- 5.3 Filtros por categoría
- 5.4 Grid de artículos
- 5.5 Newsletter
- 5.6 Footer
BLOG POST
- 6.1 Header
- 6.2 Cabecera del artículo con autor y fecha
- 6.3 Cuerpo con tabla de contenidos lateral
- 6.4 Bloque autor
- 6.5 Artículos relacionados
- 6.6 Footer
CONTACTO
- 7.1 Header
- 7.2 Hero corto
- 7.3 Formulario y datos de contacto a dos columnas
- 7.4 Mapa estilizado
- 7.5 Footer
CARRERAS
- 8.1 Header
- 8.2 Hero con cultura de empresa
- 8.3 Listado de vacantes con filtros
- 8.4 Beneficios para empleados
- 8.5 CTA candidatura espontánea
- 8.6 Footer
DESCARGA
- 9.1 Header
- 9.2 Hero con app móvil
- 9.3 Botones de descarga y QR
- 9.4 Captura de pantallas
- 9.5 Footer
404
- 10.1 Header
- 10.2 Mensaje 404 con ilustración médica y CTA volver
- 10.3 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA