NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Centro Medico Delta" (centromedicodelta.com) usando solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño visual analizado:
- Paleta de colores: #1A3E5D (azul marino), #2A5D9F (azul intermedio), #F5F5F5 (gris claro), #FFFFFF (blanco), #E0E0E0 (gris neutro) y acentos #FFB800 (amarillo cálido).
- Tipografía: "Inter" para títulos y cuerpo, peso 400‑600, tamaños escalados responsivamente.
- Header: barra superior oculta en móvil con email, dirección y teléfono a la izquierda y iconos de redes (facebook, instagram, twitter, youtube) a la derecha; debajo barra de navegación fija con logo (70 px), menú horizontal (Home, About, Procedures, Pages ▼ [Blog, Blog Single, Gallery], Contact) y
3.740 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.740 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 Barra superior con datos de contacto y redes sociales
- 2.1 Barra de navegación fija con logo, menú y botón de cita
- 3.1 Hero: título, sub‑título, párrafo descriptivo, botones "Leer más" y valoración 4.9/5
- 4.1 Imagen principal con ilustraciones decorativas y efectos de entrada
- 5.1 Footer con información de contacto, enlaces legales y redes sociales
ABOUT
- 1.1 Encabezado interno con breadcrumb
- 2.1 Texto descriptivo de la clínica y su visión
- 3.1 Galería de imágenes del equipo y las instalaciones
- 4.1 Testimonios de pacientes con valoración
- 5.1 Llamado a la acción para solicitar información
PROCEDURES
- 1.1 Listado de procedimientos con tarjetas
- 2.1 Cada tarjeta muestra icono, título y breve descripción
- 3.1 Botón para solicitar cita en cada tarjeta
- 4.1 Sección de preguntas frecuentes
- 5.1 CTA final para agendar consulta
GALLERY
- 1.1 Grid de imágenes con filtro por categoría
- 2.1 Lightbox para vista ampliada
- 3.1 Descripción corta bajo cada imagen
- 4.1 Botón para ver más imágenes
- 5.1 CTA para contactar
BLOG
- 1.1 Lista de artículos en formato tarjeta
- 2.1 Cada tarjeta incluye imagen, título, extracto y fecha
- 3.1 Paginador al final
- 4.1 Sidebar con categorías y últimas publicaciones
- 5.1 Formulario de suscripción al boletín
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa embed con ubicación de la clínica
- 3.1 Información de contacto reiterada
- 4.1 Horario de atención
- 5.1 Botón de envío con mensaje de confirmación
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
