NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa en UN SOLO archivo HTML para una firma ficticia llamada 'Brújula Cumbre' (dominio brujulacumbre.com, email hola@brujulacumbre.com, año 2025), dedicada a consultoría estratégica y asesoría ejecutiva para fundadores, comités de dirección y equipos de liderazgo de pymes y empresas medianas. Claim: 'Pensamos contigo las decisiones que marcan el rumbo.'
STACK Y REQUISITOS TÉCNICOS
- HTML5 + Tailwind CSS vía CDN (<script src="https://cdn.tailwindcss.com"></script>) + JavaScript vanilla, todo en un único archivo.
- Tipografías Google Fonts: 'Fraunces' (display, serif elegante con cursiva expresiva) para titulares y 'Inter' para cuerpo.
- Idioma: español de España. Todo el copy 100% original, en activa, sobrio, sin jerga marketinera, sin precios.
- Responsive com
8.839 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.839 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 Hero con titular partido y marquesina de logos
- 1.2 Sobre nosotros con tres contadores
- 1.3 Servicios sticky con scroll de tarjetas
- 1.4 Metodología en cuatro pasos
- 1.5 Casos de éxito en grid de tres
- 1.6 Testimonios en slider
- 1.7 Equipo en grid de cuatro
- 1.8 Blog reciente en grid de tres
- 1.9 FAQ en acordeón
- 1.10 CTA final ancho
- 1.11 Footer oscuro completo
SOBRE NOSOTROS
- 2.1 Hero secundario con título y migas de pan
- 2.2 Manifiesto a dos columnas (texto + imagen)
- 2.3 Cifras de impacto en cuatro contadores
- 2.4 Valores en grid de seis con icono
- 2.5 Línea de tiempo de la firma
- 2.6 Equipo completo en grid
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Hero secundario
- 3.2 Listado completo de servicios en grid de tarjetas con imagen
- 3.3 Sectores en los que trabajamos (chips)
- 3.4 Proceso de trabajo en cuatro pasos
- 3.5 CTA intermedio
- 3.6 FAQ
- 3.7 Footer
DETALLE DE SERVICIO
- 4.1 Hero con etiqueta y título del servicio
- 4.2 Descripción larga a dos columnas con índice lateral
- 4.3 Beneficios en grid de cuatro
- 4.4 Entregables en lista
- 4.5 Caso relacionado
- 4.6 CTA final
- 4.7 Footer
CASOS DE ÉXITO
- 5.1 Hero secundario
- 5.2 Filtros por sector
- 5.3 Grid de casos con imagen, etiqueta y título
- 5.4 CTA final
- 5.5 Footer
DETALLE DE CASO
- 6.1 Hero con imagen grande y datos del cliente
- 6.2 Reto, enfoque y resultado en tres bloques
- 6.3 Cifras destacadas del proyecto
- 6.4 Testimonio del cliente
- 6.5 Casos relacionados
- 6.6 Footer
BLOG
- 7.1 Hero secundario
- 7.2 Artículo destacado a ancho completo
- 7.3 Filtros por categoría
- 7.4 Grid de artículos
- 7.5 Paginación
- 7.6 Newsletter
- 7.7 Footer
DETALLE DE ARTÍCULO
- 8.1 Hero del artículo con categoría, título, autor y fecha
- 8.2 Imagen de portada
- 8.3 Cuerpo del artículo con índice lateral pegajoso
- 8.4 Bloque del autor
- 8.5 Artículos relacionados
- 8.6 Footer
CONTACTO
- 9.1 Hero con título y datos directos (email, teléfono, dirección)
- 9.2 Formulario amplio a dos columnas
- 9.3 Mapa o imagen de la oficina
- 9.4 FAQ corto
- 9.5 Footer
404
- 10.1 Pantalla con número grande, mensaje y botón de vuelta al inicio
- 10.2 Footer reducido
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 11/07/2026
PROMPTS RELACIONADOS · EDUCACIÓN
