Carrito Iniciar sesión
SIN FINES DE LUCRO · Claude Design · HTML

VozColectiva — Prompt de diseño web para Claude AI

Organización sin fines de lucro dedicada a la justicia social y derechos humanos Espacios para escuchar y transformar voces.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web estática (HTML único) para la marca ficticia "VozColectiva" usando Tailwind CSS vía CDN y JavaScript vanilla. La web debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales. ## Paleta de colores - Principal: #1F3A93 (azul profundo) - Acento: #E94F37 (rojo coral) - Fondo claro: #F5F7FA - Texto oscuro: #2C3E50 - Texto claro: #FFFFFF ## Tipografía - Título y encabezados: "Montserrat", sans-serif, peso 700 - Texto cuerpo: "Open Sans", sans-serif, peso 400 - Carga ambas fuentes desde Google Fonts. ## Header - Logo a la izquierda (usar placeholder SVG con texto "VozColectiva"). - Menú horizontal con enlaces: Home, Sobre, Impacto, Alianzas, FAQ, Contacto. - Botón secundario "Contactar" con borde y fondo blanco, texto azu
4.792 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.792 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
VozColectiva — 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 logo, menú y botón de contacto
  • 1.2 Hero principal con frase motivadora, botones y objetos decorativos
  • 1.3 Vídeo de fondo a pantalla completa
  • 1.4 Sección "Sobre nosotros" con chips, título y grid de 4 tarjetas (texto + imagen + fondo coloreado)
  • 1.5 Sección "Cómo funciona" con layout de 3 columnas (placeholder)
  • 1.6 Sección "Impacto" con contadores y gráficos (placeholder)
  • 1.7 Sección "Alianzas" con logos de partners (placeholder)
  • 1.8 FAQ con lista de preguntas desplegables
  • 1.9 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

  • 2.1 Header propio (reutiliza del home)
  • 2.2 Título y descripción ampliada
  • 2.3 Galería de imágenes y testimonios (placeholder)

FAQ

  • 3.1 Lista de preguntas/ respuestas en formato acordeón

CONTACT

  • 4.1 Formulario de contacto simple (nombre, email, mensaje) y mapa (placeholder)
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · SIN FINES DE LUCRO

Otros prompts de la misma categoría