NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático autoconstruido en un único archivo HTML que reproduzca el diseño del laboratorio ficticio Consulta Andina. Usa Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).\\n\\n**Marca**: Consulta Andina, logo ficticio (SVG simple).\\n**Paleta de colores**: #0A2240 (azul oscuro), #1E3A8A (azul medio), #F3F4F6 (gris claro de fondo), #FFFFFF (blanco), #E5E7EB (gris mayor).\\n**Tipografía**: "Inter", sans-serif para todo el texto; encabezados en "Poppins", sans-serif, peso 600.\\n**Estructura**:\n- **Header** fijo, fondo blanco, sombra ligera, logo a la izquierda, menú horizontal (Home, Services, Research, Blog, Contact) y botón "Cita" en color azul medio con texto blanco.\\n- **Hero** sección a pantalla completa con slider automático (3 slides) usando Tailwind carou
4.183 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.183 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 Cabecera con logo, menú y botón cita
- 1.2 Hero slider (tres slides) con título y botón
- 1.3 Bloque "Sobre nosotros" con texto, botón y video de fondo
- 1.4 Marquee animado doble
- 1.5 Servicios en grid con número y descripción
- 1.6 Footer con navegación y datos de contacto
ABOUT US
- 1.1 Cabecera (reutiliza la global)
- 1.2 Imagen/ilustración introductoria
- 1.3 Texto descriptivo extenso
- 1.4 Galería de imágenes o vídeo
- 1.5 CTA a contacto
SERVICES
- 1.1 Cabecera global
- 1.2 Lista de servicios en tarjetas numeradas
- 1.3 Cada tarjeta con icono, título y breve descripción
- 1.4 Botón ver más
CONTACT US
- 1.1 Cabecera global
- 1.2 Formulario de contacto simple (nombre, email, mensaje)
- 1.3 Mapa incrustado (placeholder)
- 1.4 Información de contacto y horarios
BLOG
- 1.1 Cabecera global
- 1.2 Grid de artículos con imagen, título y extracto
- 1.3 Paginación simple
TEAM
- 1.1 Cabecera global
- 1.2 Grid de miembros del equipo con foto, nombre y cargo
- 1.3 Enlace a detalle de cada miembro
PROMPTS RELACIONADOS · SALUD Y MEDICINA