BRANDKIT · VISUAL SYSTEM 2026.09

A human brand. A shared system.

People, product and a recognizable identity. Use this guide to design the next Napsix pages with the same principles as Home and XIA Agents.

Guide + SVG logosExplore logos
Team collaborating with XIA in an office
Napsix

COLOR WITH A PURPOSE

One palette for the entire site.

Use these tokens for every new page. Logos retain their original files; their inks are not a second interface palette.

Paper

#FAF9F6

Large backgrounds and reading.

Charcoal

#242A27

Headings and secondary actions.

Green

#385541

Emphasis, focus and comparisons.

Interface lime

hsl(72 90% 53%)

Site --accent token. Dark text on primary actions.

Secondary text

#5D665F

Descriptions on light backgrounds.

Border

#DEDFD7

Subtle separation between content.

TYPOGRAPHY

Character in headings. Clarity in content.

JetBrains Mono · 600 / 700

Your team and XIA, working together.

Headings, navigation, labels and CTAs. Weights 600–700; tight tracking only in large headings.

Inter · 400 / 600

A clear conversation turns a request into your team’s next step.

Body text, descriptions and comparisons. Weights 400–600; 16–20 px text and 1.6 line height.

LIVE COMPONENTS

The same interaction, on every page.

Try keyboard focus and hover. The lime CTA is the primary action; the dark pill supports it. Cards lead to specific destinations.

Start freeTalk to our teamCompact CTA
DocsDocuments that turn ideas into deliverables.
SheetsData, formulas and collaboration with XIA.
MailEmail connected to your team’s work.
Explore integrationsConnect the tools you already use.

Designer

DesignerCampaign brief
01

Selected brand

02

Season launch

03

Visual reference

Illustrative example. This page does not generate or publish content.

Matov1.0

Mato v1.0

Get me competitor prices and build the team sheet.

  • Search prices
  • Read the pages
  • Write to Sheets

Illustrative tour with sample data; not a live run.

Workspaces

Illustrative walkthrough with example data. Actions require configuration and permissions.

Rooms

NapsixB2BRooms
Team / Launch
Lucía · Sales team

XIA, summarize the agreements from this meeting.

Example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Projects

NapsixB2BProjects
Project / Launch
To do
Prepare proposal

Lucía · Owner

In progress
Done

Prepare the launch proposal.

Example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Inbox

NapsixB2BInbox
Inbox / Support
María · CustomerReceived
Hello, can we arrange a meeting to review the proposal?
Example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

CRM

NapsixB2BCRM
Pipeline / Sales team
Contact
North project

Lucía · Sales

Proposal
Follow-up

Gather the customer’s needs.

Example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Marketing and automation

Illustrative walkthrough with example data. Actions require configuration and permissions.

Ads

NapsixB2BAds
Ads / Seasonal launch
XIA · XIA, prepare a promotion for this launch.
Selected post
Meta Ads
Seasonal collection

Website visits

Pending · no spend
Illustrative example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Campaigns

NapsixB2BCampaigns
Campaigns / Team newsletter
XIA · XIA, prepare our newsletter for subscribers.
Selected audience
Active subscribers
Ana · subscribed
Luis · subscribed
Marta · unsubscribed, excluded
Illustrative example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Automations

NapsixB2BAutomations
Automations / Sales follow-up
XIA · When a contact arrives, organize their follow-up.
Incoming event

New contact

Automations / Sales follow-up
Illustrative example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Email, files and sources

Illustrative walkthrough with example data. Actions require configuration and permissions.

Mail

NapsixB2BMail
Mail / Sales team
Received
Service proposal
ana@example.comteam@example.com

Can you confirm the scope of the proposal?

Illustrative example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Storage

NapsixB2BStorage
Files / North project
Project files
Project handbook.pdf

PDF · Team

Find the project handbook.

Illustrative example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Crawl

NapsixB2BCrawl
Research / Web sources
Search
Sustainable logistics
Distribution report

example.com/report.pdf

Illustrative example · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Work outputs

