Carrito Iniciar sesión
ENTRETENIMIENTO · Claude Design · HTML

Escena Aurora — Prompt de diseño web para Claude AI

Agencia creativa de diseño digital y desarrollo web Ideas que brillan en pantalla.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Escena Aurora — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático para la marca ficticia Escena Aurora (agencia creativa) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio original analizado, sin copiar texto ni imágenes reales. **Alcance** - Header fijo con logo a la izquierda y menú hamburguesa circular a la derecha. Al hacer clic, se despliega un overlay de navegación con enlaces numerados (01 Home, 02 About, 03 Work, 04 News, 05 Contact). Cada enlace muestra un número gris y texto doble (texto completo y texto en capa). El menú debe animarse con rotación del ícono y expansión del círculo. - Hero principal: sección a pantalla completa con fondo oscuro, botón de reproducción de video (solo placeholder) que abre un lightbox, subt
4.569 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.569 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
Escena Aurora — 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 Header con logo, menú hamburguesa circular y enlaces numerados
  • 1.2 Hero con video destacado, subtítulo animado, botón con flecha y scroll indicator
  • 1.3 Sección "Work" con título grande, flecha decorativa y galería de proyectos en grid, cada pieza con foto, overlay circular y texto rotativo
  • 1.4 Footer con logo reducido, enlaces de redes sociales y formas decorativas

ABOUT

  • 1.1 Header igual que en Home
  • 1.2 Hero con encabezado y texto descriptivo
  • 1.3 Bloque de valores o equipo en columnas
  • 1.4 Footer igual que en Home

WORK

  • 1.1 Header
  • 1.2 Hero con título "Work" y flecha decorativa
  • 1.3 Grid de proyectos (misma estructura que en Home) con filtros opcionales
  • 1.4 Footer

BLOG

  • 1.1 Header
  • 1.2 Lista de artículos con imágenes y excerpt
  • 1.3 Sidebar con categorías y suscripción
  • 1.4 Footer

CONTACT

  • 1.1 Header
  • 1.2 Formulario de contacto con campos nombre, email, mensaje y botón animado
  • 1.3 Información de contacto y mapa incrustado
  • 1.4 Footer
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · ENTRETENIMIENTO

Otros prompts de la misma categoría