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.
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.
Download palette JSONPaper
#FAF9F6Large backgrounds and reading.
Charcoal
#242A27Headings and secondary actions.
Green
#385541Emphasis, focus and comparisons.
Interface lime
hsl(72 90% 53%)Site --accent token. Dark text on primary actions.
Secondary text
#5D665FDescriptions on light backgrounds.
Border
#DEDFD7Subtle separation between content.
TYPOGRAPHY
Character in headings. Clarity in content.
Your team and XIA, working together.
Headings, navigation, labels and CTAs. Weights 600–700; tight tracking only in large headings.
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.
Components
Try keyboard focus and hover. The lime CTA is the primary action; the dark pill supports it. Cards lead to specific destinations.
Open the component librarySTYLE GUIDE
Six principles for consistent design.
Composition
Copy and CTAs on the left; a 1:1 video on the right. One column on mobile. At most two hero chips.
Motion
Hover and focus: 300 ms. Reveal: 500 ms, with 80 ms steps. Videos and demos have pause controls; reduced motion disables loops.
Human scenes
Offices and teams define the visual direction. XIA appears within the work. Recreated interfaces are labeled illustrative.
Hierarchy
One primary action per block. 14 px CTA corners, 22–28 px cards and media. Space before decoration.
Brand and communication
Official logos, never redrawn or distorted. Canonical product names. Explain outcomes and controls with verifiable examples.
Accessibility
Visible focus, dark text on lime and meaningful links. Stacked comparisons on mobile. Understanding must never depend on motion alone.
Three signatures, one brand.
NapsixB2B remains the primary brand. Napsix and NapsixAI are complementary signatures built with the same geometry and colours.
NapsixB2B
Primary brandInstitutional and commercial signature. This is the default logo for the product, website and corporate communications.
Napsix
Short signature without the B2B suffix. It keeps the exact typography and symbol of the primary brand.
NapsixAI
The NapsixAI signature updated to the napsix.com colour reference: pure black or white and canonical lime.
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.
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.
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
- Calendar
- Tasks
- Projects
- Rooms
- CRM
- 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.
