NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ágora Creciente (agoracreciente.com) siguiendo el patrón visual del sitio analizado. Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**
- Primario: #FF6B35 (naranja vibrante)
- Secundario: #1A202C (gris oscuro para fondos y textos)
- Acéntico: #F5F5F5 (gris claro para secciones separadoras)
- Texto principal: #2D3748
- Blanco: #FFFFFF
**Tipografía**
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts)
- Fuente secundaria para títulos: 'Poppins', sans-serif
**Estructura**
1. **Header / Navbar** – barra fija con logo a la izquierda, enlaces principales (Inicio, Sobre nosotros, Servicios, Portfolio, Blog, Contacto), dropdowns para páginas y utilidades en versión de
4.123 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.123 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 Navbar con logo, enlaces principales y dropdowns responsive
- 1.2 Hero con título destacado, subtítulo, botón secundario y mensaje breve
- 1.3 Separador visual de servicios
- 1.4 Bloque de imagen grande con textos superpuestos y overlay
- 1.5 Footer con enlaces de navegación y datos de contacto
ABOUT
- 2.1 Sección introductoria con imagen y texto descriptivo
- 2.2 Valores o misión en columnas
- 2.3 Equipo con tarjetas avatar
- 2.4 Footer
SERVICE
- 3.1 Lista de servicios en tarjetas con iconos
- 3.2 Detalle de proceso en pasos numerados
- 3.3 CTA y formulario de contacto breve
- 3.4 Footer
WORK
- 4.1 Galería de proyectos en grid responsive
- 4.2 Caso de estudio destacado con texto e imágenes
- 4.3 Testimonios en carousel
- 4.4 Footer
BLOG
- 5.1 Lista de artículos en cards con imagen, título y excerpt
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Paginación
- 5.4 Footer
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y redes sociales
- 6.4 Footer
PROMPTS RELACIONADOS · CORPORATIVO
