NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática (single‑file) para la marca ficticia "Estética Valle" usando solo HTML, Tailwind CSS CDN y JavaScript vanilla. Reproduce la estructura y el estilo del sitio analizado sin copiar texto ni imágenes originales.
### Paleta de colores
- Primario: #F9A825 (amarillo cálido)
- Secundario: #374151 (gris oscuro)
- Fondo: #FFFFFF
- Texto principal: #1F2937
- Overlays: negro con opacidad 0.4 (rgba(0,0,0,0.4))
### Tipografía
- Font family: Inter (cargar desde Google Fonts)
- Títulos: font‑weight 800, tracking wide
- Cuerpo: font‑weight 400, leading relaxed
### Header
- Barra fija con logo a la izquierda, menú de navegación centrado (Our Programs, Our Projects, About Us, Blog, Get Involved) y dos botones a la derecha: "Teléfono" con ícono y "Donar" (botón amarillo).
- Men
4.346 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.346 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 Header con logo, menú principal y botones de contacto y donación
- 1.2 Hero con título destacado, subtítulo y botón CTA
- 1.3 Slider de testimonios con fondo de imagen, overlay oscuro y texto de cita
- 1.4 Footer con enlaces institucionales y redes sociales
PROGRAMAS
- 2.1 Header reutilizado
- 2.2 Listado de programas con tarjetas descriptivas
- 2.3 CTA para participar o aportar
- 2.4 Footer
PROYECTOS
- 3.1 Header reutilizado
- 3.2 Grid de proyectos con imágenes de fondo y overlay
- 3.3 Breve descripción y enlace a detalle
- 3.4 Footer
SOBRE NOSOTROS
- 4.1 Header reutilizado
- 4.2 Texto institucional y valores
- 4.3 Equipo con fotos circulares
- 4.4 Footer
BLOG
- 5.1 Header reutilizado
- 5.2 Lista de entradas con imágenes y extractos
- 5.3 Paginación simple
- 5.4 Footer
CONTACTO
- 6.1 Header reutilizado
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Información de contacto y mapa embebido
- 6.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
