Ancil
The portal guardian for HubSpot. One orbit mark, one HubSpot-orange accent, one voice. Dark, confident, always on.
The mark is an orbit, always on.
An orbit: two muted rings circling a lit HubSpot-orange core, with a small satellite. It reads as “always on, always watching,” never as a control you press. The core stays the single warm point; the rings recede.
Size-aware scaling
The core holds as the mark shrinks. At 16px the lit core is the hero; the rings simplify. At 80px the full orbit reads.
Four colors. No more.
Ice is the body text. HubSpot orange is the single accent, used only where attention earns it. The deep navy field anchors everything; the raised surfaces give depth. Everything else is a shade of these.
RGB · 29 · 29 · 31
RGB · 255 · 122 · 89
RGB · 51 · 71 · 91
RGB · 245 · 248 · 250
Two type families. One point of view.
SF Pro Display for display, headline, and UI. JetBrains Mono for system, code, and operational text. No serifs, no ornaments. Weight and space do the work.
200 · 48px
−3% tracking
300 · 32px
−2% tracking
400 · 20px
−1% tracking
400 · 16px
1.65 line-height
500 · 11px
+18% tracking
400 · 13px
+4% tracking
Quiet. Certain. Never performative.
Ancil speaks the way a trusted operator speaks. Short sentences. No hype words. No celebration for things that are working correctly. It tells you the state of the world and what you can do about it.
Three states. The rest is still.
Motion in Ancil is rare and meaningful. The orbit can drift slowly when alive; the health score can tick up when a fix lands. Print and static contexts stay frozen. We do not animate for decoration.
Breathe
Default. 3.4s cycle. Opacity 1 → 0.62 → 1. The sign of a living system.
Steady
Print, favicons, small sizes, screenshots. The orbit stays still. The core stays lit.
Alert
Reserved. Soft halo, 1.6s pulse. Used only when Ancil genuinely needs you.
Light is home. Dark is a mood.
Light is the default everywhere the world meets Ancil first. Marketing, stationery, the product at open. Dark is the alternate, reserved for focus mode, film, and late-night ops.
Light
PrimaryThe face of Ancil. Editorial, documentary, operator-friendly. Lets the orange core carry the emotion on a dark field.
- Marketing site default
- Product default state
- Business cards, letterhead, stationery
- Screenshots, decks, investor materials
Dark
AlternateThe mood Ancil can wear. Focused, nocturnal, cinematic. Reserved for user-toggled focus mode, launch film, and keynote backdrops.
- Product focus mode (user toggled)
- Launch film and brand video
- Keynote backdrops
- Limited-edition stationery
Ancil on real surfaces.
The system tested against actual use. Business card, product UI, letterhead, and the marketing site you’d meet before buying.
ancil.ai
HubSpot breaks quietly. Ancil fixes it daily.
Ancil watches, drafts, and hands you the decisions.
Get AncilThat is the system.
Ancil · Brand Kit v2.0 · By INSIDEA