NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Clínica Zenit, un centro médico privado, usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La página debe incluir:
- Paleta de colores: #006d77 (azul profundo), #83c5be (turquesa claro), #edf6f9 (fondo muy claro), #ffddd2 (acento suave), #ffffff (blanco).
- Tipografía: Inter var (Google Fonts) para títulos y texto, peso 400‑600.
- Header fijo con logo SVG placeholder, menú horizontal (Inicio, Servicios, Blog, Contacto) y botón de carrito con contador.
- Hero: fondo con degradado azul‑turquesa, título grande "Cuidamos tu salud", subtítulo, botón principal "Solicita tu cita".
- Sección de servicios: grid 4 columnas en desktop, 2 en tablet, 1 en móvil; tarjetas con icono SVG, título y descripción corta.
- Sección
3.451 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.451 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 carrito
- 1.2 Hero con título principal, subtítulo y botón de llamada a acción
- 1.3 Cuadrícula de cuatro tarjetas que describen servicios clave
- 1.4 Sección de estadística con contadores animados
- 1.5 Área de testimonios en carrusel sencillo
- 1.6 Blog destacado con tres artículos recientes
- 1.7 Llamado a acción para suscripción al boletín
- 1.8 Footer con enlaces de navegación, contacto y redes sociales
SERVICIOS
- 2.1 Encabezado de página con título y descripción breve
- 2.2 Lista de servicios en tarjetas con icono, nombre y breve texto
- 2.3 Botón para solicitar información
- 2.4 Footer repetido
CONTACTO
- 3.1 Formulario de contacto con campos nombre, email, teléfono y mensaje
- 3.2 Mapa embebido y datos de ubicación
- 3.3 Información de horarios y teléfono
- 3.4 Footer repetido
BLOG
- 4.1 Lista de entradas del blog en formato grid, cada una con imagen, título y extracto
- 4.2 Paginación simple
- 4.3 Footer repetido
PROMPTS RELACIONADOS · HEALTH AND MEDICINE