Illustrative walkthrough with example data. Actions require configuration and permissions.

Docs

NapsixB2BDocs
Proposal / Sales team
XIA · Prepare a proposal for our support service.
Draft

Work proposal

Goal: organize support and follow-up.

Example data · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Sheets

NapsixB2BSheets
Spreadsheet / Operations
XIA · Organize quantities by line.
Input data
LineQuantityResult
A120—
B80—
C60—
Example data · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Dashboards

NapsixB2BDashboards
Dashboard / Leadership
XIA · Show the trend across the last three periods.
Define the view
—
Period 1
—
Period 2
—
Period 3
Example data · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Forms

NapsixB2BForms
Form / Support
XIA · Create a form with name and email.
Structure
Name
—
Email
—
Example data · for review

Illustrative walkthrough with example data. Actions require configuration and permissions.

Which team are you supporting?

Each journey shows a request, the tools involved and a possible result.

4 of 4 options

Platform and plans

XIA for working with people and agents. AI Gateway for integrating models into your application. Compare both products and choose the right plan.

Compare Gateway limits
What's includedGateway FreeGateway StarterGateway ProGateway Enterprise
Tokens per month100,00010,000,000100,000,000Unlimited
API keys525UnlimitedUnlimited
People1525Unlimited
BYOK · your own keysNoYesYesYes

Monthly limits where indicated. Features and conditions depend on your selected plan; consult the catalog for available models.

Component library

A component for every need.

Live shared components, usage rules and a construction backlog. Samples explain design, not commercial promises.

Compare without losing context

CompareTable displays criteria and alternatives. Explain differences in words and highlight one column. On mobile, general tables preserve columns with horizontal scrolling; the Home comparison has a specific layout for two alternatives.

Compare without losing context
CriterionIsolated compositionShared system
ButtonsA recipe for each pageCtaLink and CtaAnchor
TablesCustom cells and colorsCompareTable or DataTable
MotionIndependent effectsReveal and pause controls
<CompareTable caption={t("title")} rowHeader={t("tableLabels.criterion")}
  columns={columns} rows={rows} />
Specification table
ElementReferenceUsage
Reveal80 msStagger between items; index prop.
Touch target44 pxMinimum for primary actions.
Destination cards2 → 1Two columns on desktop, one on mobile.

Preserve headers and context. The region is focusable for keyboard scrolling. Never hide essential columns on mobile.

<DataTable caption={t("title")} columns={columns}
  rows={[{ id: "stable-id", cells: [label, value, description] }]} />

The product page recipe

Coder applies the configurable hero, step-by-step walkthrough and explicit comparison states. Examples are illustrative; plan configuration is the commercial source.

01 · The request

Start with a clear goal.

Your request

XIA, create a website for our studio. Services, team and a contact form.

XIA Coder

I’ll organize a first version around your brand and these sections.

Your business
Architecture studio
The content
Services · Projects · Contact
The style
Warm, editorial and natural

Illustrative walkthrough. It does not publish a website or represent a real session.

IncludedNot includedRequires configuration
XIA Coder

Solutions: visual context at three scales

SolutionHero uses a background image with a contrast layer. The demo separates enquiry, preparation and human review. Insurance is the reference for new industry pages.

NAPSIX FOR INSURANCE · CARRIERS, BROKERS AND ADVISORS

One connected operation.
Your company.

XIA connects conversations, documents and next steps so the insurance value chain can work with context. From an individual advisor to a carrier’s teams and distribution network.

Find your solution
Enquiry · Renewal
CLIENT · EXAMPLE

My policy expires this month. Can we review the renewal? I have attached the documents.

Renewal documents.pdf

Attachment supplied by the client

Illustrative example with fictional data. Requires connected sources and permissions. It does not quote, issue policies or approve coverage or claims.

Connections: explanatory motion and catalog

AppConnectionScene shows illustrative inputs and outputs with pause and manual selection. IntegrationCatalog uses search, filters and expandable cards; it does not start OAuth or imply an active connection.

