NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Voz Ciudadana" (vozciudadana.com), sector campañas políticas, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del sitio analizado: Header absoluto con fondo transparente, logo a la izquierda, menú de navegación horizontal (Home, Sobre nosotros, Blog, Comunidad, Donar, Contacto) en blanco, dropdown "Pages" con enlaces internos y utility, botón carrito en la esquina derecha que abre un sidebar. Hero a pantalla completa con imagen de fondo tenue, título grande, subtítulo y dos botones (primario azul, secundario blanco). Bloques siguientes: 3 columnas de valores con icono, título y texto; grid de últimas entradas del blog (tarjetas con imagen, título, extracto, enlace); sección de c
3.315 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.315 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 Header fijo con logo, menú y carrito
- 1.2 Hero con título, subtítulo y botones (Unirse, Donar)
- 1.3 Valores (Integridad, Transparencia, Progreso) en columnas
- 1.4 Últimas entradas del blog en tarjetas
- 1.5 Comunidad: invitación a unirse y botón
- 1.6 Donación: breve texto y botón primary
- 1.7 Footer con columnas: Navegación, Legal, Redes, Suscripción
ABOUT
- 1.1 Header igual que Home
- 1.2 Hero con foto del candidato y mensaje
- 1.3 Historia en bloques de texto e imágenes
- 1.4 Equipo con tarjetas de perfil
- 1.5 Valores profundizados
- 1.6 Footer consistente
BLOG
- 1.1 Header
- 1.2 Lista de artículos en grid con imágenes, títulos y extractos
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer
COMMUNITY
- 1.1 Header
- 1.2 Invitación a la comunidad con formulario de registro
- 1.3 Testimonios en carrusel
- 1.4 Footer
DONATE
- 1.1 Header
- 1.2 Formulario de donación con opciones de monto y método de pago
- 1.3 Información de transparencia de fondos
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado y datos de oficina
- 1.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
