Brand guidelines · v1 · October 2026

Everything you need
to build like Zunas.

The logo, the colours, the type, the zebra print, Zunas and the motion rules, one page for people, one file for AI.
See the brand ↓ Get the brand LLM file
02 · Colour

Cream ground, ink type, one purple.

Flat fields, hairline borders, no gradients. Purple marks the point, once per element. Terracotta lives only inside data. Tap any swatch to copy its value.
Grounds
Ink & text
Accent
Data only
03 · Type

A Book serif, a quiet sans, a mono for labels.

P22 Mackinac carries every headline and figure, Book for the hero, Medium everywhere else. Inter does the reading. Geist Mono does the labels, kickers and window URLs.
P22 Mackinac · Book 400 · hero
Every lead.
A next step.
P22 Mackinac · Medium 500 · sections
Your AI team. Your desired outcome.
The explanation continues in the grey serif lede, Medium at 24px, ghost grey.
Inter · 400 · ledes and body
AI agents that nurture your leads, make calls, book and confirm appointments, handle warm transfers, and follow through on contracts and payments.
Body copy is Inter at 15px with a 1.6 line-height, colour #5E5D59, max-width 470. Emphasis is ink on a grey line, or purple, never bold. Buttons are Inter 15px at weight 400.
Geist Mono · 10.5px · uppercase · .1em
Lead nurture Appointment confirmed app.zunas.com/leads
Hero H1 P22 Mackinac Book 400 50-64px · lh 1.06-1.12 · ls −0.012em
Section H2 P22 Mackinac Medium 500 44-56px · lh 1.1 · purple second sentence
Card titles P22 Mackinac Medium 500 19-20px · lh 1.3
Big figures P22 Mackinac Medium 500 36-96px · ls −0.015 to −0.03em
Grey serif lede P22 Mackinac Medium 500 22-26px · lh 1.28 · #9A9891
Lede Inter 400 16.5-18.5px · lh 1.55 · #55534E
Body Inter 400 15px · lh 1.6 · #5E5D59 · max 470
Buttons Inter 400 15px · lh 1, never Medium
Nav Inter 400 12px · rgba(31,30,29,.78)
Mono labels Geist Mono 400 10.5px · uppercase · ls .1em · #8B8984
P22 Mackinac Book 400 + Medium 500 · serif headlines /brand/mackinac-book.woff2 · /brand/mackinac-medium.woff2
Inter 400 + 500 · Google Fonts fonts.googleapis.com/css2?family=Inter:wght@400;500
Geist Mono 400 + 500 · Google Fonts fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500
04 · The zebra print

The site’s one texture, in five colourways.

Seventeen organic stripes, rotated −18°, at 5-11% opacity. Always clipped by the band or box it fills. Text that must sit on it goes in a white card. Download the backgrounds ready-made, or the transparent print and set your own ground.
Lavender Agent team · workflow and outcome panels #EEEEFB ground · #5150F6 at 0.09
PNG wide↓ PNG tall↓ PNG square↓ SVG↓
Lavender strong Agent builder · outcome workflow bands #EEEEFB ground · #5150F6 at 0.11
PNG wide↓ PNG tall↓ PNG square↓ SVG↓
Grey Lead nurture · activity and conversation bands #FAF9F5 ground · #1F1E1D at 0.05
PNG wide↓ PNG tall↓ PNG square↓ SVG↓
Grey band A bolder grey band, masked off the text column #F3F2ED ground · #1F1E1D at 0.05
PNG wide↓ PNG tall↓ PNG square↓ SVG↓
Dark The dark hero container only, white type on it #161514 ground · #FFFFFF at 0.07
PNG wide↓ PNG tall↓ PNG square↓ SVG↓
The print alone Transparent stripes for your own ground, set the fill and opacity yourself viewBox 0 0 800 600 · slice · rotate(−18°)
SVG · brand↓ SVG · ink↓ SVG · white↓
  • Sizes: wide 2400×1500, tall 1200×2400 (phones), square 1600×1600. The SVGs scale to any box.
  • In code: the parent gets position: relative; overflow: hidden, the print is absolute inset: 0, content sits at z-index: 1.
  • Never two zebra bands of the same colour in a row; a white band always separates a lavender band from a grey one. Never above .11.
  • The full SVG path data is in the LLM file (Appendix A). Use the original paths.
