LEGAL / ABOGADOS · Tailwind CSS · Vanilla JS · Claude Design

Lúmina Consulting – Consultoría legal clara y efectiva

★★★★★4,9 2.784 descargas

Template web para Lúmina Consulting, firma de asesoría legal. Incluye header, hero, carrusel infinito y footer responsive con Tailwind 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 completo para la marca ficticia **Lúmina Consulting** (consultoría legal) usando **HTML único con Tailwind CSS CDN** y **vanilla JavaScript** en un solo archivo. Replicar el diseño visual del ejemplo: 
- **Paleta de colores**: #0D0D0D (fondo negro), #FFFFFF (texto principal), #F5F5F5 (gris claro para secciones), #00A8E8 (azul acento para botones y enlaces). 
- **Tipografía**: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600. 
- **Header**: barra fija con logo a la izquierda, menú centrado (Home, About, Services, Locations, Contact) y dropdown "Pages" con enlaces internos, botón CTA a la derecha ("Buy Template"). Menú colapsable en móvil con icono hamburguesa. 
- **Hero**: etiqueta en mayúsculas con estilo all‑caps, título grande, línea horizontal decorativa, texto secundario en gris, dos botones (primary y secondary) con efecto hover y doble capa de texto como en el original. 
- **Carrusel**: sección de imágenes en bucle infinito, seis imágenes de ejemplo (usar placeholders https://picsum.photos/600/400?random=1‑6). Flechas laterales fijas, desplazamiento automático y manual mediante JavaScript. 
- **Footer**: fondo negro, columnas con enlaces de navegación, datos de contacto y redes sociales, texto pequeño en gris. 
- **Responsive**: adaptar a móviles (menú hamburguesa, hero centrado, carrusel táctil). 
- **Interactividad**: dropdown, toggle de menú móvil, scroll‑into‑view con animaciones suaves (opacity/translateY). 
- **Estructura de páginas**: Home (estructura arriba), About, Services, Locations, Contact – cada una con el mismo header/footer y bloque principal propio (descripción, grid o formulario). 
- **Requisitos técnicos**: incluir Tailwind vía `<script src="https://cdn.tailwindcss.com"></script>`, cargar Inter con `<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">`. Todo el CSS adicional debe ir dentro de `<style>` usando clases Tailwind y @layer utilities si es necesario. JavaScript al final del body para menú, dropdown y carrusel. El código debe estar limpio, sin referencias a la web original y con contenido en español de España.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, menú responsivo, dropdown "Pages" y botón "Buy Template"
1.2 Hero: etiqueta "Legal consulting", título principal, línea horizontal, texto descriptivo, botones "Customize template" y "Buy now!"
1.3 Carrusel de imágenes con loop y flechas de navegación (seis slides, repetición continua)

ABOUT

1.1 Header compartido
1.2 Título "About Us" y párrafo descriptivo
1.3 Imagen destacada y lista de valores

SERVICES

1.1 Header compartido
1.2 Grid de tarjetas de servicio con icono, título y breve descripción
1.3 CTA para solicitar información

LOCATIONS

1.1 Header compartido
1.2 Mapa interactivo y listado de oficinas con datos de contacto

CONTACT

1.1 Header compartido
1.2 Formulario de contacto con campos nombre, email, asunto y mensaje
1.3 Información de soporte y redes sociales

PROMPTS RELACIONADOS · LEGAL / ABOGADOS

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lúmina Consulting
Sector: Consultoría y asesoría legal para empresas
Claim: Soluciones jurídicas claras y efectivas

Bloques de la home

1.1 Header con logo y navegación principal, incluye dropdown y botón CTA
1.2 Hero principal con etiqueta, título, línea decorativa, texto secundario y dos botones
1.3 Carrusel infinito de imágenes con flechas de navegación lateral
1.4 Footer (no incluido en el fragmento, pero se asume con enlaces institucionales 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