FROM AN APP TO SHARED WORK
Gmail

An email brings a customer request.

NapsixXIA
XIA + Rooms

XIA prepares context to share with the team.

Illustrative sequence. It does not represent a connected account or a live execution.

Showing 6 of 6 integrations

Atlassian (Jira + Confluence)Productivity

Issues, sprints, pages and comments in Jira and Confluence.

Tools · MCP

After creating your workspace, review this connection’s availability and permissions. This card does not connect your account.

Get started with NapsixView documentation
CloudflareDevelopment

Manage DNS, Workers, Pages, R2, KV and your Cloudflare edge infrastructure.

Account connection · OAuthTools · MCP

After creating your workspace, review this connection’s availability and permissions. This card does not connect your account.

Get started with NapsixView documentation
FacebookSocial media

Manage your page, reply to messages and automate posts.

Account connection · OAuth

After creating your workspace, review this connection’s availability and permissions. This card does not connect your account.

Get started with Napsix
FirecrawlDevelopment

Scrape pages, crawl websites, extract structured data and search the web with AI.

Account connection · OAuth

After creating your workspace, review this connection’s availability and permissions. This card does not connect your account.

Get started with Napsix
GitHubDevelopment

Issues, pull requests, releases and repository operations.

Account connection · OAuthTools · MCP

After creating your workspace, review this connection’s availability and permissions. This card does not connect your account.

Get started with NapsixView documentation
GmailEmail

Read and send email, find contacts and manage your inbox.

Account connection · OAuth

After creating your workspace, review this connection’s availability and permissions. This card does not connect your account.

Get started with Napsix

Agents: choose work to delegate

Use AgentsReference and PublicAgentCard for the public catalog. The scene illustrates results; it does not represent real runs or connections.

A task. A result.
Gmail

A sales enquiry arrived. Prepare the next steps.

NapsixXIA
XIA + Rooms

Follow-up prepared for the team to review.

Illustrative examples. Actions depend on connected apps and agent permissions.

Apps, origin and order

Filter by apps it uses

1 results among 1 loaded agents

Data

Recurring Report

Editorial example: a weekly report with updated data for your team to review.

Works with

Google SheetsGoogle SheetsGmailGmailSlackSlack
Napsix
See how it works

Key Partners: a dedicated integration journey

KeyPartnerReference shares a structure, while each partner keeps its scope, examples and connection path. Never imply certifications or commercial benefits without evidence.

A team coordinating orders and parcels in a commerce office.
Mercado LibreMercado LibreMercado PagoMercado Pago

From a question to the next step

Mercado LibreMercado LibreMercado PagoMercado Pago
Illustrative preview

Mercado Libre · summary

A quick view of the operation

Sales to review
12
Open questions
3
Pending shipments
2
Summary prepared

Demo with sample data.

Two colleagues reviewing their online store in an office.
TiendanubeTiendanube

Your store and team, connected

TiendanubeTiendanube
Illustrative preview

Tiendanube · report

A quick view to decide the next step

Example orders
18
Featured products
3
Products to review
4
Report prepared

Demo with sample data.

From a request to a result you can review.

An example of how XIA organises context and prepares the next step.

XIARooms · Context

Mining

XIA, Prepare the handover from this shift report.

Shift report · North site

Demo with sample data.

XIARooms · Context

Agencies

XIA, Turn this brief into a plan for the team.

Campaign brief · Sample brand

Demo with sample data.

Cards and answers, shared across pages

FeatureGrid presents benefits; destinations use HumanProductLinks. FAQ works with a keyboard and without JavaScript. Informational cards should not look like buttons.

  • Mercado Libre
  • Mercado Pago
  • Stripe
  • Shopify
  • Gmail
  • Slack
First stage60%

Visual sample: illustrative percentage, not a business metric.

Next stage40%

Visual sample: illustrative percentage, not a business metric.

  • One idea

    A short title, concrete benefit and readable detail.

  • Clear hierarchy

    Lime marks actions. Content keeps a calm background.

  • Useful motion

    A brief entrance with Reveal; text always stays accessible.

