NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **AlbaCausa** (sin ánimo de lucro). Utiliza HTML unificado con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Debe replicar la estructura y estilo del sitio analizado, sin copiar textos ni imágenes reales.
**Paleta de colores** (usar en Tailwind config inline):
- Verde principal: #2E7D32
- Verde claro: #A5D6A7
- Gris oscuro: #424242
- Gris claro: #F5F5F5
- Blanco: #FFFFFF
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400 y 600 donde corresponda.
**Header / Navbar** (fijo, fondo blanco, sombra ligera):
- Logo a la izquierda (placeholder SVG).
- Enlaces: Inicio, Programas, Eventos, Sobre Nosotros (dropdown con Quiénes somos, Blog, Colaboradores), Involúcrate.
- Botón secundario "Contacto" y botón primario "Do
4.673 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.673 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 Navbar con logo, enlaces principales, dropdown y botones de contacto/donación
- 2.1 Hero interno con subtítulo, título centrado, etiquetas descriptivas y mockup de pantalla
- 3.1 Sección de contenido explicativo con título, párrafo y cuadrícula de iconos con textos descriptivos
- 4.1 Bloque CTA con título, párrafo resaltado y dos botones de acción sobre fondo oscuro
PROGRAMAS
- 1.1 Navbar (reutilizado)
- 2.1 Cabecera de página con título y descripción breve
- 3.1 Lista de programas en tarjetas con imagen, título y botón "Más info"
EVENTOS
- 1.1 Navbar (reutilizado)
- 2.1 Cabecera de eventos con título y filtro de categorías
- 3.1 Cuadrícula de eventos con fecha, imagen y enlace a detalle
ABOUT US
- 1.1 Navbar (reutilizado)
- 2.1 Sección de misión y visión con texto y foto ilustrativa
- 3.1 Equipo en tarjetas con foto, nombre y rol
GET INVOLVED
- 1.1 Navbar (reutilizado)
- 2.1 Formulario de voluntariado con campos básicos y botón enviar
CONTACT
- 1.1 Navbar (reutilizado)
- 2.1 Formulario de contacto con nombre, email, mensaje y botón enviar
- 3.1 Información de contacto y mapa incrustado
FOOTER
- 1.1 Enlaces institucionales, redes sociales, datos de la ONG y suscripción al boletín
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2