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

CivisPulse — Prompt de diseño web para Claude AI

Plataforma digital para campañas y gestión de apoyos políticos Herramientas para conectar ideas y ciudadanos.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una web completa para la marca ficticia CivisPulse, una plataforma SaaS para campañas políticas. Usa solo HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Reproduce el siguiente diseño y estructura: - Paleta de colores: #0A1F44 (azul marino), #1E3A8A (azul real), #F3F4F6 (gris claro), #FFFFFF (blanco), #FFB800 (amarillo acento). - Tipografía: Inter var (Google Fonts) para todo el texto, usar pesos 400, 600, 700. - Header: barra fija con fondo azul marino, logo a la izquierda (placeholder SVG), menú horizontal (Home, About, Blog, Contact), dropdown "Pages" con enlaces ficticios, botones a la derecha: "Únete a la comunidad" (estilo secundario) y "Donar" (primario). Incluye icono de carrito con contador. - Hero: sección full‑width, altura 80vh, fondo degradado azul oscuro
3.917 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.917 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
CivisPulse — 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 fijo con logo, menú principal y botones de comunidad y donación
  • 1.2 Hero con fondo oscuro, título destacado y dos botones de acción
  • 1.3 Bloque de valores con tres columnas y iconos
  • 1.4 Sección de iniciativas con tarjetas horizontales y botón ver más
  • 1.5 Área de testimonios con carrusel simple
  • 1.6 Últimas entradas del blog en grid de tres columnas
  • 1.7 Formulario de suscripción al boletín
  • 1.8 Footer con enlaces a políticas, redes sociales y datos de contacto

ABOUT

  • 2.1 Header (reutilizado)
  • 2.2 Hero interno con título y subtítulo
  • 2.3 Texto descriptivo de la organización
  • 2.4 Equipo con fotos y breves biografías
  • 2.5 Valores reforzados en cards
  • 2.6 Footer (reutilizado)

BLOG

  • 3.1 Header
  • 3.2 Lista de artículos en cards con imagen, título, extracto y botón leer más
  • 3.3 Sidebar con categorías y últimos posts
  • 3.4 Footer

CONTACT

  • 4.1 Header
  • 4.2 Hero con llamado a la acción de contacto
  • 4.3 Formulario de contacto (nombre, email, mensaje)
  • 4.4 Mapa incrustado (placeholder)
  • 4.5 Footer
PROMPTS RELACIONADOS · SIN FINES DE LUCRO

Otros prompts de la misma categoría