NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Consulta Cobalto" (consultacobalto.com) siguiendo el patrón visual del sitio analizado. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**: principal #0A3D62 (azul oscuro), acento #1E90FF (azul brillante), fondo #F5F7FA (gris muy claro), texto principal #212529 (gris casi negro), texto secundario #6C757D.
**Tipografía**: headings con "Inter" (sans-serif, peso 600), cuerpo con "Roboto" (sans-serif, peso 400). Importar fuentes desde Google Fonts.
**Header**: barra sticky, logo a la izquierda (SVG placeholder), menú horizontal con enlaces Home, Sobre Nosotros, Servicios, Artículos, Equipo, Contacto. Enlace de llamada a la acción destacado "Reservar cita" con borde y fondo azul brillante.
4.414 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.414 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 fija con logo, menú y botón de reserva
- 1.2 Hero con título animado, descripción y carrusel de especialidades
- 1.3 Servicios destacados en tres columnas
- 1.4 Equipo profesional en tarjetas
- 1.5 Testimonios rotatorios
- 1.6 CTA para reservar cita
- 1.7 Footer con navegación, redes y contacto
ABOUT US
- 2.1 Banner interno con título y subtítulo
- 2.2 Texto descriptivo de la clínica y su misión
- 2.3 Valores en iconos
- 2.4 Historias de pacientes destacadas
- 2.5 CTA a contacto
SERVICE
- 3.1 Lista de especialidades con tarjeta expandible
- 3.2 Información de cada servicio y botón de solicitud
- 3.3 FAQ colapsable
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Horario y teléfono
LATEST ARTICLES
- 5.1 Grid de artículos recents con imagen, título y resumen
- 5.2 Paginación simple
TEAM MEMBERS
- 6.1 Grid de perfiles del equipo con foto, nombre, especialidad y redes
UTILITY PAGES (privacy, terms, etc.)
- 7.1 Texto informativo estático según la página
PROMPTS RELACIONADOS · SALUD Y MEDICINA