NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Moda Aurora" (dominio modaaurora.com) siguiendo los patrones visuales del HTML proporcionado. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Paleta de colores: #1A3E5D (azul marino), #F5A623 (ámbar), #E5E5E5 (gris claro), #FFFFFF (blanco), #000000 (negro). Tipografía: headings con 'Playfair Display', body con 'Inter', ambas importadas de Google Fonts.
Estructura:
- Header: navbar transparente, logo a la izquierda, menú desplegable con enlaces a Home, Sobre Nosotros, Causas, Proyectos, Eventos, Tienda, Blog y botón destacado "Donar ahora" en rojo ámbar. Incluye ícono de carrito con badge que muestra la cantidad de artículos.
- Hero: sección a pantalla completa con fondo de imagen de impacto,
3.717 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.717 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 transparente con logo, menú desplegable y botón de donación
- 1.2 Carrusel hero con imagen de fondo y llamada a la acción
- 1.3 Cuadrícula de tarjetas destacando causas, proyectos y eventos
- 1.4 Sección de productos destacados con botón "Añadir al carrito"
- 1.5 Testimonios rotativos
- 1.6 Llamada a suscribirse al newsletter
- 1.7 Footer con enlaces rápidos, redes sociales y datos de contacto
ABOUT US
- 2.1 Cabecera con imagen y título
- 2.2 Texto descriptivo de la organización
- 2.3 Valores en columnas con íconos
- 2.4 Equipo en tarjetas
- 2.5 Footer
PROJECTS
- 3.1 Lista de proyectos en cuadrícula con imágenes y filtros
- 3.2 Detalle de proyecto con galería y botón de donación
- 3.3 Footer
CAUSES
- 4.1 Lista de causas con filtros y botón "Apoyar"
- 4.2 Detalle de causa con información y botón de donación
- 4.3 Footer
EVENTS
- 5.1 Calendario de eventos en tarjetas
- 5.2 Detalle de evento con formulario de registro
- 5.3 Footer
SHOP
- 6.1 Catálogo de productos en cuadrícula
- 6.2 Página de producto con galería, descripción y botón "Añadir al carrito"
- 6.3 Carrito modal accesible desde cualquier página
- 6.4 Checkout simplificado
- 6.5 Footer
BLOG
- 7.1 Lista de artículos en formato tarjeta
- 7.2 Detalle de artículo con sección de comentarios
- 7.3 Footer
PROMPTS RELACIONADOS · MODA
