NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño analizado, usando una marca ficticia llamada Panel Andina. El proyecto debe estar contenido en un único archivo HTML que incluya TailwindCSS vía CDN y JavaScript vanilla (sin frameworks). Utiliza la siguiente paleta de colores: primary #0A0F33, accent #4F46E5, background #F3F4F6, text-primary #111827, text-muted #6B7280. Tipografía: Inter (sans‑serif) para títulos y Roboto para cuerpo, ambas importadas desde Google Fonts.
Estructura requerida:
1. **Header (navbar)** – posición sticky, fondo primary, logo a la izquierda (placeholder), menú horizontal con enlaces: Home, Demos, Inner Pages, Utilities, Authentication. Botón CTA a la derecha con estilo accent y borde redondeado.
2. **Banner hero** – sección full‑width con fondo background,
4.147 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.147 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 (navbar fija con logo, enlaces y botón)
- 2.1 Banner hero con título, línea animada, CTA y visuales
- 3.1 Sección de características "Qué incluye"
- 4.1 Demo de Home Pages
- 5.1 Demo de Inner Pages
- 6.1 Footer
PÁGINA DEMO HOME V1
- 1.1 Header replicado
- 2.1 Banner específico del demo
- 6.1 Footer
PÁGINA DEMO HOME V2
- 1.1 Header replicado
- 2.1 Banner alternativo
- 6.1 Footer
PÁGINA BLOG
- 1.1 Header
- 2.1 Lista de artículos con tarjetas
- 6.1 Footer
PÁGINA DETALLE BLOG
- 1.1 Header
- 2.1 Contenido del artículo, barra lateral
- 6.1 Footer
PÁGINA PRECIOS
- 1.1 Header
- 2.1 Tabla de planes con CTA
- 6.1 Footer
PÁGINA FUNCIÓN SEO
- 1.1 Header
- 2.1 Descripción de la integración SEO con screenshots
- 6.1 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
