Cart Log in
TECHNOLOGY · Claude Design · HTML

Civis United — Prompt de diseño web para Claude AI

Consultora y gestión de campañas políticas digitales Estrategia y participación ciudadana en la era digital.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia CIVIS UNITED (civisunited.com) siguiendo el diseño de una plantilla de campaña política. Utiliza únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. **Paleta de colores**: - Primario: #1E3A8A (azul marino) - Secundario: #FBBF24 (amarillo dorado) - Fondo: #F9FAFB (gris muy claro) - Texto principal: #111827 (gris casi negro) - Texto secundario: #6B7280 (gris medio) **Tipografía**: - Fuente principal: 'Inter', sans-serif (cargada desde Google Fonts) - Fuente secundaria para títulos: 'Playfair Display', serif **Estructura y layout** (HTML + Tailwind): 1. **Header (fixed top)** - Contenedor `flex items-center justify-between px-6 py-4 bg-primary text-white`. - Logo (svg o img) a la izquier
5.376 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.376 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
Civis United — 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 Cabecera fija con logo, navegación principal y carrito
  • 2.1 Hero con título, subtítulo y botones CTA
  • 3.1 Bloque de presentación (texto + imagen)
  • 4.1 Estadísticas (4 contadores)
  • 5.1 Propuestas en tarjetas (grid 3 columnas)
  • 6.1 Testimonios (carrusel)
  • 7.1 Llamado a donar (formulario rápido)
  • 8.1 Blog reciente (cards 3 columnas)
  • 9.1 Footer con enlaces y datos de contacto

ABOUT

  • 1.1 Cabecera idéntica a Home
  • 2.1 Sección institucional con foto y misión
  • 3.1 Equipo en tarjetas
  • 4.1 Valores en lista con íconos
  • 5.1 CTA a contactar

BLOG

  • 1.1 Cabecera
  • 2.1 Lista de artículos en tarjetas (imagen, título, extracto)
  • 3.1 Paginación inferior

DONATE

  • 1.1 Cabecera
  • 2.1 Formulario de donación (importe, datos, botón)
  • 3.1 Información de uso de fondos

CONTACT

  • 1.1 Cabecera
  • 2.1 Formulario de contacto (nombre, email, mensaje)
  • 3.1 Mapa embebido y datos de oficina

COMMUNITY

  • 1.1 Cabecera
  • 2.1 Enlace a foro externo y recursos de comunidad
  • 3.1 Botones de suscripción a newsletter
PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría

AI video · Avatars that sell

Build your own avatars and shoot ads without a camera

Pick the face, the voice and the script, and your avatar records for you. Ads ready to publish with no studio, no actors and no subscriptions: you go straight to the models and pay only for what you generate.

  • Custom avatars
  • Your voice, your script
  • No subscription
  • Ready to publish
Create my avatar
AvatarHype