AGENCIA DIGITAL · Tailwind · Vanilla JS · Claude Design

Lúmina Consulting – Plantilla Corporativa Premium

★★★★★4,6 517 descargas

Plantilla web estática para Lúmina Consulting, consultora estratégica y digital. Incluye hero, servicios, galería, testimonios y carrito interactivo con Tailwind CSS y JavaScript puro.

↓ 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 completo para la marca ficticia "Lúmina Consulting" (consultoría estratégica y transformación digital) usando sólo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente el patrón visual observado: barra de aviso superior, navbar con logo a la izquierda, tagline "– Premium Consulting template", menú con dropdowns (Homepages, Showcase, Template), botón "Contact Us" con ícono circular, icono de carrito que abre una barra lateral derecha con lista de productos, contador y botones de checkout. Utiliza la paleta de colores:
- #1E3A8A (azul profundo) para encabezados y fondo del header
- #F97316 (naranja brillante) para acentos, botones y hover
- #F3F4F6 (gris muy claro) para fondos de secciones
- #111827 (casi negro) para texto principal
- #FFFFFF (blanco) para texto sobre fondos oscuros.
Tipografía: Inter, peso 400 y 600 para títulos, tamaños responsivos (h1 4xl, h2 3xl, etc.).
Estructura de la página Home (secciones numeradas en el JSON) con clases Tailwind que reproduzcan el layout: hero con imagen a la derecha, texto alineado a la izquierda y botón principal azul con hover naranja; sección de servicios en tres columnas, cada una con ícono (puedes usar Heroicons), título y párrafo; galería de proyectos en grid de 4 columnas en desktop, 2 en tablet, 1 en móvil; testimonios en carousel simple (JS vanilla con setInterval); formulario de newsletter con input y botón; footer con 4 columnas (Sobre, Enlaces, Redes, Contacto) y fondo gris oscuro.
Implementa interactividad: dropdowns al pasar el mouse, carrito que se abre/cerra al click, modal de carrito con lista estática de productos de ejemplo, carousel de testimonios con transición suave.
Asegúrate de que el HTML sea semántico (header, nav, main, section, footer) y que todos los estilos sean aplicados mediante clases Tailwind. Incluye los enlaces de fuentes de Google para Inter y de Heroicons SVG inline. No uses ningún script externo aparte de Tailwind CDN.
Entrega todo el código en un único bloque de texto listo para guardarse como index.html.

---

## 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.434 caracteres · 28 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lúmina Consulting
Sector: Consultoría estratégica y transformación digital
Claim: Acompañamos la evolución de tu negocio

Bloques de la home

1.1 Barra de aviso superior con mensaje y enlace
1.2 Cabecera (navbar) con logo, tagline, menú desplegable, botón de contacto y carrito lateral
1.3 Bloque Hero con título grande, subtítulo, imagen ilustrativa y botón principal
1.4 Sección de servicios destacados en tarjetas con icono, título y descripción breve
1.5 Galería de proyectos en cuadrícula responsiva
1.6 Testimonios rotativos con foto, nombre y comentario
1.7 Llamada a la acción para newsletter con campo de email
1.8 Footer con columnas de enlaces, redes sociales 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

Lúmina Consulting – Plantilla Corporativa Premium

Cópialo y pégalo en Claude Design

Otros prompts de la misma categoría

Lectora Nova

Lectora Nova

Lectoria

Línea Áurea