NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Academia Cumbre" (dominio academiacumbre.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emula fielmente el diseño analizado:
- Paleta de colores: fondo claro pastel #F5F7FA, acentos azul profundo #1E3A8A, verde brillante #10B981, gris neutro #6B7280.
- Tipografía: Inter (sans‑serif) para todo el cuerpo, peso 400; encabezados con font‑family 'Poppins', peso 600.
- Header: barra superior invisible que aparece al hacer scroll con botón flotante "volver arriba" (icono flecha). Navbar fijo con logo a la izquierda, enlaces principales (Home, Pages dropdown, UI Snippets, Template dropdown, All Templates), botón pequeño "Buy Nebula" a la derecha y enlace "All Templates" con flecha. Menú colapsab
4.030 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.030 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 Barra superior con botón volver arriba
- 1.2 Navbar fijo con logo, menú principal, dropdowns y botón compra
- 1.3 Hero central al cargar con título, subtítulo, descripción y botón principal
- 1.4 Sección dos columnas: texto descriptivo a la izquierda y galería de imágenes a la derecha
- 1.5 Sección UI Snippets con tarjetas de perfil, métricas y selector de periodo
- 1.6 Footer con enlaces de información y copyright
TEMPLATE
- 2.1 Encabezado de plantilla (herencia del navbar)
- 2.2 Barra lateral de navegación interna
- 2.3 Área de contenido con documentación y ejemplos de UI
- 2.4 Footer idéntico al home
UI SNIPPETS
- 3.1 Lista de snippets de UI (perfil, notificaciones, métricas, selector)
- 3.2 Vista detalle de cada snippet con descripción y código
- 3.3 Footer compartido
PROMPTS RELACIONADOS · EDUCACIÓN
