NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera un sitio web corporativo single-file (HTML + Tailwind CDN + JavaScript vanilla) para la consultora ficticia 'Cumbral Partners', especializada en operaciones para empresas medianas. Claim: 'Operaciones que sostienen el crecimiento'. Dominio: cumbralpartners.com. Email: hola@cumbralpartners.com. Año: 2025. Idioma: español de España. Estilo editorial premium, sobrio, con aire de revista de negocios.
## Stack y requisitos técnicos
- Un único archivo HTML autocontenido.
- Tailwind CSS por CDN.
- Google Fonts: 'Fraunces' (serif, para titulares, weights 300-500) y 'Inter' (sans, para cuerpo y UI, weights 400-500).
- JavaScript vanilla para: menú móvil, dropdown de servicios, animaciones al scroll con IntersectionObserver (fade-up, fade-left), contadores animados de estadísticas y carrusel
7.561 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.561 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 oscuro con dropdown de Servicios y botón 'Reservar llamada'
- 1.2 Hero pantalla completa con foto atmosférica y máscara curva inferior
- 1.3 Banda de estadísticas con tres contadores grandes
- 1.4 Split introducción imagen + texto narrativo
- 1.5 Tres tarjetas de servicios con flecha
- 1.6 Timeline horizontal del proceso en 90 días
- 1.7 Grid de casos de estudio destacados
- 1.8 Testimonio en cita serif grande
- 1.9 Bloque de equipo con socios
- 1.10 CTA final oscuro
- 1.11 Footer con columnas y legal
SERVICIOS
- 2.1 Header
- 2.2 Hero secundario con eyebrow y título del servicio
- 2.3 Lista detallada de subservicios con iconos
- 2.4 Bloque de metodología en pasos
- 2.5 Caso de éxito relacionado
- 2.6 CTA final
- 2.7 Footer
CASOS DE ESTUDIO
- 3.1 Header
- 3.2 Hero con título y filtro por sector
- 3.3 Grid de casos con imagen, cliente y resultado
- 3.4 CTA final
- 3.5 Footer
TARIFAS
- 4.1 Header
- 4.2 Hero con título y subtítulo
- 4.3 Tres tarjetas de paquetes con lista de entregables
- 4.4 Tabla comparativa
- 4.5 FAQ acordeón
- 4.6 CTA final
- 4.7 Footer
BLOG
- 5.1 Header
- 5.2 Hero editorial con artículo destacado
- 5.3 Grid de artículos con categoría y fecha
- 5.4 Footer
CONTACTO
- 6.1 Header
- 6.2 Hero con título y datos de contacto
- 6.3 Formulario en dos columnas con campos y selector de servicio
- 6.4 Bloque de oficinas con dirección y email
- 6.5 Footer
PROMPTS RELACIONADOS · CORPORATIVO
