ENTRETENIMIENTO · Tailwind CSS · Vanilla JS · Alpine.js

Ludicra Studios – Tienda de videojuegos y comunidad

★★★★★4,7 468 descargas

Tema estático con Tailwind y JavaScript puro que reproduce la identidad visual de Ludicra Studios. Incluye hero 3D, métricas, sección Sobre nosotros y carrito lateral, optimizado para SEO y accesibilidad.

↓ 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 (HTML único) usando Tailwind CSS vía CDN y JavaScript vanilla que reproduzca el diseño visual de Ludicra Studios, una tienda de videojuegos online. La página debe incluir:
- Paleta de colores: #0D0D0D (fondo principal), #1A1A1A (sección interna), #00FFC8 (acento neón), #FFFFFF (texto), #CCCCCC (texto secundario).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
- Header fijo con logo SVG ficticio, menú horizontal (Home, About, Shop, Blog) y botón de carrito que abre un panel lateral derecho con listado de productos, subtotales y botón "Continuar a pago".
- Hero ocupando la primera pantalla: título grande "Game On, Anytime, Anywhere.", botón secundario "PLAY NOW" que enlaza a /shop y fondo con canvas que carga una escena Spline (simulada con placeholder canvas). Animaciones de entrada (fade‑up) usando Tailwind utilities y Alpine.js opcional.
- Sección de métricas: cuatro tarjetas en grid 2×2, cada una con número destacado (ej. "1M+"), descripción y mini‑ilustración PNG redondeada. Utiliza flex y gap.
- Sección "Sobre nosotros": línea decorativa, texto pequeño "About us", encabezado h3 con copy original, y tres imágenes posicionadas con transformaciones (translateY/translateX) y opacidad inicial 0 que aparecen al hacer scroll.
- Footer global: columnas de enlaces (Navegación, Legal, Redes), email de contacto, y texto de copyright.
- Implementa el carrito lateral con HTML oculto que se muestra/oculta mediante JavaScript simple (toggle class "translate-x-0"), mostrando contador de artículos en el icono del carrito.
- Todo el contenido textual debe ser original en español (España), sin copiar del original. Usa placeholders donde sea necesario (productos, imágenes).
- El HTML debe estar bien estructurado con secciones semánticas (<header>, <main>, <section>, <footer>) y atributos aria para accesibilidad.
- Añade meta viewport y título "Ludicra Studios – Tienda de videojuegos".
- El fichero debe ser autocontenido: incluye los enlaces a Tailwind CDN y a Google Fonts en <head>, y el script al final del <body>.
- No incluyas ninguna referencia a la URL original ni a marcas existentes.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera con logo, enlaces (Home, About, Shop, Blog) y botón de carrito lateral
1.2 Hero: título principal, botón secundario «PLAY NOW» y escena Spline en canvas
1.3 Métricas: tarjetas con número, descripción y mini‑ilustración (Jugadores activos, Juegos desarrollados, Años en la industria, Premios)
1.4 Sobre nosotros: subtítulo ‘About us’, breve texto inspirador y tres imágenes posicionadas dinámicamente

ABOUT

2.1 Cabecera reutilizada
2.2 Título de página y contenido descriptivo ampliado
2.3 Galería de imágenes y testimonios

SHOP

3.1 Cabecera reutilizada
3.2 Listado de productos en rejilla con filtro y botón "Add to Cart"
3.3 Sidebar de carrito (derecha) con resumen y botón de checkout

BLOG

4.1 Cabecera reutilizada
4.2 Lista de entradas en formato tarjeta con imagen, título y extracto
4.3 Paginación inferior

FOOTER (presente en todas las páginas)

5.1 Enlaces de navegación secundaria, redes sociales y datos de contacto
5.2 Texto de copyright

PROMPTS RELACIONADOS · ENTRETENIMIENTO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Ludicra Studios
Sector: Plataforma de videojuegos y comunidad de jugadores
Claim: Espacio donde el juego se vuelve experiencia

Bloques de la home

1.1 Cabecera con logo, menú de navegación y acceso al carrito lateral
1.2 Hero con título grande, botón CTA y escena 3D (canvas)
1.3 Bloque de métricas con cuatro tarjetas numeradas
1.4 Sección "Sobre nosotros" con encabezado, texto descriptivo y composición de imágenes animadas

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