NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Impacto Vega** (centro comunitario y de fe) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce el diseño visual y la estructura del sitio analizado:
- **Paleta de colores**: #0E0E0E (negro profundo), #FFFFFF (blanco puro), #F5F5F5 (gris claro), #0077B6 (azul vibrante para acentos), #E0E0E0 (gris para fondos de secciones). Usa estos colores para fondos, tipografía y botones.
- **Tipografía**: `Inter` para todo el texto (cargar desde Google Fonts) y `Merriweather` para títulos principales.
- **Header**: barra fija con logo (texto "Impacto Vega" en azul vibrante), menú principal con ítems *Inicio*, *Sobre nosotros*, *Donaciones*, *Eventos*, *Contacto*; cada ítem abre un dropdown con enlaces inter
4.165 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.165 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ú desplegable y buscador
- 1.2 Hero de portada con título y descripción
- 1.3 Galería de previsualizaciones de demos
- 1.4 Bloque de métricas de rendimiento
- 1.5 Sección de testimonios y CTA
- 1.6 Footer con enlaces y datos de contacto
DEMOS
- 2.1 Cabecera idéntica a Home
- 2.2 Hero adaptado al demo seleccionado
- 2.3 Contenido interno del demo (texto, imágenes, bloques de información)
- 2.4 Footer idéntico
ABOUT
- 3.1 Cabecera idéntica
- 3.2 Hero con título "Sobre Impacto Vega"
- 3.3 Bloque histórico y misión
- 3.4 Equipo y comunidad
- 3.5 Footer
DONATIONS
- 4.1 Cabecera
- 4.2 Hero con llamado a la donación
- 4.3 Formulario simple de aportación
- 4.4 Información de causas
- 4.5 Footer
EVENTS
- 5.1 Cabecera
- 5.2 Hero listado de eventos
- 5.3 Tarjetas de eventos con imágenes y fechas
- 5.4 Footer
CONTACT
- 6.1 Cabecera
- 6.2 Hero "Contáctanos"
- 6.3 Formulario de contacto (nombre, email, mensaje)
- 6.4 Mapa integrado
- 6.5 Footer
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2