NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca la estructura y estilo visual de la plantilla analizada, pero bajo la marca ficticia **Médica Boreal** (clínica de salud mental). Utiliza solo **HTML, Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. No uses ninguna librería externa adicional.
---
**Paleta de colores** (extrae los tonos predominantes del original y adapta):
- #1A4038 (verde‑azulado profundo, fondo principal)
- #F0F4F8 (gris muy claro, fondos secundarios y áreas de texto)
- #FFFFFF (blanco puro, textos y tarjetas)
- #7AA89E (verde‑gris suave, acentos y botones)
- #333333 (gris casi negro, texto principal)
**Tipografía**: Usa la familia `Inter` desde Google Fonts para todo el sitio. Título principal `font-bold text-5xl md:text-6xl`, subtítulos `font-semibold t
5.794 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.794 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 y menú hamburguesa
- 1.2 Hero con título oculto, imágenes apiladas y lista de palabras clave
- 1.3 Sección Sobre nosotros con texto y foto redondeada
- 1.4 Sección Servicios con grid de tarjetas, cada una con overlay de hover
- 1.5 Sección Testimonios (placeholder para futuros slides)
- 1.6 Pie de página con navegación secundaria y datos de contacto
SOBRE NOSOTROS
- 2.1 Título descriptivo
- 2.2 Imagen principal con borde redondeado
- 2.3 Texto explicativo de la misión y enfoque
SERVICIOS
- 3.1 Título de la sección
- 3.2 Grid de 3 tarjetas con imágenes y overlay de hover que repite el nombre del servicio
- 3.3 Cada tarjeta con borde redondeado y efecto de aparición al desplazarse
TESTIMONIOS
- 4.1 Título de la sección
- 4.2 Carrusel simple de citas de clientes (placeholder)
FOOTER
- 5.1 Logo pequeño y claim
- 5.2 Enlaces de navegación secundaria
- 5.3 Íconos de redes sociales
- 5.4 Información de contacto y derechos reservados
PROMPTS RELACIONADOS · SALUD Y MEDICINA