NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Taller Aurora, fundación sin ánimo de lucro, usando solo HTML estático con Tailwind CSS vía CDN y JavaScript vanilla (un único archivo). Sigue estrictamente la estructura y estilo del prototipo analizado:
- **Paleta de colores**: #0D3B66 (azul profundo), #FAF0CA (crema), #F4D35E (amarillo cálido), #EE964B (naranja suave), #F95738 (rojo coral) y blanco #FFFFFF para fondos y texto contrastante.
- **Tipografía**: Heading con "Montserrat" (sans‑serif, weight 700) y body con "Open Sans" (weight 400). Importa las fuentes desde Google Fonts.
- **Header**: barra superior con mensaje breve y botón de donación; barra de navegación con logo (SVG placeholder), enlaces: Inicio, Sobre nosotros, Programas, Noticias, Donar, Contacto; botón destacado "Don
4.292 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.292 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 superior de mensaje corto y llamado a la acción
- 1.2 Navegación principal con logo, enlaces a páginas y botón destacado de donación
- 1.3 Hero con título principal, subtítulo, botón primario y bloques de métrica
- 1.4 Imagen destacada del hero con elemento decorativo
- 1.5 Sección "Sobre nosotros" con galería de imágenes, título, descripción y tres indicadores de impacto
- 1.6 Sección "Programas" con tarjetas de proyectos, imagen, título, barra de financiación, categoría y botón de detalle
ABOUT
- 2.1 Cabecera de página con título
- 2.2 Texto descriptivo de la misión y visión
- 2.3 Imagen principal acompañada de animación on‑scroll
- 2.4 Bloque de estadísticas resumidas (voluntarios, fondos, países)
CASES
- 3.1 Grid de proyectos con tarjeta individual
- 3.2 Imagen del proyecto, título, barra de progreso, monto recaudado y meta
- 3.3 Etiqueta de categoría y botón "Ver programa"
DONATE
- 4.1 Formulario sencillo de donación con campos de monto y datos de contacto
- 4.2 Botón de envío destacado
CONTACT
- 5.1 Formulario de contacto con nombre, email y mensaje
- 5.2 Información de dirección y redes sociales
FOOTER
- 6.1 Enlaces rápidos a secciones principales
- 6.2 Iconos de redes sociales
- 6.3 Texto de derechos y política de privacidad
PROMPTS RELACIONADOS · NOTICIAS / PERIÓDICO
Otros prompts de la misma categoría
PROMPTNoticias / Periódico
Studio Aurora
★★★★★ 1.381 descargas
GRATIS0€
PROMPTNoticias / Periódico
AyudaClave
★★★★★ 1.249 descargas
GRATIS0€
PROMPTNoticias / Periódico
Noticias Lúmina
★★★★★ 608 descargas
GRATIS0€
PROMPTNoticias / Periódico
NexoSoporte
★★★★★ 3.916 descargas
GRATIS0€