When should I use a table?
To compare attributes or read structured data. Use cards for destinations and independent benefits.
Can I create another button style?
Extend CtaLink or CtaAnchor in the kit first. Document the variant here and verify focus, mobile and reduced motion.
Does this library cover every case?
The examples are implemented. The backlog distinguishes existing pieces needing adaptation from components still to build.

What to reuse and what to build

This is the work order for completing the site. Proposed names are not available APIs yet.

What to reuse and what to build
ComponentStatusNext step
HumanHero / HumanFilmAdapt · P0Separate content and media from story=home|agents for new products.
CompareTable / DataTableAvailableReuse; validate long tables and commercial conditions.
CatalogToolbarBuild · P0Search, filters, count, reset and empty results for Platform, Agents and Integrations.
CatalogCard / DetailHeaderExtract · P0Unify agent-card, integration and FeaturesIndex; preserve badges and real destinations.
PricingCard / PlanComparisonExtract · P0Reuse pricing data; plan states, billing period and conditions without invented figures.
FormField / FormFeedbackExtract · P1Label, help, select, validation, submitting, success and error from existing forms.
WorkflowSteps / DemoFrameExtract · P1Generalize HumanDemo and workflows; pause, poster, fallback and transcript.
EditorialLayout / ResourceCardBuild · P2Articles, legal and news: contents, date, author, links and reading width.
StatusNotice / EmptyStateExtract · P2Information, pending, error and recovery; never communicate state through color alone.
ProofCard / Quote / TrustGridBuild · P2Cases, testimonials and security with evidence and permission to use logos.

Site coverage

Migration, page by page.

Source inventory of 63 route templates: marketing, Agents and public partners. Dynamic routes are not expanded. Classification describes pending visual adaptation, not HTTP failures. Each migration still needs visual review.

View every route and its components
Migration, page by page.
RouteStatusComponentNext step
/en/brandkitReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanBrandGuide, HumanFilm, HumanFilmPlayer, HumanProductLinks, Reveal, StatBand—
/en/brandkit.comRedirect · —Custom composition—
/en/communitiesReference · —CTABand, FAQ, FeatureGrid, HeroUtility, Reveal—
/en/contactReference · —FeatureGrid, HeroUtility, Reveal—
/en/developersReference · —Reveal—
/en/company/[slug]Reference · —HeroUtility, Reveal—
/en/platformReference · —HumanAppsCarousel, Reveal—
/en/developers/gatewayReference · —CompareTable, FeatureGrid, Reveal—
/en/integrations/mercadoReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, Reveal—
/en/integrationsReference · —CompareTable, FAQ, FeatureGrid, Reveal—
/en/integrations/partners/applyReference · —CompareTable, FAQ, FeatureGrid, Reveal—
/en/integrations/partners/termsReference · —HeroUtility, Reveal—
/en/integrations/tiendanubeReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, Reveal—
/en/investorsReference · —CTABand, CompareTable, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal, StatBand—
/en/legal/slaReference · —HeroUtility, Reveal—
/en/brand/[slug]Reference · —FeatureGrid, HeroUtility, Reveal—
/en/matoReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal, StatBand—
/en/developers/modelsReference · —Reveal—
/en/news/[slug]Reference · —HeroUtility, Reveal—
/en/newsReference · —CTABand, HeroUtility—
/enReference · —CompareTable, FAQ, HumanAppsCarousel, HumanDemo, HumanFilm, HumanFilmPlayer, HumanHero, HumanLanding, HumanProductLinks, HumanValueSections, Reveal—
/en/partners/track/[id]Reference · —HeroUtility, Reveal—
/en/partnership/[partner]Reference · —CTABand, CompareTable, FeatureGrid, HeroUtility, Reveal—
/en/platform/adsReference · —AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/platform/automationsReference · —AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/platform/campaignsReference · —AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/platform/crmReference · —AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/platform/inboxReference · —AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/platform/knowledgeRedirect · —Custom composition—
/en/platform/projectsReference · —AppsGrid, AppsGridSection, AppsGridTileView, CTABand, CompareTable, FAQ, FeatureGrid, HeroIcon, HeroProduct, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/platform/roomsReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/pricingReference · —CompareTable, FAQ, Reveal—
/en/privacyReference · —HeroUtility, Reveal—
/en/products/storageReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/calendarReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/conciergeReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/designerReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/documentsReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/formsReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/mailReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/outboundReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/sheetsReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/dashboardsReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/tasksReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/xia-agentsReference · —CompareTable, FAQ, HumanAppsCarousel, HumanDemo, HumanFilm, HumanFilmPlayer, HumanHero, HumanLanding, HumanProductLinks, HumanValueSections, Reveal—
/en/products/xia-coderReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/products/xia-crawlReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/promo/[code]Reference · —HeroUtility, Reveal—
/en/promo/terminosReference · —HeroUtility, Reveal—
/en/resellersReference · —CTABand, FAQ, FeatureGrid, HeroUtility, Reveal—
/en/roadmapReference · —CTABand, FeatureGrid, HeroUtility, Reveal—
/en/industries/[slug]Reference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/industriesReference · —HumanAppsCarousel, Reveal—
/en/securityReference · —CTABand, FeatureGrid, HeroUtility, Reveal—
/en/solutions/[role]Reference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, HumanFilm, HumanFilmPlayer, Reveal—
/en/solutionsReference · —HumanAppsCarousel, Reveal—
/en/statusReference · —FAQ, HeroUtility, Reveal—
/en/termsReference · —HeroUtility, Reveal—
/en/agents/[slug]Reference · —StatBand—
/en/agentsReference · —CompareTable, FAQ, FeatureGrid, HumanAppsCarousel, Reveal—
/en/creator/[handle]Reference · —CTABand, HeroUtility, Reveal, StatBand—
/en/partners/[slug]/upgradeReference · —HeroUtility, Reveal—
/en/partners/applyReference · —HeroUtility, Reveal—
Download JSON inventoryDownload audit (ES)

