SIN FINES DE LUCRO · Claude Design · Tailwind CSS · JavaScript Vanilla

Fundacion Aurora: web cooperativa solidaria con donaciones y voluntariado

★★★★★4,8 2.002 descargas

Theme web para Fundacion Aurora, cooperativa sin ánimo de lucro centrada en proyectos sociales y cívicos. Incluye hero con contadores animados de voluntarios y fondos, suscripción al boletín, bloque sobre nosotros y sección de características, todo en HTML estático con Tailwind CDN.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una web completa para la marca ficticia "Fundacion Aurora" (fundacionaurora.com) siguiendo los patrones de UI del sitio analizado. Utiliza solo HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. 

**Paleta de colores**: #1A202C (gris oscuro), #2D3748 (gris medio), #4A90E2 (azul marca), #F7FAFC (blanco suave), #E2E8F0 (gris claro). 
**Tipografía**: "Inter" para encabezados y cuerpo, cargada desde Google Fonts. 

**Header**
1. Barra superior (bg #2D3748, texto #F7FAFC): ubicación ficticia, iconos de redes (Facebook, X, YouTube, Instagram) en blanco, enlace "join tdp" estilo botón texto. 
2. Navbar principal (bg #1A202C, logo SVG en azul marca, enlaces: Home, About, Events, Blog, Contact; botón secundario "Login" texto gris, botón primario "Donate now" con f

≤σ┴≡╠↔♦² σß╦╔∩♣τ φ┬║≤≤═■ ²╬╫┼├≤σ ═■┼♦┴Φ• Σµ±╩╔─╡ •τⁿ→◙─
 └τ√▓▓≡│ ⁿ↑ß∞≡╩Φ ═Ω╝≤ⁿß² ²╫╣─└■█ Ωµ→φ└┤▓ ┬║║σ╚Φ≡ µΩ█└▒
┴ ΣΦ│δ♦└◙ ─±┬░╬╗╝ ↔┤≡ß↔ßδ ▒┬─╗≤│═ →█◙♦╬▀╝ Φ↔├╠π║² █↔→δ
╦ⁿ ≡←♠╡π↓╚ ∩◘♠π◙♣│ µ•←▒┼╠╫ ┴■Ω♣µⁿ■ ╩╚│╦²♠└ ▀╦╗²╝■Φ σ▀♦
╫╡┤ ╣╣φ■├≥Σ ↑┴•╬←σ• ╬♦█╬τ│─ ≡τ░α∩╡≡ ↑Σ∩∩τ╚π ∩║→α┴≤ε ▒τ
╔φ┴═ ♠▒∞↑µ∞♠ ◘■═ß•ⁿ▓ ↔╫█♣Σ±φ │▓▀╝↑α┴ φΦµ─ⁿ↔╦ ≡╡Ω◘→◙√ ╦
═φ╝♣┬ ▀╩┴╬╬▀┼ ↓╡↑╬░♣≥ ╫σ•▒■≤┤ φ│┤╦╦╗≡ █╚╠╔↓ΦΩ ╩─▀╠═↑├ 
╗σ↑░≤↑ ║▒∞╔═╔² ░▀♦│▓αδ Σ∞╬░≥ß≥ ²≤•╬♠◘╩ ╚┴φ∩┼╡• ²┬■╝║φ╠
▓≥τ≥Σ∩ε ╫║↑Ω╗↔≡ ◘┤ε└♦←δ ░≥╗─∩├█ ♠║≥↓╬←² ▓█π░◙≤Σ ╦╡┬√σ░
 ╩╚Φ╣²♣♠ ²█♣█░╫Φ ■♣ß╚ß┴╩ ◘±╫δ║♦π ╩╠┬←─═• ²εδ█┼╬φ ╗σ■ⁿΦ
┴ │Σ╬╩↔♣└ ≡ß≡╚φ╬█ ├▓•♦≤─≤ ∩π╡╗π╝Φ ╣→╠→δ↔≥ ▀╡╡Σµ╬π

4.689 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.689 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 con dirección, iconos de redes y enlace "join tdp"
1.2 Navegación principal con logo, mega‑menu y botones "Login" y "donate now"
1.3 Hero: título principal, frase de impacto, botones "join the campaign" y "donate now", imagen hero y contadores de voluntariado y fondos
1.4 Sección "join the campaign": formulario de nombre y email con botón de envío
1.5 Bloque "about us": título, texto motivador y dos imágenes alineadas
1.6 Sección de características: título, subtítulo y tarjetas informativas

ABOUT US

1.1 Título con mensaje inspirador y enfasis en la palabra clave
1.2 Imagen principal a la izquierda y texto descriptivo a la derecha
1.3 Imagen secundaria dentro del mismo bloque

FEATURES

1.1 Título de sección con énfasis en la marca
1.2 Subtítulo descriptivo
1.3 Lista de tarjetas informativas (líderes, iniciativas, impacto, etc.)

PROMPTS RELACIONADOS · SIN FINES DE LUCRO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Fundacion Aurora
Sector: Cooperativa sin ánimo de lucro dedicada a proyectos sociales y cívicos
Claim: Juntos construimos oportunidades

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Barra superior con dirección, enlaces a redes y botón de acceso rápido
1.2 Navegación principal con logo, mega‑menu, enlaces de página y botones de login / donación
1.3 Hero con título destacado, subtítulo, botón de unirse y botón de donar, ilustración a la derecha y contadores animados de voluntarios y fondos
1.4 Sección de suscripción al boletín con formulario de nombre y email
1.5 Bloque "Sobre nosotros" con título, texto descriptivo y galería de imágenes dobles
1.6 Área de características con título, subtítulo y tarjetas informativas

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Fundacion Aurora: web cooperativa solidaria con donaciones y voluntariado

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

ABOUT US

FEATURES

Otros prompts de la misma categoría

Lexora Advisory

Lexora Consultores

Ayuda Vega

VozColectiva