Visitas al sitio
BRANDKIT · SISTEMA VISUAL 2026.09
Una marca humana. Un sistema compartido.
Personas, producto y una identidad reconocible. Esta es la guía para diseñar las próximas páginas de Napsix con el mismo criterio que Home y XIA Agents.

COLOR CON UN PROPÓSITO
La única paleta del sitio.
Usá estos tokens para todas las páginas nuevas. Los logos conservan sus archivos originales; sus tintas no son una segunda paleta de interfaz.
Papel
#FAF9F6Fondos amplios y lectura.
Carbón
#242A27Títulos y acciones secundarias.
Verde
#385541Énfasis, foco y comparativos.
Lima de interfaz
hsl(72 90% 53%)Token --accent del sitio. Texto oscuro en acciones principales.
Texto secundario
#5D665FDescripciones sobre fondos claros.
Borde
#DEDFD7Separación suave entre contenidos.
TIPOGRAFÍA
Carácter en los títulos. Claridad en el contenido.
Tu equipo y XIA, trabajando juntos.
Títulos, navegación, etiquetas y CTAs. Pesos 600–700; espaciado ajustado solo en títulos grandes.
Una conversación clara transforma un pedido en el próximo paso de tu equipo.
Textos, descripciones y comparativos. Pesos 400–600; cuerpo de 16–20 px y altura de línea de 1,6.
COMPONENTES EN VIVO
La misma interacción, en cada página.
Probá el foco de teclado y el hover. El CTA lima es la acción principal; la píldora oscura acompaña. Las tarjetas llevan a destinos concretos.
Designer
Ejemplo ilustrativo. No genera ni publica contenido desde esta página.
Matov1.0
Recorrido ilustrativo con datos de ejemplo; no es una ejecución real.
Espacios de trabajo
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Rooms
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Projects
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Inbox
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
CRM
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Marketing y automatización
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Ads
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Campaigns
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Automations
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Correo, archivos y fuentes
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Almacenamiento
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Crawl
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Resultados de trabajo
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Docs
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Sheets
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Dashboards
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
Forms
Recorrido ilustrativo con datos de ejemplo. Las acciones requieren configuración y permisos.
¿Qué equipo querés acompañar?
Cada recorrido muestra un pedido, las herramientas que intervienen y un resultado posible.
Plataforma y planes
XIA para trabajar con personas y agentes. AI Gateway para integrar modelos desde tu aplicación. Compará ambos productos y elegí el plan que corresponde.
| Qué incluye | Gateway Free | Gateway Starter | Gateway Pro | Gateway Enterprise |
|---|---|---|---|---|
| Tokens por mes | 100.000 | 10.000.000 | 100.000.000 | Sin límite |
| API keys | 5 | 25 | Sin límite | Sin límite |
| Personas | 1 | 5 | 25 | Sin límite |
| BYOK · tus propias claves | No | Sí | Sí | Sí |
Límites mensuales donde se indica. Las funciones y condiciones dependen del plan elegido; los modelos disponibles se consultan en el catálogo.
Biblioteca de componentes
Una pieza para cada necesidad.
Ejemplos del código compartido, reglas de uso y pendientes de construcción. Las muestras explican el diseño; no son promesas comerciales.
Comparar sin perder contexto
CompareTable muestra criterios y alternativas. Usá texto que explique la diferencia y destacá una sola columna. En móvil, la tabla general conserva las columnas con desplazamiento horizontal; la comparación de Home tiene una adaptación específica para dos alternativas.
| Criterio | Composición aislada | Sistema compartido |
|---|---|---|
| Botones | Una receta por página | CtaLink y CtaAnchor |
| Tablas | Celdas y colores propios | CompareTable o DataTable |
| Movimiento | Efectos independientes | Reveal y controles de pausa |
<CompareTable caption={t("title")} rowHeader={t("tableLabels.criterion")}
columns={columns} rows={rows} />| Elemento | Referencia | Uso |
|---|---|---|
| Reveal | 80 ms | Cadencia entre elementos; prop index. |
| Área táctil | 44 px | Mínimo para acciones principales. |
| Tarjetas de destino | 2 → 1 | Dos columnas en escritorio, una en móvil. |
Preservá encabezados y contexto. El contenedor recibe foco para desplazarse con teclado. No ocultes columnas esenciales en móvil.
<DataTable caption={t("title")} columns={columns}
rows={[{ id: "stable-id", cells: [label, value, description] }]} />La receta de una página de producto
Coder aplica el hero configurable, la demostración por pasos y los estados explícitos de comparación. Ejemplos ilustrativos; la configuración de planes es la fuente comercial.
Primero, un objetivo claro.
XIA, creá una web para nuestro estudio. Servicios, equipo y formulario de contacto.
Voy a organizar una primera versión con tu marca y estas secciones.
- Tu empresa
- Estudio de arquitectura
- El contenido
- Servicios · Proyectos · Contacto
- El estilo
- Cálido, editorial y natural
Demostración ilustrativa. No publica un sitio ni representa una sesión real.
Soluciones: contexto visual y tres escalas
SolutionHero usa una imagen de fondo con una capa de contraste. La demo distingue consulta, preparación y revisión humana. Insurance es la referencia para nuevas páginas de industria.