Implementation contract

The next agent starts here.

The downloadable guide documents sources, available APIs, recipes and acceptance criteria. It is independent of the AI provider.

  1. Read AGENTS.md, REGLAS.md and site-style-system.md; review the route in the audit.
  2. Choose a recipe: product, catalog, trust or editorial. Reuse existing components.
  3. Preserve tokens, master logos and official names. All visible and accessible copy must exist in ES and EN.
  4. If a piece is missing, create it in components/site and document its API, states and example in /brandkit.
  5. Check keyboard, 390 px, desktop, reduced motion, paused media and loading failures.
  6. Run checks, regenerate the audit and ZIP, and record evidence. An HTTP 200 alone does not make a migration complete.
Download agent guide (ES)

STYLE GUIDE

Six principles for consistent design.

01

Composition

Copy and CTAs on the left; a 1:1 video on the right. One column on mobile. At most two hero chips.

02

Motion

Hover and focus: 300 ms. Reveal: 500 ms, with 80 ms steps. Videos and demos have pause controls; reduced motion disables loops.

03

Human scenes

Offices and teams define the visual direction. XIA appears within the work. Recreated interfaces are labeled illustrative.

04

Hierarchy

One primary action per block. 14 px CTA corners, 22–28 px cards and media. Space before decoration.

05

Brand and communication

Official logos, never redrawn or distorted. Canonical product names. Explain outcomes and controls with verifiable examples.

06

Accessibility

Visible focus, dark text on lime and meaningful links. Stacked comparisons on mobile. Understanding must never depend on motion alone.

Download CSSDownload guide
Logo system

Three signatures, one brand.

NapsixB2B remains the primary brand. Napsix and NapsixAI are complementary signatures built with the same geometry and colours.

NapsixB2B

Primary brand

Institutional and commercial signature. This is the default logo for the product, website and corporate communications.

