NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Médica Ónix" (clínica médica) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página principal debe incluir:
- Header sticky con logo tipo texto, menú de navegación horizontal (About, Specialties, Packages, Doctors, Blog, Contact) y botón destacado "Cita ahora". Menú con dropdown para "Pages" que despliega tres columnas de enlaces (Main, Company, Template) al pasar el ratón.
- Hero Section: fondo claro con imagen a la derecha, título grande, subtítulo y botón primario "Solicitar cita".
- Section 1: Grid de 4 tarjetas de especialidades, icono circular, título y breve descripción.
- Section 2: Tabla de paquetes (Básico, Premium, Integral) con lista de beneficios y botón secundario "Reservar".
- Se
3.741 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.741 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 Encabezado fijo con logo, menú principal y botón de cita
- 1.2 Hero con título, subtítulo, botón principal y visual decorativo
- 1.3 Bloque de especialidades con tarjetas ilustradas y descripción breve
- 1.4 Sección de paquetes con tabla comparativa y botones de reserva
- 1.5 Testimonios en carrusel con foto y cita
- 1.6 Equipo de profesionales con foto, nombre y especialidad
- 1.7 Blog destacado con tarjetas de artículos recientes
- 1.8 Formulario de contacto rápido y mapa de ubicación
- 1.9 Footer con columnas de enlaces (Principal, Empresa, Plantilla) y redes sociales
ABOUT
- 2.1 Encabezado interno (logo y menú)
- 2.2 Texto institucional con misión y visión
- 2.3 Imagen acompañada de descripción
- 2.4 Valores en iconos
- 2.5 CTA para solicitar información
- 2.6 Footer común
SPECIALTIES
- 3.1 Listado de especialidades en tarjetas
- 3.2 Filtro por categoría
- 3.3 CTA “Ver más” por especialidad
- 3.4 Footer común
PACKAGES
- 4.1 Tabla de paquetes con precios y beneficios
- 4.2 Botones de reserva
- 4.3 Preguntas frecuentes
- 4.4 Footer común
DOCTORS
- 5.1 Grid de médicos con foto, nombre y especialidad
- 5.2 Modal de perfil con biografía y agenda
- 5.3 Footer común
BLOG
- 6.1 Lista de artículos con imagen, título y extracto
- 6.2 Paginación
- 6.3 Sidebar con categorías y últimos posts
- 6.4 Footer común
CONTACT
- 7.1 Formulario de contacto (nombre, email, mensaje)
- 7.2 Mapa embebido
- 7.3 Información de contacto y horario
- 7.4 Footer común
PROMPTS RELACIONADOS · SALUD Y MEDICINA