NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo de una sola página (HTML único) usando Tailwind CSS CDN y JavaScript vanilla. La marca es Editorial Vega, dominio editorialvega.com, claim "Muestra tus ideas con estilo animado". Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #00FFAA (verde brillante para acentos), #555555 (gris medio). Tipografía: Inter (sans-serif) para todo el texto, con peso 400/600/700 según necesidad.
Estructura:
- **Header** fijo en la parte superior, fondo semi‑transparente negro, logo SVG placeholder a la izquierda, menú de enlaces horizontales oculto en móvil y revelado con botón burger (tres líneas) que despliega un panel lateral con los enlaces: Ex 1…Ex 10 y botón "Comprar plantilla".
- **Hero** centrado, ocupa el viewport completo, título grande: "10 Creative Anim
4.250 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.250 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 fija con logo y menú lateral ocultable
- 1.2 Hero principal con encabezado dinámico y fondo decorativo
- 1.3 Cuadrícula de miniaturas de ejemplos, hover y flecha
- 1.4 Botón destacado de compra
- 1.5 Pie de página con créditos y enlaces
EX-1
- 2.1 Cabecera igual que home
- 2.2 Sección de detalle del ejemplo 1 (título, descripción, captura grande)
- 2.3 Botón volver a la galería
- 2.4 Pie de página
EX-2
- 3.1 Cabecera
- 3.2 Detalle del ejemplo 2
- 3.3 Botón volver
- 3.4 Pie de página
EX-3
- 4.1 Cabecera
- 4.2 Detalle del ejemplo 3
- 4.3 Botón volver
- 4.4 Pie de página
EX-4
- 5.1 Cabecera
- 5.2 Detalle del ejemplo 4
- 5.3 Botón volver
- 5.4 Pie de página
EX-5
- 6.1 Cabecera
- 6.2 Detalle del ejemplo 5
- 6.3 Botón volver
- 6.4 Pie de página
EX-6
- 7.1 Cabecera
- 7.2 Detalle del ejemplo 6
- 7.3 Botón volver
- 7.4 Pie de página
EX-7
- 8.1 Cabecera
- 8.2 Detalle del ejemplo 7
- 8.3 Botón volver
- 8.4 Pie de página
EX-8
- 9.1 Cabecera
- 9.2 Detalle del ejemplo 8
- 9.3 Botón volver
- 9.4 Pie de página
EX-9
- 10.1 Cabecera
- 10.2 Detalle del ejemplo 9
- 10.3 Botón volver
- 10.4 Pie de página
EX-10
- 11.1 Cabecera
- 11.2 Detalle del ejemplo 10
- 11.3 Botón volver
- 11.4 Pie de página
PROMPTS RELACIONADOS · BLOG / MAGAZINE
