NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Diseña una página web completa para la marca ficticia **MenteSana** (servicios de terapia y bienestar psicológico) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El sitio debe reproducir la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales.
**Alcance**
- Header fijo con logo (texto "MenteSana" en tipografía sans-serif), menú horizontal (Home, Sobre nosotros, Planes, Blog, Contacto) y botón destacado "Agenda tu consulta".
- Hero de pantalla completa con fondo de imagen difuminada (placeholder), título principal grande, subtítulo con énfasis en cursiva, dos botones (primario y secundario) y tres métricas rápidas (Sesiones, Expertos certificados, Clientes satisfechos) con iconos SVG genéricos.
- Sección "Sobre noso
4.474 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.474 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, menú y botón de cita
- 1.2 Hero con fondo difuminado, título destacado, subtítulo, botones primario y secundario, y métricas rápidas
- 1.3 Bloque "Sobre nosotros" con imágenes en tres columnas y texto invitador
- 1.4 Carrusel de marcas asociadas (desktop)
- 1.5 Carrusel de marcas asociadas (mobile)
- 1.6 Sección "Por qué MenteSana" con tarjetas de ventajas, iconos y foto decorativa
- 1.7 Pie de página con enlaces, datos de contacto y redes
ABOUT
- 2.1 Encabezado con título y subtítulo descriptivo
- 2.2 Texto ampliado sobre la misión y la visión
- 2.3 Equipo de profesionales con foto y breves bios
- 2.4 Llamado a la acción para agendar consulta
PRICING
- 3.1 Tabla comparativa de planes y precios (sin valores numéricos)
- 3.2 Beneficios de cada plan
- 3.3 Botón de contratación para cada opción
BLOG
- 4.1 Lista de artículos con imagen, título y resumen
- 4.2 Categorías y filtros laterales
- 4.3 Paginación simple
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Información de ubicación y teléfono
- 5.3 Mapa incrustado (placeholder)
FOOTER
- 6.1 Enlaces rápidos (Home, Sobre nosotros, Servicios, Blog, Contacto)
- 6.2 Datos de contacto y dirección
- 6.3 Íconos de redes sociales
- 6.4 Aviso legal y política de privacidad
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
