NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Ágora Estratégica, una consultora de estrategia y coaching. Usa HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo principal: #FFFFFF
- Texto oscuro: #1A1A1A
- Texto gris medio: #6B7280
- Acento azul (botones, íconos): #2563EB
- Fondo secciones claras: #F9FAFB
- Fondo de bloques oscuros: #1F2937
**Tipografía**: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600.
**Estructura**:
1. **Header** fijo, sticky, con logo (SVG placeholder), menú horizontal (About, Services, Blog, Contact), botón secundario "Reserva gratuita" con ícono flecha.
2. **Hero** a pantalla completa: título grande (h1) "Ideas claras, decisiones acertadas", subtítulo opcional, botón CTA "Reserva gratu
4.149 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.149 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 Header con logo, menú principal y botón de contacto
- 1.2 Hero con título, botón CTA y imagen de portada
- 1.3 Bloque “Cómo ayudamos” con texto introductorio y cuadrícula de cuatro puntos de valor
- 1.4 Sección de Servicios con tarjetas descriptivas y botones de detalle
- 1.5 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Imagen principal y presentación de la empresa
- 2.3 Equipo y valores
- 2.4 CTA a contacto
- 2.5 Footer (reutilizado)
SERVICES
- 3.1 Header (reutilizado)
- 3.2 Lista de servicios con tarjetas de título, descripción corta y etiquetas
- 3.3 Imagen ilustrativa por servicio
- 3.4 Botón CTA a reserva de sesión
- 3.5 Footer (reutilizado)
BLOG
- 4.1 Header (reutilizado)
- 4.2 Lista de artículos con miniaturas y extractos
- 4.3 Paginación
- 4.4 Footer (reutilizado)
CONTACT
- 5.1 Header (reutilizado)
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Información de contacto y mapa
- 5.4 Footer (reutilizado)
PROMPTS RELACIONADOS · EDUCACIÓN
