TECNOLOGÍA · Claude Design · HTML

ImpulsoConsult — Prompt de diseño web para Claude AI

★★★★★4,8 1.786 descargas

Consultoría estratégica para organizaciones sin ánimo de lucro y empresas Alineamos visión y ejecución para crecer con sentido.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

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 pantalla, título grande (font-bold 2.5rem, color #1F2937), párrafo con énfasis en experiencia (10 años), botón principal azul con icono a la izquierda, separador decorativo (línea punteada y rectángulos grises) y tres tarjetas horizontales de mercados (SMB, Faith, Nonprofit) con íconos grandes y subtítulos.
3. **Bloque de Beneficios** en tres columnas centradas, cada una con un icono grande (svg placeholder) y texto descriptivo, separadores verticales con línea punteada y rectángulo gris.
4. **Sección About** con título a la izquierda, botón de llamada a la acción, y una lista de tres pequeñas áreas de servicio: "plan a largo plazo", "mejorar marketing" y "incrementar engagement", cada una con icono, título y párrafo breve. A la derecha, imagen decorativa y vector overlay.
5. **You Deserve** bloque de texto grande, alineado al centro, usando la tipografía Inter 2rem, color #1F2937.
6. **Logos de Confianza**: subtítulo pequeño, párrafo descriptivo, carrusel horizontal de logos (repetir los mismos 8 logos en bucle). Implementa desplazamiento automático con JavaScript simple que avanza cada 3 s.
7. **CTA Final** con botón idéntico al del hero y separadores decorativos a los lados.
8. **Footer** oscuro (#1F2937) con enlaces de navegación organizados en columnas, icono de email, y datos ficticios de contacto.

Requisitos técnicos: 
- Todas las clases deben usar la convención Tailwind (p.ej., `bg-gray-800`, `text-blue-500`). 
- Incluir `<script>` al final que maneje el menú móvil y el carrusel de logos. 
- No usar frameworks externos ni fuentes externas distintas de Inter (cargar vía Google Fonts). 
- Mantener HTML semántico (`<header>`, `<nav>`, `<section>`, `<footer>`). 
- Asegurar accesibilidad: `aria-label` en botones, contrastes adecuados.
- El archivo debe ser autocontenido y listo para abrir en el navegador.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.983 caracteres · 35 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

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

Otros prompts de la misma categoría

Ficha de marca

Nombre: ImpulsoConsult
Sector: Consultoría estratégica para organizaciones sin ánimo de lucro y empresas
Claim: Alineamos visión y ejecución para crecer con sentido

Bloques de la home

1.1 Navbar con logo, menú y botón de reserva de llamada
1.2 Hero principal con titular, subtítulo, botón y lista de sectores atendidos
1.3 Bloque de beneficios en tres columnas con íconos
1.4 Sección "Sobre nosotros" con título, llamada a acción y tres áreas de servicio
1.5 Bloque de mensaje destacado "You deserve..."
1.6 Área de confianza con título, breve texto y carrusel de logos de clientes
1.7 Testimonios (placeholder)
1.8 Footer con enlaces de navegación y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada