NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Glow Duna" (dominio glowduna.com) usando solo HTML, TailwindCSS (CDN) y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura de la plantilla analizada, sin copiar texto literal. Utiliza los siguientes recursos:
- Paleta de colores: #0B3D91 (azul marino), #2E7D32 (verde bosque), #FFFFFF (blanco), #F5F5F5 (gris claro), #333333 (texto oscuro).
- Tipografía: "Inter" para encabezados y cuerpo, cargada desde Google Fonts.
- Header: barra superior con mensaje "Únete a nuestro movimiento – Regístrate para ser voluntario este fin de semana" y enlace de registro, número de teléfono (888) 123‑4567. Debajo, barra de navegación con logo (texto "Glow Duna"), menú principal con items Home, About, Donation, Pag
3.518 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.518 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 mensaje de llamado a la acción y número de contacto
- 1.2 Navegación principal con logo, menú principal y mega‑menu con vídeo
- 1.3 CTA destacado en la zona superior derecha
- 1.4 Sub‑menú Blog con enlaces a entradas
- 1.5 Área de contacto rápido (teléfono) y botón de registro voluntario
- 1.6 Footer con iconos sociales, créditos y enlaces legales
ABOUT
- 2.1 Imagen de encabezado con título y descripción breve
- 2.2 Texto explicativo de la misión y visión
- 2.3 Galería de fotos de acciones
- 2.4 Testimonios en carrusel
- 2.5 CTA para unirse a la causa
DONATION
- 3.1 Banner con llamado a donar y botón destacado
- 3.2 Formulario de donación rápido
- 3.3 Información de cómo se utilizan los fondos
- 3.4 Historias de impacto
- 3.5 FAQ sobre donaciones
BLOG
- 4.1 Lista de artículos con imagen destacada y resumen
- 4.2 Filtro por categorías
- 4.3 Barra lateral con posts recientes y categorías
- 4.4 Paginación
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado con ubicación de la sede
- 5.3 Información de contacto directa (teléfono, email)
- 5.4 CTA para suscripción a newsletter
404
- 6.1 Mensaje de error amigable y botón de regreso a inicio
401
- 7.1 Mensaje de acceso restringido y formulario de login
PROMPTS RELACIONADOS · BELLEZA / SPA