05 · Zunas

The mascot is Zunas.

The same silhouette as the logo mark. Lavender body, transparent eyes. Always use the original artwork, never redraw it, crisp edges, no smoothing, no badges, no shadows.
Zunas
Lavender The default, on light grounds
SVG↓ PNG↓
Zunas
White On solid purple or ink
SVG↓ PNG↓
Zunas
Zunas Blue The logo mark colourway
SVG↓ PNG↓
Zunas
Ink On light, next to ink type
SVG↓ PNG↓
  • Preserve the reverse orientation and transparent eye cutouts. Use the supplied assets at their original aspect ratio.
  • Use Zunas at 56-120px in product moments. Keep the original silhouette and transparent eyes at every size.
  • Motion is quiet and purposeful. Use a gentle bob while an agent is working, and a clear completed state when it finishes. Respect reduced motion.
  • The drawn Zunas for the line-icon family: preserve the original silhouette. Never invent a new Zunas.
06 · Components

Windows, pills, cards. Used as-is.

Every element below is a named class in the site’s code, with its CSS in the LLM file. Buttons are ink or soft. Product lives in white windows. Text on a print lives in a white card.
Buttons
Build your AI team See how it works ↓ Learn more
Button card · the hero
Build your AI team See how it works↓
Chips
Lead nurture Appointments Warm transfers Contracts + payments
Window
app.zunas.com/activity
Lead replied Nurturing
Discovery call Confirmed
Contract follow-up In progress
One AI team. Every next step covered.
Black pill
›Tell Zunas your goal. Build the AI team to get there.
01
Dark card, the process steps
INK ground, lavender mono number, white serif title, 14.5px sub at 62% white. Three in a row.
“
A customer quote goes here, set in the brand serif.
Zunas Example customer
07 · Product & agents

A team of AI agents. Built for the follow-through.

Zunas nurtures leads through natural conversations, calls, appointments, warm transfers, contracts and payments. The product windows show the conversation, the next action and the outcome. Select a workflow below to explore the examples.
app.zunas.com/team
01 · Lead nurture

A conversation. A next step.

Personal follow-up, with the context carried forward.

AI team active
Your lead queue
ML
Morgan Lee New enquiry · follow-up agent
Replied
TR
Taylor Reed Requested a call · calling agent
Calling
JE
Jordan Ellis Discovery call · booking agent
Booked
Each agent knows the conversation and the goal.
Morgan Lee · conversation
Hi Morgan, following up on your enquiry. What would you like to get sorted first?
I’d like to talk through the options. Is tomorrow morning available?
Absolutely. Would 10:00 work for a quick call with the team?
↗ Next step: book the appointment
Illustrative product workflow
zunas · lead nurture
›
Conversation Context first Show the lead’s message, the agent’s response and a clear next action.
Agent activity Quiet status Use mono labels and lavender states for calls, follow-ups, bookings and handoffs.
Outcome builder One clear goal Connect the team’s steps to the chosen outcome. Keep setup simple and readable.
08 · Motion

Every action moves the lead forward.

Motion shows the team working toward a goal: a reply, a call, an appointment, a handoff, a signature or a payment. Keep it calm, readable and contained in the product window.
app.zunas.com/team
01 · Nurture

A natural follow-up.

The agent picks up the conversation with the lead’s context.

✓ Lead replied
Scene 01 Nurture: A natural follow-up. 6 s
Scene 02 Call: Continue the conversation. 6 s
Scene 03 Book + confirm: Make the appointment happen. 6 s
Scene 04 Warm transfer: A handoff with context. 6 s
Scene 05 Contract: Follow through on the signature. 6 s
Scene 06 Payment: Reach the desired outcome. 6 s
Loop Soft crossfades. Reduced motion shows a finished frame. 36 s
09 · For AI

The brand LLM file.

One markdown file with the colour tokens, typography, logo assets, the full zebra SVG, component CSS and motion timings. Everything needed to build consistently with Zunas.
Download zunas-brand.md Open in the browser
/brand/zunas-brand.md