NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática usando HTML puro, Tailwind CSS CDN y JavaScript vanilla (un único archivo). La marca es **Nexio Dashboard**, un SaaS de gestión empresarial. Reproduce fielmente la estructura visual y los patrones de interacción del sitio original descrito, sin copiar textos ni imágenes. Utiliza los siguientes recursos:
- Paleta de colores: #0F172A (azul marino profundo), #1E293B (gris oscuro), #3B82F6 (azul primario), #F8FAFC (blanco casi puro), #F1F5F9 (gris muy claro), #64748B (gris medio).
- Tipografía: Inter (sans‑serif) para textos y peso 600 para encabezados, 400 para cuerpo.
- Header: barra superior fija con logo (texto "Nexio Dashboard" en Inter Bold, color #3B82F6), menú de navegación (Home, Pages, CRM, Utilities, Contact) alineado a la derecha, avatar circular con dr
4.332 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.332 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 Hero con logo, título, subtítulo, botones y mockup de dispositivo
- 1.2 Grid de módulos “Pages” (Default, Project, E‑commerce, Project Management, User, Team, Orders, Account)
- 1.3 Grid de módulos “CRM” (Companies, Projects, Contacts)
- 1.4 Grid de módulos “Utilities” (Knowledge Base, Article, Pricing, Invoice)
PAGES – DEFAULT
- 1.1 Encabezado de la página con barra de navegación y avatar
- 1.2 Barra lateral con enlaces de navegación principal
- 1.3 Área principal con tarjetas de métricas, gráficos y tabla de datos
PAGES – PROJECT
- 1.1 Barra superior fija
- 1.2 Sidebar izquierdo
- 1.3 Listado de proyectos con tarjetas resumidas y acciones rápidas
PAGES – E‑COMMERCE
- 1.1 Header con búsqueda y notificaciones
- 1.2 Sidebar con filtros de producto
- 1.3 Grid de tarjetas de productos y panel de estadísticas
PAGES – PROJECT MANAGEMENT
- 1.1 Encabezado con breadcrumbs
- 1.2 Tabla Kanban de tareas
- 1.3 Panel lateral de detalle de tarea
PAGES – USER PROFILE
- 1.1 Cabecera con foto de usuario y datos básicos
- 1.2 Navegación de pestañas (Perfil, Actividad, Ajustes)
- 1.3 Contenido de cada pestaña con formularios y listas
PAGES – TEAM PROFILE
- 1.1 Lista de miembros del equipo en tarjetas
- 1.2 Filtros por rol y estado
- 1.3 Detalle emergente al hacer clic
PAGES – ORDERS
- 1.1 Tabla de órdenes con filtros y búsqueda
- 1.2 Modal de detalle de orden
- 1.3 Estadísticas resumidas en tarjetas
PAGES – ACCOUNT
- 1.1 Formulario de configuración de cuenta
- 1.2 Sección de seguridad y autenticación
- 1.3 Área de facturación y suscripciones
CRM – COMPANIES
- 1.1 Lista de compañías con tarjetas resumidas
- 1.2 Barra de acción para crear/filtrar
- 1.3 Vista detalle emergente
CRM – PROJECTS
- 1.1 Grid de proyectos con indicadores de progreso
- 1.2 Filtros por estado y prioridad
- 1.3 Panel lateral de actividad reciente
CRM – CONTACTS
- 1.1 Tabla de contactos con búsqueda y filtros
- 1.2 Vista de perfil rápido al pasar el ratón
- 1.3 Botones de acción masiva
UTILITIES – KNOWLEDGE BASE
- 1.1 Lista de categorías de artículos
- 1.2 Tarjetas de artículo con imagen y extracto
- 1.3 Paginación inferior
UTILITIES – ARTICLE
- 1.1 Cabecera del artículo con título y meta información
- 1.2 Cuerpo del artículo con bloques de texto e imágenes
- 1.3 Barra lateral de artículos relacionados
UTILITIES – PRICING
- 1.1 Tres tarjetas de planes con características y botón de selección
- 1.2 Comparativa de ventajas en tabla
- 1.3 FAQ colapsable
UTILITIES – INVOICE
- 1.1 Tabla de facturas con estado y monto
- 1.2 Botón para generar nueva factura
- 1.3 Modal de vista previa de factura
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 25/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
