Carrito Iniciar sesión
AGENCIA DIGITAL · Tailwind · HTML estático · JavaScript vanilla

LumenPulse Studios – Agencia de diseño web para creativos

Tema web estático para LumenPulse Studios, construido con Tailwind CDN y JavaScript puro. Incluye hero animado, portfolio de proyectos y footer con enlace a Design Prompting.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
LumenPulse Studios — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para **LumenPulse Studios** usando **HTML estático**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. La página debe reproducir el layout y la estética del sitio analizado, respetando los siguientes requisitos: --- ### General - Estructura de carpetas plana (un solo `index.html`). - Incluir el CDN de Tailwind v3 (`<script src="https://cdn.tailwindcss.com"></script>`). - Utilizar **modo JIT** para generar clases personalizadas. - Paleta de colores: `#0A0A0A` (fondo negro), `#FFFFFF` (texto blanco), `#E5E5E5` (gris claro), `#FF6B6B` (acento rojo), `#1E90FF` (acento azul). Definir estas variables en `:root` y usarlas con `bg-primary`, `text-primary`, etc. - Tipografía: **Inter** para cuerpo (`font-sans`) y **Playfair Display** para títulos (`fo
5.232 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.232 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
LumenPulse Studios — home completa
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat. Descargar captura
ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

  • 1.1 Cabecera con logo, año y navegación principal
  • 1.2 Menú móvil overlay
  • 1.3 Hero con título y subtítulos animados
  • 1.4 Bloque "Sobre nosotros"
  • 1.5 Sección de proyectos destacados (grid 3x2)
  • 1.6 Footer minimalista

ABOUT

  • 2.1 Cabecera reutilizada
  • 2.2 Título de página y párrafo descriptivo
  • 2.3 Imagen o timeline opcional
  • 2.4 Footer

PROJECTS

  • 3.1 Cabecera reutilizada
  • 3.2 Lista de proyectos en grid, cada tarjeta con imagen, título y categorías
  • 3.3 Paginación sencilla (si aplica)
  • 3.4 Footer

CONTACT

  • 4.1 Cabecera reutilizada
  • 4.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
  • 4.3 Información de contacto y enlaces sociales
  • 4.4 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría