NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia AYU MUNDO, una plataforma sin ánimo de lucro que ofrece herramientas para fundaciones y campañas de recaudación. Usa HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Paleta de colores: #2C3E50 (azul marino), #1ABC9C (turquesa), #ECF0F1 (gris claro), #FFFFFF (blanco), #E74C3C (rojo acento). Tipografía: Inter (Google Fonts) para títulos y texto, peso 400/600. Estructura:
1. Header fijo con logo a la izquierda, menú de anclaje (Demo, Features, Free Figma File, Usability) centrado y botón "Descubre" a la derecha. Menú colapsable en móvil (icono hamburguesa).
2. Hero section ocupar 100vh con título grande (text-5xl md:text-6xl, font-semibold, color #2C3E50), subtítulo (text-xl, color #2C3E50), dos botones ("
3.857 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.857 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 Cabecera fija con logo, menú y botón primario
- 1.2 Hero con título, subtítulo, botones y carrusel de imágenes
- 1.3 Sección Demo con botón de exploración
- 1.4 Sección Features con lista de ventajas en columnas
- 1.5 Sección Free Figma File con llamado a descarga
- 1.6 Sección Usability con texto explicativo y media
- 1.7 Footer con enlaces, redes y contacto
DEMO
- 2.1 Título de la página demo y breve descripción
- 2.2 Mockup interactivo o placeholder de video
FEATURES
- 3.1 Título y párrafo introductivo
- 3.2 Cuatro tarjetas con icono, título y descripción corta
FREE FIGMA FILE
- 4.1 Título y botón de descarga
- 4.2 Imagen ilustrativa del archivo
USABILITY
- 5.1 Título y párrafo sobre usabilidad
- 5.2 Imagen o video de ejemplo
FOOTER
- 6.1 Logo y breve texto institucional
- 6.2 Enlaces de navegación secundarios
- 6.3 Íconos de redes sociales
- 6.4 Información de contacto y derechos reservados
PROMPTS RELACIONADOS · MODA
