The brand kit
The system is grave. The touch is light.
BoopBoop is an enterprise treasury product with an internet-whimsy name. A boop is a gentle tap. The brand resolves the tension the way the product does: a modern bank sitting on a Safe, agents inside signed lanes, one teal that only ever means the bound. Everything below is free to use, with attribution.
§ 01 · The mark
Two discs in a lane.
A navy-charcoal capsule is the signed bound. Two corridor-teal discs sit inside it: the name, and an actor who cannot leave the lane. The right disc is the boop. It taps once when a page loads; that is the only motion in the system.
Also: favicon.svg (16px-safe), the same geometry weighted up for tiny sizes.
§ 03 · Color
Ink is the system. Teal is the lane.
Click any swatch to copy its hex. Three contrast pairs are sanctioned: corridor teal + paper, ink + paper, and teal-bright on dusk. Never cream; never banknote green-gray; never teal on teal.
§ 04 · Typography
Host Grotesk speaks. Azeret counts.
Every dollar working or moving.
Display + Body · Host Groteskyield $48,312.90 · 4.83% · addresses and amounts set in mono
Data · Azeret MonoBoth are free on Google Fonts. Ship them with next/font, never as third-party script.
§ 05 · The rules
Policy, as design.
Clear space
Keep at least one disc-diameter of empty space around any lockup.
Minimum sizes
Symbol 16px (the capsule scales; use the favicon weighting below 24px); lockups 120px wide.
Color discipline
Ink on paper, teal on paper, dusk text on teal-bright. Nothing else.
The discs stay in the lane
Two discs, one capsule. Never pull a disc outside the bound.
Motion budget
One tap on page load. That is the entire animation allowance. Honor reduced-motion.
Attribution
Use the kit freely; credit BoopBoop and link boopboop.xyz. Never imply endorsement.
Need a variant we didn’t publish?