NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML5, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La marca ficticia es MediCura, una plataforma digital para clínicas. Utiliza la paleta: #0A4F7A (azul profundo), #1E88E5 (azul acento), #F5F7FA (gris claro), #FFFFFF (blanco), #E53935 (rojo alerta). Tipografía principal: 'Inter', sans‑serif; títulos secundarios: 'Merriweather', serif.
Estructura y estilo:
- **Header**: barra sticky, fondo blanco, logo a la izquierda (svg placeholder), menú horizontal con enlaces Home, Sobre Nosotros, Servicios, Precios, Blog y Contacto. Mega‑menú bajo "Servicios" con tres columnas de enlaces y un ícono de flecha. Botón de carrito a la derecha con contador rojo sobre él.
- **Hero**: sección de altura completa (vh‑100), fondo con degradado azul (#0A4F7A → #
4.088 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.088 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 de navegación fija con logo, enlaces principales y botón de carrito
- 1.2 Hero con título, subtítulo y botón primary
- 1.3 Cuadrícula de beneficios destacados (icono + texto)
- 1.4 Sección de servicios en tarjetas (imagen, título, breve descripción, botón)
- 1.5 Testimonios en carrusel (foto, nombre, comentario)
- 1.6 Llamada a la acción para solicitar cita (formulario breve y botón)
- 1.7 Footer con cuatro columnas: Información, Servicios, Recursos, Redes sociales
ABOUT
- 1.1 Header compartido
- 2.1 Título de la página y descripción de la clínica
- 2.2 Grid de valores y misión
- 2.3 Equipo con foto y cargo
- 2.4 CTA a la página de contacto
SERVICES
- 1.1 Header compartido
- 2.1 Listado de servicios en tarjetas con icono y texto
- 2.2 Sección de preguntas frecuentes (accordion)
- 2.3 CTA a cotización
PRICING
- 1.1 Header compartido
- 2.1 Tabla comparativa de planes con botones "Comprar"
- 2.2 FAQ breve
BLOG
- 1.1 Header compartido
- 2.1 Lista de entradas recortadas con imagen, título, extracto y link
- 2.2 Sidebar con categorías y newsletter
CONTACT
- 1.1 Header compartido
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 2.2 Mapa incrustado y datos de localización
CART (modal)
- 1.1 Lista de productos en el carrito con miniatura, nombre, opciones, cantidad y precio
- 2.1 Subtotal y botones de checkout y seguir comprando
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 11/06/2026
PROMPTS RELACIONADOS · SALUD Y MEDICINA