NAPSIX PARA SEGUROS · COMPAÑÍAS, BROKERS Y PRODUCTORES
Una operación conectada.
Tu compañía.
XIA conecta conversaciones, documentos y próximos pasos para que toda la cadena del seguro trabaje con contexto. Desde un productor hasta los equipos de una compañía y su red comercial.
Adjunto aportado por la clienta
Ejemplo ilustrativo con datos ficticios. Requiere fuentes conectadas y permisos. No cotiza, emite ni aprueba coberturas o siniestros.
Conexiones: animación explicativa y catálogo
AppConnectionScene muestra entradas y resultados ilustrativos con pausa y selección manual. IntegrationCatalog usa búsqueda, filtros y fichas desplegables; no inicia OAuth ni promete conexiones activas.
Un correo trae un pedido del cliente.
XIA prepara el contexto para compartir con el equipo.
Secuencia ilustrativa. No representa una cuenta conectada ni una ejecución en vivo.
Mostrando 6 de 6 integraciones
Atlassian (Jira + Confluence)Productividad
Issues, sprints, páginas y comentarios en Jira y Confluence.
Después de crear tu espacio, revisá la disponibilidad y los permisos de esta conexión. Esta ficha no conecta tu cuenta.
Empezar con NapsixVer documentaciónCloudflareDesarrollo
Administrá DNS, Workers, Pages, R2, KV y el resto de tu infraestructura edge de Cloudflare.
Después de crear tu espacio, revisá la disponibilidad y los permisos de esta conexión. Esta ficha no conecta tu cuenta.
Empezar con NapsixVer documentaciónFacebookRedes sociales
Gestioná tu página, respondé mensajes y automatizá publicaciones.
Después de crear tu espacio, revisá la disponibilidad y los permisos de esta conexión. Esta ficha no conecta tu cuenta.
Empezar con NapsixFirecrawlDesarrollo
Scrapeá webs, crawleá sitios enteros, extraé datos estructurados y buscá en internet con IA.
Después de crear tu espacio, revisá la disponibilidad y los permisos de esta conexión. Esta ficha no conecta tu cuenta.
Empezar con NapsixGitHubDesarrollo
Issues, PRs, releases y operaciones en repos.
Después de crear tu espacio, revisá la disponibilidad y los permisos de esta conexión. Esta ficha no conecta tu cuenta.
Empezar con NapsixVer documentaciónGmailEmail
Leé y enviá emails, buscá contactos y gestioná tu bandeja.
Después de crear tu espacio, revisá la disponibilidad y los permisos de esta conexión. Esta ficha no conecta tu cuenta.
Empezar con NapsixAgentes: elegir un trabajo para delegar
Usá AgentsReference y PublicAgentCard para el catálogo público. La escena ilustra resultados; no representa ejecuciones ni conexiones reales.
Llegó una consulta comercial. Prepará los próximos pasos.
Seguimiento preparado para revisar con el equipo.
Ejemplos ilustrativos. Las acciones dependen de las apps conectadas y los permisos del agente.
Apps, origen y orden
Filtrar por apps que utiliza
1 resultados entre 1 agentes cargados
Reporte Recurrente
Ejemplo editorial: un informe semanal con datos actualizados, para revisar con el equipo.
Trabaja con
Key Partners: una integración con recorrido propio
KeyPartnerReference comparte estructura, pero cada partner conserva su alcance, sus ejemplos y su vía de conexión. No atribuir certificaciones ni beneficios comerciales sin evidencia.

