NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Panel Zenit (panelzenit.com) que reproduzca fielmente la apariencia y estructura del template original, sin copiar texto ni imágenes. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Alcance**
- Header fijo con logo (texto Panel Zenit) y enlaces: Home, Support, FAQ, Categories, Sign in, Sign up. Incluye botón de búsqueda que abre un modal.
- Banner informativo bajo el header con icono azul y texto "Descubre la documentación premium de Panel Zenit".
- Layout de dos columnas: barra lateral izquierda colapsable (iconos + texto) con bloques: Getting Started, Customization, Advanced Features, Community. Cada bloque muestra icono y título; al hacer click despliega enlaces internos (ej. Qué es Panel Zenit,
4.501 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.501 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 de navegación superior
- 1.2 Banner promocional
- 1.3 Menú lateral vertical
- 1.4 Área de contenido principal (hero y texto)
- 1.5 Lista de artículos relacionados
- 1.6 Bloque de tarjetas de categorías
- 1.7 Footer
- 1.8 Modal de búsqueda (oculto)
SUPPORT
- 1.1 Barra de navegación superior
- 1.2 Contenedor con texto de ayuda y formulario de contacto
- 1.3 Footer
FAQ
- 1.1 Barra de navegación superior
- 1.2 Lista de preguntas frecuentes en acordeón
- 1.3 Footer
CATEGORIES
- 1.1 Barra de navegación superior
- 1.2 Grid de tarjetas de categorías
- 1.3 Footer
AUTHORS
- 1.1 Barra de navegación superior
- 1.2 Lista de autores con foto y bio breve
- 1.3 Footer
SIGN IN
- 1.1 Barra de navegación superior
- 1.2 Formulario de acceso (email, contraseña, botón)
- 1.3 Footer
SIGN UP
- 1.1 Barra de navegación superior
- 1.2 Formulario de registro (email, nombre, contraseña, botón)
- 1.3 Footer
STYLE GUIDE
- 1.1 Barra de navegación superior
- 1.2 Documentación de estilos (colores, tipografía, componentes)
- 1.3 Footer
INSTRUCTIONS
- 1.1 Barra de navegación superior
- 1.2 Guía paso a paso con bloques numerados
- 1.3 Footer
LICENSES
- 1.1 Barra de navegación superior
- 1.2 Tabla de licencias y condiciones
- 1.3 Footer
CHANGELOG
- 1.1 Barra de navegación superior
- 1.2 Lista cronológica de cambios
- 1.3 Footer
COMPONENTS
- 1.1 Barra de navegación superior
- 1.2 Catálogo de componentes reutilizables con preview
- 1.3 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
