NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **ImpulsoConsult** (consultoría estratégica) usando **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** (un solo archivo). Emplea la siguiente paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco) y acentos #10B981 (verde). Tipografía: **Inter** para todo el texto, tamaños de 2rem a 0.875rem según jerarquía. Mantén la estructura de la home tal como se describe en la clave "secciones":
1. **Navbar** fija, con logo a la izquierda, enlaces (About, Clients, Services, Markets) y un botón destacado "book a free call" con icono. Menú colapsable en móvil usando el estándar Tailwind `hidden md:flex` y un botón hamburger que alterna la visibilidad del menú.
2. **Hero** ocupando la primera
4.203 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.203 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 (about, clients, services, markets) y botón "book a free call"
- 1.2 Hero: título grande, párrafo descriptivo, botón principal, separador gráfico y lista de mercados (SMB, Faith, Nonprofits)
- 1.3 Beneficios: tres tarjetas con ícono y texto breve
- 1.4 Sobre nosotros: título, botón, lista de tres pequeñas áreas de servicio con ícono y descripción, imagen decorativa
- 1.5 You Deserve: encabezado largo centrado
- 1.6 Logos de confianza: subtítulo, párrafo, carrusel de ocho logos repetidos
- 1.7 Llamada a acción final con botón y separadores
- 1.8 Footer: enlaces de navegación, icono de contacto, datos ficticios
ABOUT
- 1.1 Header heredado
- 1.2 Imagen de cabecera y resumen de la empresa
- 1.3 Equipo / valores (placeholder)
- 1.4 CTA de reserva de llamada
CLIENTS
- 1.1 Header
- 1.2 Galería de logos de clientes
- 1.3 Texto descriptivo de la red de contactos
SERVICES
- 1.1 Header
- 1.2 Lista de servicios con iconos y descripciones
MARKETS
- 1.1 Header
- 1.2 Descripción de los mercados objetivo (SMB, Faith, Nonprofit)
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto sencillo (nombre, email, mensaje)
- 1.3 Información de ubicación y teléfono
PROMPTS RELACIONADOS · TECNOLOGÍA