Primary platform
Black and lime NapsixB2B logo for light backgrounds
For light backgrounds
Download SVGPNG 2400 px
White and lime NapsixB2B logo for dark backgrounds
For dark backgrounds
Download SVGPNG 2400 px

Napsix

Short signature without the B2B suffix. It keeps the exact typography and symbol of the primary brand.

Short signature
Black and lime Napsix logo for light backgrounds
For light backgrounds
Download SVGPNG 2400 px
White and lime Napsix logo for dark backgrounds
For dark backgrounds
Download SVGPNG 2400 px

NapsixAI

The NapsixAI signature updated to the napsix.com colour reference: pure black or white and canonical lime.

AI signature
Black and lime NapsixAI logo for light backgrounds
For light backgrounds
Download SVGPNG 2400 px
White and lime NapsixAI logo for dark backgrounds
For dark backgrounds
Download SVGPNG 2400 px
Social media

Profiles, covers and video.

Files already sized so the logo stays sharp, legible and safely inside every platform crop.

Avatar options

Every master is square and includes safe room for circular cropping.

Official covers

The composition keeps the logo within each network's safe area.

  • Official NapsixB2B YouTube banner

    YouTube · Channel banner

    2560 × 1440 px

    Download
  • Official NapsixB2B LinkedIn company cover

    LinkedIn · Company

    4200 × 700 px

    Download
  • Official NapsixB2B LinkedIn personal profile cover

    LinkedIn · Personal profile

    1584 × 396 px

    Download
  • Official NapsixB2B X header

    X · Header

    1500 × 500 px

    Download
  • Official NapsixB2B Facebook cover

    Facebook · Page

    851 × 315 px

    Download
  • Official NapsixB2B social share card

    Social share card

    1200 × 630 px

    Download
Correct use

Easy to apply. Hard to break.

A few rules keep the brand crisp and consistent at every size.

Do this

  • Use the light or dark version according to the background contrast.
  • Keep clear space equal to at least 25% of the logo height on every side.
  • Use SVG whenever possible and the large PNG on social platforms.
  • Use the symbol or a square avatar inside small circular crops.

Do not do this

  • Do not replace #CAF31D with a similar-looking green.
  • Do not stretch, squash, rotate or redraw the logo.
  • Do not add shadows, outlines, gradients or effects.
  • Do not use the legacy #B6ED64, #00FF00 or #430C66 colours.
THE ICON SYSTEM

Icons for the apps and the actions.

Our own duotone set (ink + lime): 26 native apps and 24 chat commands, ready for product and brand.

NATIVE APPS

Napsix's apps, with our own icons.

26 apps Mato operates out of the box: no setup, no keys.

  • XIA Agents
  • Inbox
  • Mail
  • Calendar
  • Tasks
  • Projects
  • Rooms
  • CRM
  • Outbound
  • Docs
  • Sheets
  • Dashboards
  • Forms
  • Storage
  • Crawl
  • Coder
  • Designer
  • Campaigns
  • Automations
  • Integrations
  • AI Gateway
  • Agents
  • Agendas
  • Contacts
  • Brands
  • Publisher

CHAT COMMANDS

What you ask for is already built in.

24 commands that run in the chat, in the agents and over the API.

  • /image
  • /edit
  • /video
  • /reel
  • /doc
  • /sheet
  • /dashboard
  • /site
  • /form
  • /extract
  • /transcribe
  • /web
  • /summarize
  • /translate
  • /chart
  • /contact
  • /task
  • /calendar
  • /deal
  • /kb
  • /agent
  • /model
  • /help
  • /memory-recall
  • PlatformNapsixB2B

    The multi-tenant agentic OS: XIA, the agents and Napsix's apps.

  • AgentXIA

    Who you talk to: it operates your native apps, your integrations and the actions.

  • ModelMato

    The proprietary model that runs XIA: native tool-calling and $0 per token.

Official assets, in one download.

Includes 16 SVG masters, transparent PNGs, profiles, covers, a watermark, colour tokens, manifest and checksums.

Download the full ZIP
XIA
XIAby Napsix.AI
public