TECNOLOGÍA · Claude Design · HTML

Lumenia — Prompt de diseño web para Claude AI

★★★★★4,6 1.283 descargas

Marketplace de plantillas y recursos digitales Explora, elige y crea sin límites.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia Lumenia (marketplace de plantillas digitales) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño observado: 
- Paleta de colores monocromática: fondo blanco (#FFFFFF), texto negro (#000000), acentos grises oscuros (#222222) y resaltado gris claro (#F5F5F5). 
- Tipografía: encabezados con "Inter" (sans-serif, weight 700) y cuerpo con "Roboto" (sans-serif, weight 400). 
- Header fijo con logo (texto Lumenia), menú horizontal (Home, About, Work, News, Contact), botón de carrito que abre una barra lateral derecha, y botón hamburguesa para móvil. 
- Hero section: contenedor central con título grande (h1) «La plantilla definitiva para crear sin límites», línea decorativa larga bajo el texto, fondo blanco. 
- Footer oscuro con enlaces en columnas (Productos, Empresa, Ayuda) y texto de copyright. 
- Carrito lateral: panel deslizante desde la derecha, encabezado con "Tu Carrito", lista de productos (imagen, nombre, opciones, precio, cantidad editable), subtotal y botones "Continuar al checkout" y enlace a página de precios. Estado vacío muestra mensaje y llamada a la página de precios. 
- Todas las interacciones (abrir/cerrar carrito, toggle de menú móvil, actualizar cantidad) implementadas con JavaScript puro. 
- Estructura de navegación reutilizable en todas las páginas (Home, About, Work, Blog, Contact). 
- Usa componentes Tailwind como flex, grid, spacing, hover y transiciones para efectos suaves. 
- Incluye meta tags básicos (charset, viewport, title) y favicon genérico. 
- No incluir texto ni nombres reales del sitio original; generar copys originales en español de España. 
Entrega el código listo para copiar‑pegar en un archivo 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.128 caracteres · 30 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, menú principal, carrito lateral y botón móvil
1.2 Hero con título grande y línea decorativa
1.3 Área de contenido principal (placeholder para grids de productos)
1.4 Footer con enlaces secundarios y copyright

ABOUT

1.1 Header reutilizado
1.2 Sección de presentación de la empresa
1.3 Equipo y valores
1.4 Footer reutilizado

WORK

1.1 Header reutilizado
1.2 Galería de trabajos/plantillas
1.3 Testimonios
1.4 Footer reutilizado

BLOG

1.1 Header reutilizado
1.2 Lista de artículos con miniaturas
1.3 Barra lateral de categorías
1.4 Footer reutilizado

CONTACT

1.1 Header reutilizado
1.2 Formulario de contacto
1.3 Información de ubicación y redes
1.4 Footer reutilizado

CART (sidebar)

1.1 Cabecera del carrito con título y botón cerrar
1.2 Lista de productos en el carrito
1.3 Resumen de subtotal y botones de checkout
1.4 Estado vacío o mensajes de error

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lumenia
Sector: Marketplace de plantillas y recursos digitales
Claim: Explora, elige y crea sin límites

Bloques de la home

1.1 Header con logo, menú principal, enlace al carrito y botón móvil
1.2 Hero con título destacado y barra de desplazamiento decorativa
1.3 Slider de productos destacados (implícito en estructura de carrito)
1.4 Footer con enlaces de navegación y redes sociales

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