Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

CulturaViva — Prompt de diseño web para Claude AI

Asociación cultural y eventos comunitarios Conectamos historias y tradiciones locales.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
CulturaViva — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia "CulturaViva" (culturaviva.com) usando sólo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado: - **Header** fijo con logo a la izquierda, menú de navegación con dropdowns ("Demos", "Sobre nosotros", "Todas las páginas") y botón primario "Unirse a la comunidad" con efecto de clip. - **Hero** a pantalla completa con fondo de imagen, título grande en blanco, subtítulo y botón de llamada a la acción. - **Bloque de demos**: tres tarjetas horizontales, cada una con imagen de captura, overlay al hover y título debajo. - **Sección de rendimiento**: cuadrícula de 4 items mostrando métricas (Google PageSpeed, Performance Grade, PageSpeed Score, GTmetr
3.975 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.975 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
CulturaViva — home completa
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 Header con barra de navegación, logo, dropdowns y botón de acceso a la comunidad
  • 1.2 Hero principal con título, subtítulo y fondo ilustrativo
  • 1.3 Bloque de presentación de demos pre‑construidos con tarjetas enlazables
  • 1.4 Sección de métricas de rendimiento con barras de progreso
  • 1.5 Galería de características clave con íconos y descripciones
  • 1.6 Footer con enlaces de soporte, redes y datos de contacto

ABOUT US

  • 2.1 Header (reutilizado)
  • 2.2 Hero secundario con título y descripción institucional
  • 2.3 Texto histórico y galería de imágenes
  • 2.4 Llamada a la acción para unirse a la comunidad
  • 2.5 Footer (reutilizado)

EVENTS

  • 3.1 Header
  • 3.2 Lista de eventos con tarjetas, fechas y botón "más información"
  • 3.3 Calendario interactivo sencillo
  • 3.4 Footer

PROGRAMS

  • 4.1 Header
  • 4.2 Cuadrícula de programas con miniaturas y breves descripciones
  • 4.3 Botón para ver detalles de cada programa
  • 4.4 Footer

MEMBERSHIP

  • 5.1 Header
  • 5.2 Formulario de alta con campos básicos y botón "Unirse"
  • 5.3 Beneficios de la membresía en lista con iconos
  • 5.4 Footer

CONTACT US

  • 6.1 Header
  • 6.2 Formulario de contacto (nombre, email, mensaje)
  • 6.3 Mapa estático y datos de localización
  • 6.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría