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.
Descargar paleta JSONPapel
#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.
Componentes
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.
Abrir biblioteca de componentesHOJA 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
- 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.
