NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Spa Alba, una organización sin ánimo de lucro que trabaja por el acceso al agua y el desarrollo comunitario. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Incluir:
- Paleta de colores: #0A7A8C (azul profundo), #17A2B8 (azul acentuado), #F8F9FA (gris claro), #212529 (gris oscuro), #FFFFFF.
- Tipografía: "Inter" para títulos y body, importada desde Google Fonts.
- Header: barra fija con logo "Spa Alba" (texto, parte en color primario), menú de enlaces (Inicio, Sobre Nosotros, Proyectos, Donar, Contacto) y dropdown "Más" con enlaces a Blog, Voluntariado, Política de Privacidad. Botón de llamada a la acción "Contactar" a la derecha.
- Hero: sección full‑width con fondo degradado azul, título grande (display‑02) "Agua
3.569 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.569 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 y menú.
- 1.2 Hero con título, párrafo y botones.
- 1.3 Marquee de imágenes.
- 1.4 Contadores de impacto.
- 1.5 Grid de proyectos destacados.
- 1.6 CTA de unión/donación.
- 1.7 Footer con enlaces y contactos.
ABOUT
- 1.1 Imagen principal con título.
- 1.2 Texto descriptivo de la misión.
- 1.3 Equipo en tarjetas.
- 1.4 Valores en iconos.
- 1.5 CTA a participar.
- 1.6 Footer.
PROJECTS
- 1.1 Lista de proyectos en tarjetas.
- 1.2 Filtro por categoría.
- 1.3 Paginación.
- 1.4 CTA para colaborar.
- 1.5 Footer.
DONATE
- 1.1 Formulario de donación sencillo.
- 1.2 Opciones de monto predefinidas.
- 1.3 Información de uso de fondos.
- 1.4 Testimonios.
- 1.5 Footer.
CONTACT
- 1.1 Formulario de contacto.
- 1.2 Mapa incrustado.
- 1.3 Datos de contacto.
- 1.4 Enlaces a redes.
- 1.5 Footer.
PROMPTS RELACIONADOS · BELLEZA / SPA
