NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo que reproduzca el diseño visual y la estructura de la web analizada, usando la marca ficticia **Soft Aurora** (plataforma de donaciones y comercio solidario). El sitio debe estar construido en **HTML** único con **Tailwind CSS CDN** y **JavaScript vanilla** (sin frameworks). Utiliza la siguiente paleta de colores: #0A3D62 (azul oscuro), #1E90FF (azul brillante), #F2F2F2 (gris claro), #FFFFFF (blanco), #FF6F61 (coral acento). Tipografía principal: **Inter** (Google Fonts), pesos 400 y 600; tipografía secundaria para headings: **Playfair Display**, peso 700.
**Requisitos estructurales**:
- **Header**: barra de navegación fija, logo a la izquierda, menú horizontal con dropdowns (Demos, Sobre Nosotros, Todas las páginas) y enlaces directo a Causas, Proyectos, Evento
4.431 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.431 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 de navegación fija con logo, menú desplegable y botón de carrito
- 1.2 Hero con fondo de imagen, título llamativo y botón de donación
- 1.3 Sección de estadísticas con contadores animados
- 1.4 Cuadrícula de causas destacadas con tarjetas y botón "Descubrir"
- 1.5 Slider de proyectos recientes con imágenes y breve descripción
- 1.6 Llamada a la acción para suscribirse al boletín
- 1.7 Footer con enlaces institucionales, redes sociales y datos de contacto
CAUSES
- 2.1 Lista de causas en formato tarjeta con imagen, título y botón "Apoyar"
PROJECTS
- 3.1 Galería de proyectos con filtro por categoría y botón "Ver detalle"
SHOP
- 4.1 Catálogo de productos solidarios en grid responsivo con botones "Añadir al carrito"
EVENTS
- 5.1 Calendario de eventos con tarjetas de fecha, título y enlace a registro
ABOUT US
- 6.1 Historia de la organización, misión y valores
- 6.2 Equipo directivo en formato tarjetas
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, mensaje y mapa incrustado
PROMPTS RELACIONADOS · TECNOLOGÍA