NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Belleza Valle" (bellezavalle.com) inspirándose en la estructura y estilo del template analizado. Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A3D62 (azul profundo), #1ABC9C (verde esperanza), #F4F6F7 (gris claro), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y texto, peso 400‑700.
HEADER: barra de navegación fija, fondo blanco, logo a la izquierda (placeholder SVG), enlaces: Home, Sobre nosotros, Programas, Donar, Blog, Contacto; botón CTA a la derecha "Apoya" con fondo #1ABC9C y texto blanco. Menú responsive con hamburguesa.
HOME se construye en bloques numerados:
1.1 Hero: sección full‑width con fondo degradado azul‑verde, título grande en Inter Bold,
3.828 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.828 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 principal con título, subtítulo y botón CTA
- 1.2 Estadísticas clave en bloques con iconos
- 1.3 Área de programas destacados en tarjetas con imagen y breve descripción
- 1.4 Testimonios en carrusel horizontal
- 1.5 Llamado a suscribirse al boletín con formulario simple
- 1.6 Footer con navegación, contactos y redes sociales
ABOUT US
- 1.1 Mensaje institucional con imagen de cabecera
- 1.2 Historia de la organización en dos columnas
- 1.3 Valores y misión en tarjetas con iconos
- 1.4 Equipo destacado en cuadrícula
- 1.5 Footer
PROGRAMS
- 1.1 Lista de programas con imagen, título y breve descripción
- 1.2 Filtro por categoría
- 1.3 Botón “Conocer más” bajo cada tarjeta
- 1.4 Footer
DONATE
- 1.1 Formulario de donación con montos predefinidos y opción personalizada
- 1.2 Testimonios de beneficiarios
- 1.3 Información de transparencia y uso de fondos
- 1.4 Footer
BLOG
- 1.1 Grid de artículos con imagen, título y extracto
- 1.2 Paginación al fondo
- 1.3 Sidebar con categorías y archivo
- 1.4 Footer
CONTACT US
- 1.1 Mapa integrado
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de oficina y teléfonos
- 1.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
