SALUD Y MEDICINA · Claude Design · HTML

MenteAlba — Prompt de diseño web para Claude AI

★★★★★4,8 4.214 descargas

Servicios de terapia y desarrollo personal Herramientas y acompañamiento para un cambio duradero.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea la página web de MenteAlba, una clínica de terapia y desarrollo personal, usando un solo archivo HTML con Tailwind CSS (CDN) y JavaScript vanilla. Reproduce la siguiente estructura y estilo sin copiar texto literal del original:

- **Paleta de colores**: #0D1F2D (azul marino profundo), #1E3A5F (azul medio), #FFFFFF (blanco), #F5F7FA (gris muy claro), #E63946 (rojo coral para acentos).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y cuerpos, peso 400‑700.
- **Header**: barra de navegación fija con logo de texto “MenteAlba”, enlaces alineados a la derecha (Sobre, Programas, Proceso, Blog) y un icono hamburguesa que abre/cierra el menú en móvil.
- **Hero**: sección a pantalla completa con fondo compuesto por tres imágenes superpuestas que se desvanecen lentamente

░∞∞♠═♦²╦ ░╦│◙▓║π ▀σ╚≤≡╫♠ ═│ß²╝π─ ╔²Σ║±≥√ ▓╡φΩΦ╬← ε░├∩╫Ω
 ╚²▀ⁿ╬└┴ ◘σΩπ■├╡ →≥█♦╫◘√ ♣τ∞◘└╬← Ω↑╗═√├α ▀≥┼▓┼├← ↓♦∞♣╡
╩ σ•∞▀φ≤┼ α◙╗┴▀♠╦ █└╝└█π∩ ╬ß┬║∞∞τ └²Σ├╫ⁿ∩ •╫≥│•╩♣ ┴╫╔ⁿ
♣← δ╡•┬↓╬π ←─→♣╔µΣ ▒∞◘▀◘δφ Φφ┬µ╬≡│ ß╚╣αⁿ■♠ σ◘↔╫╦µ─ └δΩ
ΦΦß ├↔♦ττ╦↑ ▒╝╝Σ░╚▒ ε░■≥─■▓ ♦↓┬■╫♣σ √±╚±♣╫Ω ╣∩Ω╬ⁿ•♦ ♦δ
▒≡↓┴ ╡♠├─²Σß ░•µⁿ║╠∩ ±┴╚σ◙■║ ╔╣╫◙╩→± ♦█Φ√∞←╡ ↓╡┤╩╩♠◘ µ
█♦Ω╡├ ♣╩▒Ω↔╦║ ┼├◘└┬±∩ ♠╦←├┤│┤ ≥╠╝╗◘♣ⁿ ∩▀↓τ┼•≤ ≥╩╚┬√♦Ω 
α▒╩↓─╠ ◙µ◘┬±╔φ ╡≡Ω■▀Ω█ ß╠²≡║╩τ ≤≤═ⁿΦ♣↑ ╣↓∞±↑┬α ß╠Ω•╗╔α
↔├╝■√√² α≥↓◘╬│╠ ┼╩≤═φ╦╝ ε╝╔≡≥ε╦ ≡↑Σß█╚↓ ┬φ║─ΩΣτ ═Ω↑╦Σ╗
 ┤┤↓■≤ⁿ▓ ┬σ√←▓ß∞ ╝µΣ╣→▓φ ◘♦≤→∩∞♣ ╡∞╠ε╗▒α •σ▓╗σß♦ δ╡πß╣
■ Φδ╗∞δ◘┼ µε•τ└├◙ ◙║◙Ω♦│╗ ↔╬√╔■↔Ω ╬∞♣±├ασ ²♠▒┬≡•▒

4.002 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.002 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 Hero con fondo animado, texto rotativo y botón primario
1.2 Bloque "Sobre nosotros" con título, párrafo y gráfica decorativa
1.3 Sección de Programas: cuadrícula de 4 tarjetas, cada una con imagen, título y breve descripción
1.4 Sección de Proceso: encabezado central y lista de pasos ilustrados
1.5 Footer: logo, enlaces de navegación (Sobre, Programas, Proceso, Blog), información de contacto y redes sociales