NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: Alianza Viva (alianzaviva.org). Tema visual: colores primarios #1A5A96 (azul profundo), #F2C94C (amarillo dorado), #FFFFFF (blanco) y acentos #E0E0E0 (gris claro). Tipografía: Inter (sans) para cuerpo, Playfair Display para títulos. Estructura:
- HEADER: barra superior con dirección "69 San Francisco Street Road, Los Angeles" a la izquierda y enlaces a Facebook, Twitter, YouTube, Instagram a la derecha, más enlace de texto "Únete". Debajo, barra de navegación con logo (SVG placeholder), menú desplegable "Páginas" con enlaces a Home, Sobre nosotros, Eventos, Blog, Contacto, Donar, y enlaces rápidos a Login y Donar ahora.
- HERO: contenedor centrado con título grande "Junto
3.928 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.928 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 ubicación y enlaces sociales
- 1.2 Navegación principal con logo, menú y botones de login/donar
- 2.1 Hero con título, subtítulo, botones y contadores de voluntarios y fondos
- 3.1 Formulario de suscripción al boletín
- 4.1 Bloque “Sobre nosotros” con imagen y texto
- 5.1 Sección de características con título y lista de beneficios
ABOUT US
- 1.1 Encabezado interno con título y breadcrumb
- 2.1 Imagen a la izquierda, texto a la derecha describiendo la misión
- 3.1 Galería de imágenes y testimonios
EVENTS
- 1.1 Lista de próximos eventos en tarjetas
- 2.1 Botón de registro para cada evento
BLOG
- 1.1 Grid de artículos con título, extracto e imagen
- 2.1 Paginación al final
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa incrustado con ubicación
DONATE
- 1.1 Sección de donación con botones de diferentes montos
- 2.1 Formulario de pago simulado
PROMPTS RELACIONADOS · EDUCACIÓN
