ENTRETENIMIENTO · Tailwind CSS · Vanilla JS · HTML

Lúmina Arte – Museo y Centro de Arte Contemporáneo

★★★★★4,9 3.125 descargas

Theme web para Lúmina Arte, un museo de arte contemporáneo que muestra exposiciones, galería de obras y su historia con diseño responsivo y efectos parallax. Optimizado para SEO y listo para usar en un solo archivo.

↓ 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 Arte** (luminaarte.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir la siguiente estructura y estilo visual (sin copiar texto del original):

**Paleta de colores**
- #111111 (negro profundo para fondos)
- #FFFFFF (blanco puro para texto principal)
- #E0E0E0 (gris claro para detalles)
- #D14C4C (rojo vibrante para acentos y botones)
- #4C8ED1 (azul suave para enlaces hover)

**Tipografía**
- Heading: "Playfair Display", serif, peso 700, tracking amplio.
- Body: "Inter", sans-serif, peso 400, tracking 0.

**Header** (sticky, altura 80px)
- Logo textual «LÚMINA ARTE» en mayúsculas, color #D14C4C.
- Menú hamburguesa a la derecha que al hacer click alterna entre icono "plus" y "close".
- Al abrir, despliega un panel vertical con enlaces: Home, Sobre, Exposiciones, Obras, Contacto.

**Hero** (altura 100vh, fondo con 4 imágenes superpuestas, posición absoluta, opacidad 0.9, movimiento parallax al hacer scroll)
- Título grande: "DESCUBRE EL FUTURO DEL ARTE" con <em> para énfasis, color #FFFFFF.
- Subtítulo breve en mayúsculas, color #E0E0E0.
- Botón primario redondeado con borde #D14C4C, icono de flecha SVG, efecto hover (background #D14C4C, color #FFFFFF).

**Bloque Sobre** (sección con fondo blanco, padding y margen vertical)
- Texto descriptivo en dos columnas, tipografía Inter, color #111111.
- Décima serie de bloques decorativos (pequeños rectángulos) alineados en fila, color #4C8ED1, animación sutil al pasar el ratón.
- Subtítulo "Centro creativo para visionarios" en Playfair, color #111111.

**Sección Exposición** (fondo gris claro #F5F5F5)
- Título "ESTA TEMPORADA EN LÚMINA" centrado.
- Tarjeta grande con imagen de la exposición principal, título "ECO DE NEÓN", autor "Carmen Vale", botón primario "VER TODAS LAS EXPOSICIONES".
- A la derecha, mini‑galería de dos obras con imagen, título y autor.
- Layout responsive: columnas apiladas en móvil.

**Galería de Obras** (grid responsive 3 columnas, gap 1.5rem)
- Cada tarjeta: borde delgado #E0E0E0, sombra ligera, imagen responsive, título en Playfair, autor en Inter, enlace invisible que cubre todo el card.
- Hover: escala 1.05, sombra aumentada, borde #D14C4C.

**Footer** (fondo #111111, padding 2rem)
- Iconos de redes (Instagram, Twitter, Facebook) en color #FFFFFF, hover #4C8ED1.
- Texto de contacto: correo hola@luminaarte.com, dirección ficticia, copyright "© 2026 Lúmina Arte".

**Interactividad**
- Menú hamburguesa toggles clase "open" para animar apertura/cierre.
- Scroll suave al hacer click en los enlaces del menú.
- Parallax simple en hero mediante listener de scroll que ajusta `transform: translateY()` de cada capa de imagen.
- Animaciones CSS para botones y tarjetas (transition 0.3s).

**Requisitos técnicos**
- Incluir `<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css" rel="stylesheet">` en `<head>`.
- Añadir fuentes de Google con `<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500&display=swap" rel="stylesheet">`.
- Todo el HTML dentro de `<!DOCTYPE html><html lang="es"><head>…</head><body>…</body></html>`.
- Script al final del body para manejo de menú y parallax, sin dependencias externas.
- Comentarios claros delimitando cada bloque (Header, Hero, About, Exhibition, Works, Footer).

Genera el código listo para copiar‑pegar que reproduzca fielmente esta composición visual y estructural.

---

## 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>
```

3.845 caracteres · 73 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera fija con logo y menú hamburguesa
1.2 Hero con imágenes superpuestas, título grande y botón "Scroll for more"
1.3 Bloque "Sobre nosotros" con texto de misión y elementos decorativos
1.4 Sección de exposición actual con imagen destacada, títulos y botón "View all exhibitions"
1.5 Galería de obras (grid 3 columnas) con miniaturas, título y autor
1.6 Footer con links de redes sociales y datos de contacto

ABOUT

2.1 Título y subtítulo del museo
2.2 Texto histórico y descriptivo
2.3 Ilustraciones decorativas en forma de bloques caminantes

EXHIBITION

3.1 Título de la temporada
3.2 Imagen principal de la exposición "ECHOES OF NEON"
3.3 Información del autor y botón de acceso a todas las exposiciones
3.4 Mini‑galería de obras destacadas (2 items) con título y autor

WORK

4.1 Grid de obras (cards) con imagen, título y autor
4.2 Enlace invisible a detalle de cada obra

FOOTER

5.1 Enlaces de redes sociales
5.2 Información de contacto y copyright

PROMPTS RELACIONADOS · ENTRETENIMIENTO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lúmina Arte
Sector: Museo y centro de arte contemporáneo
Claim: Espacio que conecta ideas y visuales emergentes

Bloques de la home

1.1 Cabecera fija con logo y menú hamburguesa
1.2 Hero con fondo de imágenes superpuestas, título destacado y botón de scroll
1.3 Bloque "Sobre nosotros" con texto descriptivo y efectos de caminata visual
1.4 Sección de exposición actual con título, imagen principal, texto y botón de llamada a la acción
1.5 Galería de obras destacadas en cuadrícula responsive
1.6 Footer con enlaces de redes 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 Arte – Museo y Centro de Arte Contemporáneo

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

EXHIBITION

WORK

FOOTER

Otros prompts de la misma categoría

Ludicra Studios

Ludoteca Nova

LumenArtes

Lúmina Arte