Quiet, exact, and about the call.
One mark, black and white everywhere else, one blue, one typeface. Most of what people see should be the product. This page sets out the rules so the website, the Console, Copilot and every partner's white-label look like they come from the same company.
Logo
Your mark, the two circles folded into one loop, with the name set in Mona Sans. The shading in the mark is the only gradient anywhere in the brand.
A · Sentence case Recommended
Semibold, tight. Reads as a name, the way Apple and OpenAI set theirs. Holds up at 14px in a nav bar.
B · Lowercase
Friendlier and more software-like. Closer to the domain name, but softer next to call-center buyers.
C · Spaced capitals
Keeps the uppercase of the current logo, calmed down. Formal, but harder to read when small.
Mark
Two circles turning into each other, like a conversation. Use it on its own wherever the name won't fit.
- Clear space of half the mark's height on every side.
- Smallest size 16px tall for the lockup, 12px for the mark alone.
- Three versions only. Indigo on light, white on dark, graphite for one-color print. Don't flatten it, recolor it, or add outlines, shadows or glows.
- Don't redraw it, rotate it, or put it inside another shape, except the app-icon square.
Black icon for social avatars and the app stores. Indigo for the Copilot desktop app in the dock. White where the background is already dark.
Product names
Supportiyo is the company. Copilot, Cloud and Home Services are its products. Write the company name and the product word together, with the product word in regular weight.
The live window that tells your agent what to say next.
Voice agents you resell under your own name. Keeps its own infinity mark, as a sub-brand.
Software and an AI workforce that move a home services job from booked to paid.
- No new names for features. Say "the Console", "the island", "the score". Don't invent things like "Supportiyo Pulse".
- Home Services is the third product. It uses the company mark, not its own.
White-label
On Cloud, the partner's brand leads. Supportiyo shows up only as a small gray “Powered by” tag.
The tag is always 11px, always gray, at the bottom of the sidebar or the footer of the call widget. It never appears in a partner's emails or on their invoices.
Color
Almost everything is paper, white and ink. Indigo belongs to the mark and the product. Red, amber and green mean something, so they're never decoration.
Roughly how much of a page each takes
Paper 70 · White 14 · Ink 10 · Product black 5 · Indigo 1. The page is light and the product is the only dark thing on it, so the eye goes to the product. No gradients, grids or glows.
Type
Mona Sans for everything that reads, using its width axis instead of a second face: a touch wide and heavy for display, normal for body. Commit Mono for labels, numbers and anything that is data. Both open source.
Headlines sit at weight 600 with tight tracking and a slightly wide setting; body text at 400. Labels, captions and figures are Commit Mono, small and uppercase. No italics for emphasis, no bold above 600, no third face.
The island
Copilot's floating window is our signature. When a page needs a picture, use this instead of illustrations, 3D shapes or stock photos.
- Always dark glass, even on a light page. It's a window floating over someone's call.
- Real lines only. Every example should be something an agent might actually say.
- Red is only for a compliance stop. Every other moment in the call stays dark glass.
Voice
Write like someone who has run a call floor. Use short sentences and real numbers, and say what the product does, not what it means.
- No invented proof. Don't put up logos, quotes or numbers we can't show to someone who asks.
- Banned words: revolutionize, empower, seamless, cutting-edge, unlock, leverage, game-changing.
- Spell it Supportiyo, Cloud, Copilot, Console. Never SupportIyo, SY, or "the bot".
In use
A few everyday places, to show the system holds up away from the website.