NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Médica Perla, una empresa del sector de salud y bienestar, siguiendo estas especificaciones y usando solo HTML estático, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
- **Paleta de colores:** #0A4F7A (azul marino), #1E7F9A (azul medio), #69C0BA (turquesa claro), #F4F7FA (gris muy claro), #FFFFFF (blanco).
- **Tipografía:** "Inter", sans-serif para títulos y cuerpo; usar pesos 400, 500, 700.
- **Estructura global:**
- `<header>` fijo con fondo blanco, sombra ligera, logo SVG (texto "Médica Perla"), menú de 5 enlaces (Inicio, Servicios, Sobre nosotros, Blog, Contacto) y un ícono de carrito que muestra la cantidad entre paréntesis.
- `<nav>` debe incluir dropdowns: "Servicios" despliega 3 columnas de enlaces internos; "Sobre
4.483 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.483 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 carrito
- 1.2 Hero con título, subtítulo y llamada a acción
- 1.3 Cuadrícula de servicios destacados (3 columnas)
- 1.4 Sección de confianza con iconos y texto breve
- 1.5 Área de testimonios rotativos
- 1.6 Blog destacado con tres artículos
- 1.7 Footer con enlaces de empresa, contacto, redes y suscripción
SERVICIOS
- 2.1 Encabezado de página con título y breadcrumb
- 2.2 Lista de servicios en tarjetas con icono, título y descripción
- 2.3 CTA para concertar cita
- 2.4 Footer común
ABOUT
- 3.1 Hero interno con imagen y misión
- 3.2 Texto institucional y valores
- 3.3 Equipo destacado en tarjetas
- 3.4 Footer común
BLOG
- 4.1 Cabecera del blog con filtro de categorías
- 4.2 Lista de artículos en tarjetas (imagen, título, extracto)
- 4.3 Paginación
- 4.4 Footer común
CONTACTO
- 5.1 Formulario de contacto con campos básicos
- 5.2 Mapa incrustado
- 5.3 Información de contacto rápida
- 5.4 Footer común
PROMPTS RELACIONADOS · SALUD Y MEDICINA