Mercado Libre
Mercado PagoDe la consulta al próximo paso
Mercado Libre · resumen
Una lectura rápida de la operación
- Ventas a revisar
- 12
- Preguntas pendientes
- 3
- Envíos pendientes
- 2
Demo con datos de ejemplo.

TiendanubeTu tienda y tu equipo, conectados
Tiendanube · informe
Una lectura para decidir el próximo paso
- Pedidos de ejemplo
- 18
- Productos destacados
- 3
- Productos a revisar
- 4
Demo con datos de ejemplo.
Del pedido a un resultado que podés revisar.
Un ejemplo de cómo XIA organiza el contexto y prepara el siguiente paso.
Minería
Demo con datos de ejemplo.
Agencias
Demo con datos de ejemplo.
Tarjetas y respuestas, sin variantes por página
FeatureGrid presenta beneficios; los destinos usan HumanProductLinks. FAQ funciona con teclado y sin JavaScript. Las tarjetas informativas no deben aparentar botones.
- Mercado Libre
- Mercado Pago
- Stripe
- Shopify
- Gmail
- Slack
Ejemplo visual: porcentaje ilustrativo, no una métrica del negocio.
Ejemplo visual: porcentaje ilustrativo, no una métrica del negocio.
Una idea
Título breve, beneficio concreto y detalle legible.
Jerarquía clara
El lima marca acciones. El contenido conserva un fondo tranquilo.
Movimiento útil
Entrada breve con Reveal; el texto siempre permanece accesible.
¿Cuándo uso una tabla?
¿Puedo crear otro estilo de botón?
¿Esta biblioteca ya cubre todos los casos?
Qué reutilizar y qué construir
Este es el orden de trabajo para completar el sitio. Los nombres propuestos aún no son APIs disponibles.
| Componente | Estado | Siguiente paso |
|---|---|---|
| HumanHero / HumanFilm | Adaptar · P0 | Separar contenido y medios de story=home|agents para nuevos productos. |
| CompareTable / DataTable | Disponible | Reutilizar; validar tablas largas y condiciones comerciales. |
| CatalogToolbar | Crear · P0 | Búsqueda, filtros, recuento, reset y estado sin resultados para Plataforma, Agentes e Integraciones. |
| CatalogCard / DetailHeader | Extraer · P0 | Unificar agent-card, integración y FeaturesIndex; mantener badges y destinos reales. |
| PricingCard / PlanComparison | Extraer · P0 | Reutilizar datos de pricing; estados de plan, período y condiciones sin cifras inventadas. |
| FormField / FormFeedback | Extraer · P1 | Label, ayuda, select, validación, envío, éxito y error desde formularios existentes. |
| WorkflowSteps / DemoFrame | Extraer · P1 | Generalizar HumanDemo y flujos; pausa, poster, fallback y transcripción. |
| EditorialLayout / ResourceCard | Crear · P2 | Artículos, legales y novedades: índice, fecha, autor, enlaces y ancho de lectura. |
| StatusNotice / EmptyState | Extraer · P2 | Info, pendiente, error y recuperación; no comunicar estados solo con color. |
| ProofCard / Quote / TrustGrid | Crear · P2 | Casos, testimonios y seguridad con evidencia y permisos de uso de logos. |
Cobertura del sitio
La migración, página por página.
Inventario de 63 plantillas del código: marketing, Agentes y partners públicos. Las rutas dinámicas no se expanden. La clasificación indica adaptación visual pendiente, no errores HTTP. Cada migración requiere revisión visual posterior.
Ver todas las rutas y sus componentes
| Ruta | Estado | Componente | Siguiente paso |
|---|---|---|---|
/brandkit | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanBrandGuide, HumanFilm, HumanFilmPlayer, HumanProductLinks, Reveal, StatBand | — |
/brandkit.com | Redirección · — | Composición propia | — |
/comunidades | Referencia · — | CTABand, FAQ, FeatureGrid, HeroUtility, Reveal | — |
/contacto | Referencia · — | FeatureGrid, HeroUtility, Reveal | — |
/developers | Referencia · — | Reveal | — |
/empresa/[slug] | Referencia · — | HeroUtility, Reveal | — |
/plataforma | Referencia · — | HumanAppsCarousel, Reveal | — |
/developers/gateway | Referencia · — | CompareTable, FeatureGrid, Reveal | — |
/integraciones/mercado | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, Reveal | — |
/integraciones | Referencia · — | CompareTable, FAQ, FeatureGrid, Reveal | — |
/integraciones/partners/aplicar | Referencia · — | CompareTable, FAQ, FeatureGrid, Reveal | — |
/integraciones/partners/terminos | Referencia · — | HeroUtility, Reveal | — |
/integraciones/tiendanube | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, Reveal | — |
/investors | Referencia · — | CTABand, CompareTable, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal, StatBand | — |
/legal/sla | Referencia · — | HeroUtility, Reveal | — |
/marca/[slug] | Referencia · — | FeatureGrid, HeroUtility, Reveal | — |
/mato | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal, StatBand | — |
/developers/modelos | Referencia · — | Reveal | — |
/novedades/[slug] | Referencia · — | HeroUtility, Reveal | — |
/novedades | Referencia · — | CTABand, HeroUtility | — |
/ | Referencia · — | CompareTable, FAQ, HumanAppsCarousel, HumanDemo, HumanFilm, HumanFilmPlayer, HumanHero, HumanLanding, HumanProductLinks, HumanValueSections, Reveal | — |
/partners/track/[id] | Referencia · — | HeroUtility, Reveal | — |
/partnership/[partner] | Referencia · — | CTABand, CompareTable, FeatureGrid, HeroUtility, Reveal | — |
/plataforma/ads | Referencia · — | AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/plataforma/automations | Referencia · — | AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/plataforma/campaigns | Referencia · — | AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/plataforma/crm | Referencia · — | AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/plataforma/inbox | Referencia · — | AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/plataforma/knowledge | Redirección · — | Composición propia | — |
/plataforma/projects | Referencia · — | AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/plataforma/rooms | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/pricing | Referencia · — | CompareTable, FAQ, Reveal | — |
/privacidad | Referencia · — | HeroUtility, Reveal | — |
/productos/almacenamiento | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/calendar | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/concierge | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/designer | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/documentos | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/forms | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/mail | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/outbound | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/planillas | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/tableros | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/tasks | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/xia-agents | Referencia · — | CompareTable, FAQ, HumanAppsCarousel, HumanDemo, HumanFilm, HumanFilmPlayer, HumanHero, HumanLanding, HumanProductLinks, HumanValueSections, Reveal | — |
/productos/xia-coder | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/productos/xia-crawl | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/promo/[code] | Referencia · — | HeroUtility, Reveal | — |
/promo/terminos | Referencia · — | HeroUtility, Reveal | — |
/revendedores | Referencia · — | CTABand, FAQ, FeatureGrid, HeroUtility, Reveal | — |
/roadmap | Referencia · — | CTABand, FeatureGrid, HeroUtility, Reveal | — |
/industrias/[slug] | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/industrias | Referencia · — | HumanAppsCarousel, Reveal | — |
/seguridad | Referencia · — | CTABand, FeatureGrid, HeroUtility, Reveal | — |
/soluciones/[role] | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal | — |
/soluciones | Referencia · — | HumanAppsCarousel, Reveal | — |
/status | Referencia · — | FAQ, HeroUtility, Reveal | — |
/terminos | Referencia · — | HeroUtility, Reveal | — |
/agentes/[slug] | Referencia · — | StatBand | — |
/agentes | Referencia · — | CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, Reveal | — |
/creador/[handle] | Referencia · — | CTABand, HeroUtility, Reveal, StatBand | — |
/partners/[slug]/upgrade | Referencia · — | HeroUtility, Reveal | — |
/partners/aplicar | Referencia · — | HeroUtility, Reveal | — |
Contrato de implementación
El próximo agente empieza acá.
La guía descargable documenta fuentes, APIs existentes, recetas y criterios de aceptación. Es independiente del proveedor de IA.
- Leé AGENTS.md, REGLAS.md y site-style-system.md; revisá la fila de la ruta en la auditoría.
- Elegí una receta: producto, catálogo, confianza o editorial. Reutilizá los componentes existentes.
- Conservá los tokens, logos maestros y nombres oficiales. Todo texto visible y accesible debe existir en ES y EN.
- Si falta una pieza, creala en components/site y documentá su API, estados y ejemplo en /brandkit.
- Comprobá teclado, 390 px, escritorio, reduced motion, medios pausados y errores de carga.
- Ejecutá los checks, regenerá auditoría y ZIP, y registrá la evidencia. No marques una ruta como migrada solo por devolver HTTP 200.
HOJA DE ESTILO
Seis criterios para diseñar con coherencia.
Composición
Texto y CTAs a la izquierda; video 1:1 a la derecha. En móvil, una columna. Un máximo de dos chips en el hero.
Movimiento
Hover y foco: 300 ms. Reveal: 500 ms, con pasos de 80 ms. Videos y demos tienen pausa; movimiento reducido desactiva los loops.
Escenas humanas
Oficinas y equipos reales como dirección visual. XIA aparece en el trabajo. Interfaces recreadas se identifican como ilustrativas.
Jerarquía
Una acción principal por bloque. Radios de 14 px en CTAs, 22–28 px en tarjetas y medios. Aire antes que ornamentos.
Marca y comunicación
Logos oficiales, sin redibujar ni deformar. Nombres de producto canónicos. Explicar resultados y controles con ejemplos verificables.
Accesibilidad
Foco visible, texto oscuro sobre lima y enlaces con propósito. Comparativos apilados en móvil. Nunca depender solo del movimiento para entender.
Tres firmas, una misma marca.
NapsixB2B sigue siendo la marca principal. Napsix y NapsixAI son firmas complementarias construidas con la misma geometría y los mismos colores.
NapsixB2B
Marca principalFirma institucional y comercial. Es el logo predeterminado para el producto, el sitio y las comunicaciones corporativas.
Napsix
Firma corta sin el sufijo B2B. Conserva exactamente la tipografía y el isotipo de la marca principal.
NapsixAI
Actualización de la firma NapsixAI con la referencia cromática de napsix.com: negro o blanco pleno y lime canónico.
Perfiles, portadas y video.
Archivos ya dimensionados para que el logo no quede cortado, borroso ni ilegible en los recortes de cada plataforma.
Opciones de avatar
Todos los masters son cuadrados y dejan margen para el recorte circular.
Portadas oficiales
La composición mantiene el logo dentro de la zona segura de cada red.
Simple de aplicar. Difícil de romper.
Unas pocas reglas mantienen la marca nítida y consistente en cualquier tamaño.
Hacé esto
- Usá la versión clara u oscura según el contraste del fondo.
- Mantené un espacio libre mínimo igual al 25% de la altura del logo.
- Usá el SVG cuando sea posible y el PNG grande para plataformas sociales.
- Usá el isotipo o un avatar cuadrado en recortes circulares pequeños.
No hagas esto
- No reemplaces el lime #CAF31D por un verde parecido.
- No estires, comprimas, gires ni redibujes el logo.
- No agregues sombras, contornos, degradados ni efectos.
- No uses los colores legacy #B6ED64, #00FF00 o #430C66.
Los íconos de las apps y de las actions.
Set propio en duotone (tinta + lima): 26 apps nativas y 24 commands del chat, listos para producto y marca.
APPS NATIVAS
Las apps de Napsix, con íconos propios.
26 apps que Mato opera de fábrica: sin configuración y sin claves.
- XIA Agents
- Inbox
- Calendar
- Tasks
- Projects
- Rooms
- CRM
- Outbound
- Docs
- Sheets
- Dashboards
- Forms
- Storage
- Crawl
- Coder
- Designer
- Campaigns
- Automations
- Integraciones
- AI Gateway
- Agentes
- Agendas
- Contactos
- Marcas
- Publicador
COMMANDS DEL CHAT
Lo que le pedís ya está adentro.
24 commands que corren en el chat, en los agentes y por API.
/image/edit/video/reel/doc/sheet/tablero/sitio/form/extract/transcribe/web/summarize/translate/chart/contact/task/calendar/deal/kb/agent/model/help/memory-recall
- PlataformaNapsixB2B
El OS agéntico multi-tenant: XIA, los agentes y las apps de Napsix.
- AgenteXIA
Con quien hablás: opera tus apps nativas, tus integraciones y las actions.
- ModeloMato
El modelo propietario que corre a XIA: tool-calling nativo y $0 por token.
Los assets oficiales, en una descarga.
Incluye 16 masters SVG, PNG transparentes, perfiles, portadas, marca de agua, tokens de color, manifiesto y checksums.









