NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
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
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, 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 · TECNOLOGÍA